プログラミング環境構築

ここではロボキットのプログラムを書き、そのプログラムでロボキットを動かすための環境構築を紹介します。概要は次の通りです。

  1. VSCodeをインストールする
  2. VSCodeを開く
  3. プログラムを開く
  4. 必要な拡張機能をインストールする

ここではMac, Windowsでの環境構築について紹介します。環境構築でわからないところがある場合は質問・バグ報告についてを参照してください。

1: VSCodeをインストールする

VSCode(Visual Studio Code)とは、microsoftが無料で公開しているコードエディタです。プログラミングを行う際はこのエディタを使うことが多いです。

まずはインストールに必要なファイルをダウンロードします。次のURLを開いてください。

https://code.visualstudio.com/

VSCodeをインストールに適切なファイルをダウンロードするボタンがページの真ん中あたりに表示されています。Macの場合は以下のようなものです。

このようなボタンを押すとダウンロードが始まります。ダウンロード後の作業はOSごとに手順が違うので注意してください。

Windows

ダウンロードされたものはVSCodeのインストーラです。ファイルを開いて実行すると、VSCodeをインストールするためのウィンドウが開きます。 以降はウィンドウの指示に従って進めてください。

ダウンロード後のスクリーンショット付きの説明はVSCode | Visual Studio Codeのダウンロードとインストール #Visual Studio Codeをインストールするを参照してください。

オプションが何個かありますが、迷った場合/わからなかった場合はとりあえずチェックを入れておくのが吉です。

Mac

ダウンロードされたものはVSCodeアプリのzipファイルです。展開するとVisual Studio Code.appという名前のファイルができます。このファイルを「アプリケーション」フォルダに移動させてから開いてください。

開く際に警告が出る可能性がありますが、構わず進めてください。

ダウンロード後のスクリーンショット付きの説明はMacOSでVisual Studio Codeをインストールする手順 - Qiita #3. ダウンロードしたファイルを開く（解凍する）を参照してください。

2: VSCodeを開く

インストールが完了したらVSCodeを起動します。最初に表示されるウィンドウは↓のようになっているはずです。

画面右下にある「インストールして再起動」のボタンを押してください。VSCodeが再起動後、日本語化されます。

3: プログラムを開く

まずはロボキットを動かすプログラムをダウンロードします。

↑のバッジを押すとzipファイルのダウンロードが始まります。展開して得られるフォルダの中にプログラムが入っています。(zipファイルは削除しても構いません。)

zipファイル展開の流れ（わかる人はとばして大丈夫です。）

Windows

  1. zipファイルをダウンロードすると右上に表示されるのでダウンロードが終わってからomniboat_robokit_main.zipのzipファイルににポインタを当ててファイルマークをクリックしてください。 （またはエクスプローラーのダウンロードフォルダからzipファイルを探してください。）

  2. ファイルを選択して右クリックし、「すべて展開」を選択してください。

     

  3. 「参照」を選択して展開先をドキュメントに変更し、右下の「展開」をクリックしてください。（別の場所にしたい人は別のフォルダを選んでください。）

Mac

  1. Finderを開き、zipファイルをダウンロードフォルダからドキュメントフォルダに移動させてください。
  2. zipファイルをダブルクリックしてください。展開が完了します。

続いて、展開したフォルダをVSCodeで開きます。Windowsの方はウィンドウ左上のメニュー、Macの方は画面左上のメニューから ファイル>フォルダーを開く を選択してください。フォルダを選ぶためのウィンドウが出てくるので、先程zipファイルを展開して得たフォルダを選択して開いてください。

4: 必要な拡張機能をインストールする

フォルダをVSCodeで開くと、以下のようなウィンドウが表示されるはずです。

画面右下の「インストール」ボタンを押して、プログラムを実行するのに必要なVSCodeの拡張機能をインストールします。

VSCodeでは拡張機能と呼ばれるものをインストールしてVSCodeをより多機能にすることができます。ここでインストールしているのはPlatformIO IDEという拡張機能です。

インストール後、必要に応じてVSCodeの再起動などを行なってください。VSCodeのウィンドウ左側にのアイコンが表示されていれば環境構築は完了です。

参考