今回のTipsでは、Cobos4i（SmartPad4i）で作成したアプリケーションを、Google Chrome の「アプリモード」「キオスクモード」で起動する方法をご紹介します。アドレスバーやメニューバーを非表示にすることで、ブラウザらしさのない専用アプリケーションのような画面で業務システムを利用できるようになります。
はじめに
Cobos4i で作成したアプリケーションは、Web ブラウザから利用します。そのため通常の起動方法では、画面の上部にアドレスバーやメニューバー、ブックマークバーといったブラウザの部品が表示されます。
業務システムとして利用する場合、これらが表示されていると画面が狭くなるだけでなく、利用者が誤って別の URL へ移動してしまうといった運用上の問題にもつながります。
Google Chrome には、こうした用途に適した「アプリモード」と「キオスクモード」という起動方法が用意されています。本記事では、それぞれの設定手順をご紹介します。
前提条件
- クライアント端末に Google Chrome がインストールされていること
- 設定は各クライアント端末側で行う必要があります。アプリケーションを使用するユーザーやユーザー数が限られている場合には良い方法ですが、ユーザーが多い場合や、不特定のユーザーが使用する場合には適しません。
- Cobos4i アプリケーションを直接起動させるための、自動ログオンを設定した html を用意しておくこと（本記事では起動 URL として使用します）
※ 自動ログオンの設定方法については、製品ドキュメント「Cobos4i_メニュー登録ガイド.pdf」に記載があります。あわせてご確認ください。
Chrome のアプリモードで起動する
アプリモードで起動すると、アドレスバーやメニューバーが非表示の状態でアプリケーションを実行できます。次の手順で設定します。
Chrome の専用プロファイルディレクトリを作成する
クライアント端末に C:\Cobos4iChrome ディレクトリを作成してください。
ショートカットを作成する
手順1. デスクトップ等で右クリックし、[新規作成] > [ショートカット] を選択します（図1）。
手順2. [項目の場所を入力してください] に、次の書式でコマンドラインを入力します（図2）。
【書式】
「ブラウザのパス」 --user-data-dir="「作成したディレクトリ」"
--start-maximized --app="「Cobos4iアプリの起動URL」"【入力例】
"C:\Program Files\Google\Chrome\Application\chrome.exe"
--user-data-dir="C:\Cobos4iChrome"
--start-maximized
--app="https://192.168.0.14/cobos4i/exec/start.html"“https://192.168.0.14/cobos4i/exec/start.html” の URL は、Cobos4i アプリを直接起動させるための自動ログオンを設定した html です。
手順3. [次へ] をクリックし、ショートカットの名前を設定します（図3）。
手順4. [完了] をクリックすると、ショートカットが作成されます。
動作確認
作成したショートカットから起動すると、アドレスバー、メニューバーが非表示の状態で実行できます（図4）。
Chrome のキオスクモードで起動する
キオスクモードの場合はメニューバーが表示されず、全画面でアプリケーションが起動します。また、ファイル選択を使用しても全画面が維持されます。
ショートカットを作成する
「Chrome のアプリモードで起動する」と同様の手順でショートカットを作成します。コマンドラインのみ、次の書式に置き換えてください。
【書式】
「ブラウザのパス」 --kiosk --user-data-dir="「作成したディレクトリ」" "起動URL"【入力例】
"C:\Program Files\Google\Chrome\Application\chrome.exe" --kiosk
--user-data-dir="C:\Cobos4iChrome" "https://192.168.0.14/cobos4i/exec/start.html"動作確認
作成したショートカットから起動すると、メニューバーが表示されず、全画面でアプリケーションが起動します（図5）。
アプリモードとキオスクモードの比較
| 項目 | アプリモード | キオスクモード |
|---|---|---|
| 指定するオプション | –app=”起動URL” | –kiosk 起動URL |
| アドレスバー | 非表示 | 非表示 |
| メニューバー | 非表示 | 非表示 |
| 表示サイズ | –start-maximized により最大化ウィンドウで起動 | 全画面で起動 |
補足・注意事項
- いずれの方法も、クライアント端末側での設定が必要です。
--user-data-dirで専用のプロファイルディレクトリを指定することで、普段お使いの Chrome のプロファイルとは分離した状態でアプリケーションを起動できます。- ブラウザのパス（
chrome.exeの場所）は、端末の環境によって異なる場合があります。実際のインストール先をご確認のうえ入力してください。 - 起動 URL には、自動ログオンを設定した html を指定します。設定方法は「Cobos4i_メニュー登録ガイド.pdf」をご参照ください。
おわりに
Chrome のアプリモード・キオスクモードを利用することで、Cobos4i アプリケーションをブラウザらしさのない専用アプリケーションのような画面で起動できます。ショートカットを 1 つ用意するだけで設定できますので、限られた端末で運用される場合はぜひお試しください。