【Vket Cloud】動画つき！ゼロから始めるHeliScript超入門① - HeliScriptを作成する環境を作る

# はじめに
Vket Cloudでは、「HeliScript」という独自のスクリプトを使用してコーディングを行うことで、ワールド内に高度なギミックを導入することが出来ます。

本記事ではHeliScript開発の推奨環境の作成方法について紹介します。

**本記事に書かれていることを行わないとHeliScriptの開発が出来ない、ということは全くない**ので、好みの環境がある場合はそちらを使っていただければと思います。

# HeliScript開発の推奨環境について

HeliScriptは**テキストエディタであればどんなツールを使っても作成・編集する**ことが出来ます。
しかし、Vket Cloudの独自スクリプトであるため、一般的なコードエディタで使用できる、効率よく開発を行うための機能が使えないことがあります。

そこで、Microsoftが提供している[Visual Studio Code](<https://azure.microsoft.com/ja-jp/products/visual-studio-code>)(以降、VSCodeと表記します)を推奨環境としています。
※外部リンクです。
### インストール手順
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/fca5a954-edbc-51c7-e0f3-3e7204de8b99.png)
上記画像にもある、「Visual Studio Codeをダウンロードする」を選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/163ea9a6-53b6-4661-de7f-cd21ddd8a543.png)
環境にあったダウンロードリンクを選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/678e2f38-9e68-accc-7e86-2afede233456.png)
セットアップソフトをダウンロードしたらソフトを起動し、インストールを行います。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/2426584e-3600-4889-670b-60528a60057d.png)
画面の指示に従いながら、インストールを進めます。

### HeliScriptをVSCodeで開くようにする

::: note
こちらは、HeliScriptを作成した後に行う作業になります。
HeliScriptを作成する前にVSCodeのインストールを行った場合、次の「Unityの設定について」に進んでください。
(後程行います。)
:::

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/0eb0ff04-ffc8-e8e8-5503-20cf089180dd.png)
インストール完了後、拡張子.hsのファイルを右クリックし、「プログラムから開く > 別のプログラム」を選択を選びます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/2c21c110-e244-96a2-ba80-ba04fa73d70e.png)
このファイルを開く方法の画面で、Visual Studio Codeを選択し、「常にこのアプリを使って.hsファイルを開く」にチェックを入れた状態でOKを選択します。

:::note
このファイルを開く方法の画面に表示されない場合、「その他のアプリ」を選択し、スクロールすることで表示されます。
:::

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/74ed6074-3138-7050-f12a-58f90e46d858.png)
これで、HeliScriptをVSCodeで開く設定が完了しました。

# Unityの設定について
本連載記事ではUnityの言語設定は英語、レイアウトは2by3を使用します。
レイアウトについてはデフォルトの設定ではないので、ご注意ください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/52a3ff80-90a1-26f6-6d39-864fef1df4d9.png)
記事で登場するUnityの画面例

### Unityの言語設定について
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/b1b5573a-7ffa-532b-8da6-d45d16a19960.png)
Unityの言語設定は、Edit(編集)タブのPreferences(環境設定…)を選択した際に表示されるダイアログ(上記画像)にてLanguages(言語)タブを選択した際に表示されるEditor language(エディター言語)から変更可能です。

### Unityのレイアウト設定について
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/ccf516df-77c6-36e2-9a0a-18b77dc83716.png)
本連載記事では、2by3レイアウトを使用しています。
レイアウトの変更は、Unity画面右上のLayoutを選択することで可能です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3788807/836531b0-e466-cbdf-f273-82cde6a761f6.png)
また、ProjectビューではOne Column Layoutを使用しています。
こちらは、Projectの文字の上で右クリックをすることでレイアウトの変更が出来ます。

本連載記事とUnityエディタの見た目を統一する場合は上記の設定を行ってください。

:::note warn
このレイアウトでなければVket Cloudの開発ができない、ということはありません。
使いやすいレイアウトで開発を行うことを推奨します。
:::

次 : [② HeliScriptを作る / Hello World!をコンソールに出力する](<https://qiita.com/shirapy/private/f09a39fb051fd6a5cb50>)
前 : [目次](<https://qiita.com/shirapy/items/02acd23c37d112402f7d>)