皆さんこんにちは![Virtual Summit](https://www.intersystems.com/jp/resources/detail/intersystems-virtual-summit-2020-interaction-information-2/) ご覧いただけていますでしょうか。 [Virtual Summit](https://www.intersystems.com/jp/resources/detail/intersystems-virtual-summit-2020-interaction-information-2/) で VSCode の [ObjectScript 用エクステンションバージョン1.0](https://community.intersystems.com/post/objectscript-extension-vs-code-reaches-10) のリリースが👏正式発表👏されましたので、さっそく利用方法を投稿してみました。 来週の技術セッションではさらに詳しい説明があると思いますので、ご登録がまだの方は、ぜひご登録ください! (ご登録いただくとオンデマンド配信でいつでもセッションのビデオを視聴できます。機械翻訳ではありますがビデオには日本語字幕が付いています。) この記事では、以下の操作方法をご紹介します。 1. [ObjectScript用エクステンションのインストール方法](#1) 2. [サーバへ接続する](#2) 3. [クラス定義を作ってみる](#3) 4. [ルーチンを作ってみる](#4) 5. [デバッグを実行してみる](#5) 👉**《2024/1/17:更新》最新のObjectScriptエクステンションに合わせて内容を更新しました。** 6. [Webサーバ使用時:デバッグの注意点](#6)** 👉《2024/1/17追加》プライベートWebサーバではない通常のWebサーバを使用する場合の注意点を追加しました。** ### 操作前の準備 [VSCodeのインストール](http://code.visualstudio.com/) を行います。 インストール後、VSCode で作成するクラス定義(\*.cls)やルーチン(\*.mac や *.inc)用ファイルを配置するためのワークスペース(作業環境)用フォルダを作成します。作成が終わったら VSCode を開き、**[File > Open Folder...]** から作成したフォルダを選択します。 ![VSCodeのワークスペースを開いた図](/sites/default/files/inline/images/images/image(990).png)   **《2024/1/18追記》**InterSystems製品のバージョン2023.1以下を利用されている環境で**プライベートWebサーバ(※)ではなく**Webサーバ(IISやApache)を利用してVSCodeから接続する場合、Webサーバにパスを追加する必要があります。

詳細は👉「Webサーバ(IISやApache)を利用してVSCodeからInterSystemsサーバに接続するときの注意点(バージョン2023.1以下)」をご参照ください。

(※)InterSystems製品インストール時、簡易的にインストールされたApacheで52773番ポートでアクセスするWebサーバ

 

  ### 1、ObjectScript用エクステンションのインストール  エクステンションのアイコン ![](/sites/default/files/inline/images/images/image(991).png) をクリックし「InterSystems」で検索し  ![](/sites/default/files/inline/images/images/image(8204).png) をインストールします。 ![](/sites/default/files/inline/images/images/image(8203).png) インストールが完了すると ![](/sites/default/files/inline/images/images/image(996).png) のアイコンが左端に表示されます。   ### 2、サーバへ接続する  《2024/2/1現在のバージョンに合わせて修正しています》 メニューから **File > Preferences > Settings** (macOS では **Code > Preferences > Settings**) を選択して、VS Code Settings Editor を開きます。 検索欄に、**objectscript** を記入し、検索欄すぐ下にある **[Workspace]** を選択します。 Extensions > InterSystems ObjectScript を選択し、画面右に表示される設定項目の中から「**ObjectScript: Conn**」にある「**Edit in settings.json**」をクリックします。 ![](/sites/default/files/inline/images/images/image(8206).png)   開いたワークスペースのフォルダ以下に [.vscode] フォルダが用意され、settings.json が作成されます(このファイルは、ワークスペースに対するサーバ接続情報を記述できる設定ファイルです)。 settings.json  を開くと、**"intersystems.servers":{} **と、”objectscript.conn”**: {}**  の記述があり、**"intersystems.servers":{}** に接続したいサーバ情報を名前を付けて記述し ”objectscript.conn”**: {}**  には **"intersystems.servers":{}** で名付けたサーバ名を使用して接続指定を行います。 接続先を簡単に切り替えることができるように、**"intersystems.servers":{}** には、複数の接続先サーバ情報を記述できます。 以下、2つの接続先情報(test1、test2)を指定した設定例です。 ![](/sites/default/files/inline/images/images/image(8215).png) 画面例では、test1の接続情報を使用して接続します。 > 接続したい IRIS のホスト名(host)、Webサーバポート番号(port)、httpかhttpsか(schema)、接続時に使用するユーザ名(username)、接続サーバ情報(server)、ネームスペース(ns)、**"active"** : **true** を設定し保存します(Ctrl + s で保存できます)。 > > コミュニティエディションを除くプライベートWebサーバを使用しない2023.2以降のバージョンでは、"pathPrefix" : "/インスタンス名" の指定も必要となります。詳しくはこちらの記事をご参照ください。👉[[プライベートWebサーバを使用しないバージョンの新規インストール/アップグレード:概要](https://jp.community.intersystems.com/node/558511#VSCode)]
{
    <span class="hljs-attr">"intersystems.servers"</span>: {
        <span class="hljs-attr">"test1"</span>:{
            <span class="hljs-attr">"webServer"</span>: {
                <span class="hljs-attr">"host"</span>: <span class="hljs-string">"127.0.0.1"</span>,
                <span class="hljs-attr">"port"</span>: <span class="hljs-number">52773</span>,
                <span class="hljs-attr">"scheme"</span>:<span class="hljs-string">"http"</span>
            },
            <span class="hljs-attr">"username"</span>: <span class="hljs-string">"SuperUser"</span>
        },
        <span class="hljs-attr">"test2"</span>:{
            <span class="hljs-attr">"webServer"</span>: {
                <span class="hljs-attr">"host"</span>: <span class="hljs-string">"127.0.0.1"</span>,
                <span class="hljs-attr">"pathPrefix"</span>: <span class="hljs-string">"/iris"</span>,
                <span class="hljs-attr">"port"</span>: <span class="hljs-number">80</span>,
                <span class="hljs-attr">"scheme"</span>: <span class="hljs-string">"http"</span>
            },
            <span class="hljs-attr">"username"</span>: <span class="hljs-string">"SuperUser"</span>
        }
    },
    <span class="hljs-attr">"objectscript.conn"</span>: {
        <span class="hljs-attr">"active"</span>: <span class="hljs-literal">true</span>,
        <span class="hljs-attr">"server"</span>: <span class="hljs-string">"test1"</span>,
        <span class="hljs-attr">"ns"</span>: <span class="hljs-string">"USER"</span>
    }
}
  なお、以下のように、”objectscript.conn”**: {}**  の設定だけでも接続できますが、接続ユーザ名に対するパスワードをsettings.jsonに記述しておく方法となります。
{
    <span class="hljs-attr">"intersystems.servers"</span>: {},
    <span class="hljs-attr">"objectscript.conn"</span>: {
        <span class="hljs-attr">"active"</span>: <span class="hljs-literal">true</span>,
        <span class="hljs-attr">"host"</span>: <span class="hljs-string">"localhost"</span>,
        <span class="hljs-attr">"port"</span>: <span class="hljs-number">52773</span>,
        <span class="hljs-attr">"ns"</span>: <span class="hljs-string">"USER"</span>,
        <span class="hljs-attr">"username"</span>: <span class="hljs-string">"_SYSTEM"</span>,
        <span class="hljs-attr">"password"</span>: <span class="hljs-string">"SYS"</span>
    }
}
  接続できると、VSCode左下に以下のように接続情報が表示されます。 ![](/sites/default/files/inline/images/images/image(8209).png) 接続までの手順は以下の通りです。 ![](/sites/default/files/inline/images/images/image(8210).png) 初回、パスワードを設定しても接続できない場合は、![](/sites/default/files/inline/images/images/image(8212).png) クリック後、画面左下に表示される[ObjectScript](下図)をクリックし、画面上部中央に表示されるメニューから「**Toggle Coonection**」をクリックし、接続できるかご確認ください。 ![](/sites/default/files/inline/images/images/image(8211).png) ![](/sites/default/files/inline/images/images/image(8214).png)   接続が完了すると、下図のように各種メニューを表示できます。 ![](/sites/default/files/inline/images/images/image(8213).png) メニューの **[Refresh Connection] **をクリックすると最新情報を取得できます。     接続完了後、![](/sites/default/files/inline/images/images/image(996).png) をクリックすると、サーバ内のクラス/ルーチン/インクルードファイルなどの情報を確認できます。(サーバ側編集モードを有効にしない限り、サーバ側コードは read-only で開きます) ![](/sites/default/files/inline/images/images/image(8216).png) サーバ情報は読み取り専用の為、VSCode 上で編集したい場合は、ソースコードを右クリックし「Export」を選択します。 Export選択後、ワークスペース > src  以下にソースコードがコピーされます。 ※システムコードは上書きしないようにご注意ください。 > Export先ディレクトリは "objectscript.export": {} の設定で変更できます。デフォルトは src が設定されています。 > > 以下のように "folder" の設定を使用して別ディレクトリに変更することができます。 > >
    <span class="hljs-string">"objectscript.export"</span>: {
        <span class="hljs-attr">"folder"</span>: <span class="hljs-string">"mydir"</span>,
        <span class="hljs-attr">"addCategory"</span>: <span class="hljs-literal">false</span>,
        <span class="hljs-attr">"map"</span>: {},
        <span class="hljs-attr">"atelier"</span>: <span class="hljs-literal">true</span>,
        <span class="hljs-attr">"generated"</span>: <span class="hljs-literal">false</span>,
        <span class="hljs-attr">"filter"</span>: <span class="hljs-string">""</span>,
        <span class="hljs-attr">"exactFilter"</span>: <span class="hljs-string">""</span>,
        <span class="hljs-attr">"category"</span>: <span class="hljs-string">"*"</span>,
        <span class="hljs-attr">"noStorage"</span>: <span class="hljs-literal">false</span>,
        <span class="hljs-attr">"dontExportIfNoChanges"</span>: <span class="hljs-literal">false</span>,
        <span class="hljs-attr">"maxConcurrentConnections"</span>: <span class="hljs-number">0</span>,
        <span class="hljs-attr">"mapped"</span>: <span class="hljs-literal">true</span>
    }
  ### 3、クラス定義を作ってみる 早速、クラス定義を作成し、HelloWorld! の文字列を出力するメソッドを作ります。 ![](/sites/default/files/inline/images/images/image(1005).png)  をクリックし、ワークスペースに戻ります。 開いたワークスペースに、パッケージ名と同名のフォルダを用意します。例では、Test としています。 ![](/sites/default/files/inline/images/images/image(1006).png) 定義例)
<span class="hljs-keyword">Class</span> Test.Class1 <span class="hljs-keyword">Extends</span> <span class="hljs-built_in">%RegisteredObject</span>
{

<span class="hljs-keyword">ClassMethod</span> Hello()
{
    <span class="hljs-keyword">write</span> <span class="hljs-string">"Hello world! こんにちは!"</span>
}

}
[Ctrl + スペース] を押すと以下のような入力候補が出ます。 ![](/sites/default/files/inline/images/images/image(1015).png) コードの作成が完了したら、Ctrl + s で保存+コンパイルを行います。(Outputウィンドウを表示しておくとコンパイル結果が確認できます。) ![](/sites/default/files/inline/images/images/image(1007).png) ターミナルを起動し、クラスメソッドの実行を試します。
USER><span class="hljs-keyword">do</span> <span class="hljs-keyword">##class</span>(Test.Class1).Hello()
Hello world! こんにちは!
USER>

メモ:コンテナやLinux上のIRISに対しては、iris session インスタンス名 でIRISにログインできます。

例)

irisowner@<span class="hljs-number">0</span>c6e3bc48ff6:~$ iris session IRIS
ノード: <span class="hljs-number">0</span>c6e3bc48ff6 インスタンス: IRIS

USER>
  ### 4、ルーチンを作ってみる ルーチンの作成についての注意事項は、[橋本さんに投稿いただいたこちらの記事](https://jp.community.intersystems.com/post/intersystems-objectscript-%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%86%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%A7%E3%83%AB%E3%83%BC%E3%83%81%E3%83%B3%E3%82%92%E3%82%A4%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%88%E3%81%97%E3%82%88%E3%81%86%E3%81%A8%E3%81%99%E3%82%8B%E3%81%A8name-invalid%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%A8%E3%81%8D%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95)がとても参考になります。ぜひご参照ください。 ワークスペース以下にルーチン用ファイルを作成します。拡張子は mac とします。 ![](/sites/default/files/inline/images/images/image(1008).png) ルーチンでも [Ctrl + スペース] を押すと入力候補が表示されます。 ![](/sites/default/files/inline/images/images/image(1016).png) ルーチン実行例は以下の通りです。
USER><span class="hljs-keyword">do</span> hello<span class="hljs-symbol">^First</span>()
こんにちは、ルーチンです
USER>
  ### 5、デバッグの実行 《2024/1/17 時点の操作方法に合わせ図解など更新しています》 クラス定義の場合、以下のようにメソッド定義の直前に[Debug] と表示されます。[Debug] をクリックするとデバッグが開始するので、ブレークポイント(F9)を事前に設定しておきます。 ![](/sites/default/files/inline/images/images/image(8055).png) [Debug]をクリックすると、VSCodeの画面上部にデバッグ用アイコン ![](/sites/default/files/inline/images/images/image(8057).png) が表示されます。 ステップ実行した時の状態は以下の通りです。(画面左側に実行中の変数などの一覧が表示されます) ![](/sites/default/files/inline/images/images/image(8056).png)   ルーチンの場合もラベル名の上に表示される[Debug]をクリックすることで同様の手順でデバッグを開始できます。 ![](/sites/default/files/inline/images/images/image(8058).png)   6、Webサーバ使用時:デバッグの注意点 **※ プライベートWebサーバ(=InterSystems製品インストール時、簡易的にインストールされたApacheで52773番ポートでアクセスするWebサーバ)使用時は以下の変更は不要です。** Webサーバ(IISやApache)を利用している環境でVSCodeからObjectScriptのデバッグを実行する際、Webソケットモジュールがデフォルトでは有効になっていないため以下のようなエラーが表示されます。 ![](/sites/default/files/inline/images/vscode-debug-error.png)   (WebサーバのWebソケットモジュールが有効になっていないため、デバッグセッションの開始が失敗した旨のエラーが表示されます)   以下、IISとApacheでのWebソケットモジュールの有効化方法をご紹介します。 **IISの場合** Webサーバ(IIS)のサービスを選択した状態で、「アプリケーション開発」以下にある「WebSocketプロトコル」をチェックします。 また、「HTTP共通機能」以下にある「HTTPリダイレクト」もチェックします。 ![](/sites/default/files/inline/images/iis-add-module.png)     Windows10での追加の場合は下図の通りです。   ![](/sites/default/files/inline/images/win10-websocketenabled.png)   Apacheの場合  WebSocketモジュールを有効化するため、以下実行します。(設定変更後、Apacheを再起動してください。)
<span class="hljs-meta">$</span><span class="bash"> sudo a2enmod proxy_wstunnel</span>
Considering dependency proxy for proxy_wstunnel:
Enabling module proxy.
Enabling module proxy_wstunnel.
To activate the new configuration, you need to run:
  systemctl restart apache2
<span class="hljs-meta">$</span><span class="bash"> sudo systemctl restart apache2</span>
<span class="hljs-meta">$</span>