[Remotte開発] 開発者向けの機能

本シリーズでは Remotte を使ったアプリ開発を解説している。[前回](https://qiita.com/remotte_jp/items/66782915797e35b924a3) は開発者モードへ切り替えるところまで行なった。今回は開発者モードにすると使えるようになる機能について説明する。
### アプリの新規作成
アプリを新規作成するには、管理ツールのアプリの一覧画面で、［ 新規作成 ］をクリックする。続いてアプリの新規作成ダイアログが表示されたら、必要な情報を入力する。「カテゴリー」を選択すると、デフォルトのアイコンが表示されるが、アイコンをクリックし、画像ファイルを選択することで、独自のアイコンを利用することが出来る。
![dev_new_app.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/dcaed722-3572-7728-7ce5-29554d2a3add.png)
![dev_new_app_dlg.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/2111abc5-8761-747f-a7ef-4c5e944b549f.png)
［ 詳細に設定する ］をクリックすると、より多くの情報を定義することが出来る。
![dev_new_app_detail.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/9e88a2ac-5140-fbd9-6029-a130245db566.png)
### アプリ情報の編集
アプリ情報の編集には、アプリの一覧画面で、各アプリの右上に設けられた［ その他 ］メニューを開き、［ 編集 ］を選択する。
![dev_app_edit_menu.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/55866c03-f42f-bc69-92f8-58438cfaabe8.png)
この画面では、アプリや作成者の名前、アプリの説明、バージョン履歴などの基本的な情報の編集に加え、アプリの動作に関する設定、およびアプリの詳細画面で表示する内容に関する設定を編集できる。また、画面右上の［ その他 ］メニューを選択して、多言語化のためのローカライズをすることが出来る。アプリを正式リリースする場合などはこの画面を使って各種情報を編集する。
![dev_app_edit.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/60a69917-6ee2-0457-654f-13586f948262.png)
### アプリのファイル保存
アプリをファイル保存するには、各アプリの右上の［ その他 ］メニューを開き、［ ファイルに保存 ］を選択します。保存したファイルは、アプリの一覧画面の［ その他 ］メニューの［ ファイルから読み込み ］からインストールできる。
![dev_app_save.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/ba1596be-7f32-1d92-7e66-24062bd6e0ed.png)
### 構成要素の新規作成
アプリは１つ以上の「構成要素」という単位の機能モジュールから構成される。構成要素を新規に開発するには、アプリの詳細画面の［ 構成 ］タブを開き、画面左下の［ 追加 ］ボタンを押してから［ 新規作成 ］を選択する。構成要素の新規作成ダイアログが表示されたら、必要な情報を入力する。「カテゴリー」を選択すると、それに対応するアイコンが表示されますが、アプリの場合と異なり、構成要素のアイコンは変更できません。
![dev_new_comp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/fc029976-f126-8910-82b7-77d63e682164.png)
![dev_new_comp_dlg.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/2f6226ff-b198-11fa-4f21-1ea3c213d235.png)
［詳細に設定する］をクリックする事により、より多くの情報を定義することが出来る。
![dev_new_comp_detail.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/373dcf39-3411-3397-1cc4-9f4cd92992b4.png)
### 構成要素情報の編集
構成要素情報の編集には、対象とする要素を選択した状態で［ その他 ］メニューを開き、［ 編集 ］を選択する。管理者モードでは［ 構成要素の名前 ］のみを編集できますが、開発者モードでは全ての情報が編集できる。
![dev_comp_edit_menu.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/23590542-cd76-8af6-0794-704bcaa08723.png)
この画面では、構成要素や作成者の名前、説明文、バージョン履歴などを編集できる他、画面右上の［ その他 ］メニューを選択して、多言語化のためのローカライズをすることが出来る。
![dev_comp_edit.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/5fea9058-9729-29c3-b764-775c002e5218.png)
### オプション変数の編集
［ 構成 ］タブ階層下の［ 設定 ］タブでは、プログラム変数の作成・編集ができる。
![dev_comp_opt_menu.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/082836b8-1d7a-f95e-5441-a273d743d193.png)
![dev_comp_opt_dlg.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/49fee4e0-f5f6-2a9b-9ae4-f4819df5f691.png)
### 「プログラム」タブ
［ 構成 ］タブ階層下の［ プログラム ］タブでは、構成要素の機能を実現するプログラムファイルの定義および実行条件などを設定する。
![dev_program_file.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/15598171-d331-e5d4-6629-137f7633d7c9.png)
### 「コード」タブ
［ 構成 ］タブ階層下の［ コード ］タブでは、Python プログラムのソース、ライブラリーやデータファイルのインストールなどで使う PowerShell スクリプト、およびその他のテキストファイルが編集できる他、標準出力と標準エラー出力の内容が表示されるコンソール、およびアプリのログを表示できる。
![dev_code.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/491154/b22b65ec-02ec-8864-7fbb-3fe39c18006c.png)
### まとめ
本稿では開発者モードにすると使えるようになる機能について説明した。[次回](https://qiita.com/remotte_jp/items/2c7f593c708d4ae04bcc) からはプログラミングに関する技術情報を、サンプル教材を使った演習を交えながら解説していくことにする。