SuiteCloud Extension for Visual Studio Codeのセットアップとちょっと使ってみる

## SuiteCloud Extension for Visual Studio Codeとは

　Visual Studio Code上でファイル キャビネット のファイルやカスタム オブジェクトを操作したり、SuiteScriptファイルを作成したり、作成したオブジェクト、ファイルをNetSuite環境へデプロイおよび検証したりできます。より具体的には他投稿で手順を追って説明予定です。

 今回は以下図の赤枠のSuiteCloud PlatformのCustomization ToolsのIDE Plug-insに簡単に触れます。NetSuiteではWebStorm向け、VS Code向けのプラグインが存在します。今回は、VS Code向けは利用したことがない為、そちらのセットアップをしてみます。

:::note warn
 VS Code向け、WebStorm向けについては、利用可能、不可能な機能があります。詳細は個別の機能説明をしながら確認していきたい為、今後、投稿しようと思います。
 ご自分で確認される場合は、英語ですが以下URLを貼っておきますので、ご参照ください。
https://docs.oracle.com/en/cloud/saas/netsuite/ns-online-help/article_0131060804.html
:::

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/9e08b2e5-d732-5768-bf3c-4c5798b29825.png)


## 1. 拡張機能をインストールする
 拡張機能から検索し、探し当てたらインストールボタンをクリックし、インストールする。
 インストールに必要な環境は、詳細タブを参照して下さいね。そのあたりはすっ飛ばしてしまいます。
 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/1da42c9d-ae28-fed5-6480-7fa5664edb26.png)

 インストールがアンインストールとなっていれば、正常にインストールされています。
 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/c65c3f60-a1b5-da20-37e3-b4c0b0097862.png)

## 2. NetSuiteとつなぐ
　直接つなぐ設定でも出来るのですが、今回はプロジェクトをまずは作成します。
 コマンドパレットからSuiteCloudと入力するとNetSuite関連のコマンドが一覧化されています。
 　Create Projectを選択します。

 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/01e3bc1a-3d65-9655-b943-68ad7c2db0fb.png)

　Account Customization Projectを選択します。Project名は任意で入力してください。私はTestにしました。
  ※SuiteApp Projectは今後、説明します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/d2bb81de-2ca5-3e15-07dc-a5244125b30f.png)

　エクスプローラー内にNetSuite向けのディレクトリやらファイルやらが出来上がります。この時点ではNetSuiteの特定の環境へは接続出来てませんので、次は、NetSuiteへ接続します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/68da3cb8-5d36-456f-3412-b66486b382eb.png)

　接続する環境が1つも設定されていなければ、右下にリンクが表示されていますので、SuiteCloud: Set Up Accountをクリックし、接続設定します。
　![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/c5da5fae-8bb1-9b91-4c06-1dd385ced678.png)

　以下の画面の通りとなりますが、そのままクリックして、進みます。
　![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/028e34cb-a71c-ef99-5d09-8cc9172df35c.png)

　接続方法は大きく2通りありますが、今回は簡単なので、Browser-based authienticationを選択します。
　![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/592d4008-2509-bc85-26e0-1ed98a0431e5.png)

　authentication IDを入力するよう促されますので、ここでは、接続したい環境のアカウントIDを入力してください。アカウントIDは、会社>会社情報で確認が可能です。
  入力後、Enterを押すとブラウザへ遷移します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/d258e1f9-2208-4590-be61-b358983cd3a3.png)

　以下のような画面になりますので、接続したいロール変更等をして許可をクリックします。クリックしたらブラウザを閉じて、VS Codeへ戻ります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/e5163232-d4f6-7713-9da5-39d2f19a1134.png)

 左下の鍵マークに接続されたNetSuiteの環境が表示されています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/b170af84-1b7d-8e11-b156-08ff28b7afd6.png)

## 3. ちょっとだけ使ってみる
 NetSuiteのカスタムオブジェクトをXML形式でVS Codeへ取り込んでみます。
 Objectを右クリックして、Import Objectsをクリックします。 
 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/f44ff3fd-c631-8662-57c9-f7ccffbfb606.png)

　そうするとコマンドパレット上にインポート可能なオブジェクトの種類を選択することが出来ます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/65cd2101-0bfe-1314-28cd-6286d7b37736.png)

　次の画面でインポート対象とするオブジェクトをあらかじめ絞り込む必要がある場合は、ここで絞り込みます。今回は空白でEnterします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/332886f4-39a5-d6c7-4a7e-75f4d981cb7b.png)

　NetSuite上に存在するオブジェクトがリスト表示されますので、インポートしたオブジェクトを選択します。インポート時にファイル上書きしても良いかと、対象のオブジェクトに関連するSuiteScriptも同時にインポートするかを聞かれますので、YesNo選択して次へ進んでください。
 
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/7f0051b2-2521-6cfa-7d31-4b9679a2c32d.png)

 以下がインポートしたオブジェクトファイルです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114483/4fb3d37b-42e6-02f7-5762-84282c892458.png)

## 4. まとめ
　今回は簡単な機能紹介とセットアップに触れました。私自身はfor WebStormを利用していましたので、今回のfor VS Codeは初となりますが、手順を追えば環境構築自身はそんなに時間が掛からないかと思います。
  次回以降はより深い内容を投稿したいと思います。
 
:::note alert
 一部文字化けされている箇所も確認できたので、日本語の環境で正常動作可能なのか確認中です。ですので、何らかの不具合であると確認された場合は、for WebStormで投稿を進めようかと思います。
 
:::

:::note alert
 動作確認については、まずは必ずSANDBOX等の本番環境以外での確認をすることを強く推奨致します。
 
:::