ロボホン開発環境構築手順【Windows11】

### <font color="SlateGray">■</font> はじめに
この度、ロボホンのアプリを作成すべく開発環境を構築しましたので、
備忘録として手順の記事を作成しました。
参考：[RoBoHoN DEVELOPERS](https://robohon.com/sdk/develop-list.php)

### <font color="SlateGray">■</font> 環境
- Windows11
- Android Studio 3.3.2

### <font color="SlateGray">■</font> 手順
①JDK（Java Development  Kit）のインストール
②Android Studio（3.3.2）のインストール
③SDK・Build Toolsの追加インストール
④Instant Run設定の無効化
⑤HVMLファイルの拡張子を追加
⑥HVML構文チェックツールの導入

⑦サンプルアプリのビルド

:::note warn
Windows11においてadb driverインストールは不可。（デバイスマネージャーからAndroid ADB Interfaceの表示を確認できない）
アプリ開発スタートガイドでは「必要に応じて」となっているため、今回は手順を省略します。
※未インストールでも動作に問題ないことは確認済み
:::


### <font color="SlateGray">■</font> JDK（Java Development  Kit）のインストール
①[Java Downloads | Oracle](https://www.oracle.com/java/technologies/downloads/)にアクセス
②[Windows]タブに遷移
③exeファイルのリンクを押下し、ファイルダウンロード
④exeファイルを開き、インストール実行（デフォルトでOK）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/8f33b13d-da5f-6cc9-2a68-b57a1ef6dc7b.png)

### <font color="SlateGray">■</font> Android Studio（3.3.2）のインストール
①[Android Studio のダウンロード アーカイブ](https://developer.android.com/studio/archive?hl=ja)にアクセス
②"Android Studio 3.3.2"のリンクを押下し、ファイルをダウンロード
※開発ドキュメントでは、執筆時の最新版である【3.3.2 】が使用されているため、そちらをインストール実施する
③exeファイルを開き、インストール実行（デフォルトでOK）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/708a214c-e83e-347b-9384-4610d3793498.png)

### <font color="SlateGray">■</font> SDK・Build Toolsの追加インストール
#### SDK
①Android Studioを起動
②メニューバー[File]>[Setings]選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/fb7393ee-d3ef-bc9f-e0b3-6b5da8487c63.png)

③[SDK Platforms]タブの"Android5.0"にチェックを入れ、[OK]押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/4bed7676-b931-922f-d575-942462529166.png)

④[OK]押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/978661e5-eb04-7570-7b06-3202cc6e5c46.png)

⑤"Accept"にチェックを入れ、[Next]押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/af817f1f-b5ec-691b-8638-d40898946cf1.png)

⑥インストール完了後、[Finish]押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/e74ec89d-23c3-e473-a7b7-f9c6d09b6933.png)

#### Build Tools
①[SDK Tools]タブに遷移し、"Show Package Details"にチェックを入れる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/4c2abd55-2173-72d9-303c-756bb9f3c760.png)

②バージョンごとの"Android SDK Build-Tools 32.1-rc1"が表示されるため、21以降のバージョンをチェックする

:::note warn
すでに「32.0.0」「32.1.0-rc1」がインストールされていると思われるため、飛ばしてOKです。
:::

③[OK]ボタン押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/96137144-dd5e-a216-dab8-eb1bf43f4f65.png)

### <font color="SlateGray">■</font> Instant Run設定の無効化
①メニューバー[File]>[Setings]選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/0f5ad911-b3b4-b558-6625-8f083f12052e.png)

②[Build,Extension,Deployment]>[Insert Run]選択
③下記チェックボックスのチェックを外す
`Instant  Run  to  hot  swap  code/resource  changes  on  deploy  (default  enabled)`
④[OK]押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/4acbc0e3-cfe3-4b1b-c01a-66ed694de970.png)

### <font color="SlateGray">■</font> HVMLファイルの拡張子を追加
①メニューバー[File]>[Setings]選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/796d8986-0b0d-376e-3838-e144170063ba.png)

②[Editor]>[File Types]選択
③"Recognized File Types"から”XML”を選択
④"Registerd Patterns"の[+]ボタン押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/5f667b6f-d4b3-319e-2e13-1df473e96884.png)

⑤表示されるテキストボックスに【*.hvml】と入力 → [OK]押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/540ac961-53d0-b390-f5d4-6a8ab534a7fc.png)

⑥Setting画面で[OK]押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/3eca04d2-8863-11d3-155d-cfdec3b0228c.png)

### <font color="SlateGray">■</font> HVML構文チェックツールの導入
①[RoBoHoN SDK](https://robohon.com/sdk/develop-list.php)をダウンロード																															
②メニューバー[File]>[Open]選択 → "RoBoHoN SDK"内の"sample"を開く																															
③"sample"内の以下を開く																															
`sample\.idea\modules.xml`
																															
④上段右の<font color="ForestGreen">✔</font>アイコンを右クリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/ce9d8cde-8ff4-92f3-6aa3-ddb952cc830e.png)
																														
⑤右下のアイコンを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/9e7d1dc0-dd9c-1e03-89c5-11e805cb55ad.png)
																															
⑥ポップアップが立ち上がる																															
⑦"Relax-NG Schema  Assosiation"から、"RoBoHoN SDK"に含まれている以下を選択																															
`RoBoHoN_SDK_2_0_0\schema\hvml_schema_Ver110.xsd`
⑧[OK]押下																															
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/67cbed85-77f5-1143-9bfa-4996f6a63b62.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/e3c234c5-30c2-e62a-40aa-9c50980bf690.png)

### <font color="SlateGray">■</font> ロボホン USBデバッグの設定
①背面LCDのメニューの「設定」の欄をタップ
②「端末情報」の欄をタップ
③「ビルド番号」の欄を7回タップ
④設定メニューに戻り、一番下の「その他」の欄をタップ
⑤「開発者向けオプション」の項目が追加されているため、それをタップし、OFFをONへ変更
⑥「開発用の設定を許可しますか」と聞かれるため、右下のOKをタップ
⑦同メニュー内の「USBデバッグ」の項目をタップし、チェックをONに変更
⑧「USBデバッグを許可しますか」と聞かれるため、右下のOKをタップ
⑨PCとロボホンをUSB接続した際、「USBデバッグを許可しますか？」のダイアログが表示される場合、
「このパソコンからのUSBがデバッグを常に許可する」にチェックを入れて、OKを選択

### <font color="SlateGray">■</font> サンプルアプリのビルド
#### 用意するもの
- microUSBケーブル（ロボホン⇔PC接続用）

#### 手順
①Android Studio起動 
② 「Open an existing Android Studio project」を選択し、"RoBoHoN SDK"内の"sample"を開く
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/6b774217-ec14-e1ca-d685-aec27e55169d.png)

③"sample"内の以下フォルダを選択
>**sample\applications\SampleSimple**

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/e011cc7a-25e5-20e6-375b-8d2a0d47e5cf.png)

:::note warn
"Android Gradle Plugin Update Recommneded" ダイアログが表示される場合、
[Don't remind me again for this project]して無視します。
:::

④左下部に「Gradle sync finished」の表示を確認後、
ロボホンをUSB接続した状態で右上の<font color="ForestGreen">▶</font>ボタンを押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/ad61e694-1784-51ab-aa03-d08c9c0cce72.png)

⑤「Select Deployment Target」画面にて、Connected Devicesの箇所に接続しているロボホン名（SHARP SR01MWなど）が表示されていれば選択し、OKボタン押下

:::note warn
ロボホン名が表示されていない場合は、ロボホンがUSB接続されていないことが考えられます。
:::

⑥ロボホン上でアプリ画面が立ち上がり、[ACCOST]ボタン押下で発話されることを確認

:::note warn
発話されない場合は、ロボホンがマナーモードになっていないか、「Instant Run設定の無効化」等を確認してください。
:::

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/921847/b15613eb-15f9-9efd-77ea-1e2ba729036a.png)