モバイル

モバイルアプリケーションの設定を行う画面です。
モバイルアプリケーションはWebアプリケーションとPWA (Progressive Web Apps)のハイブリッドです。 Webアプリケーションはブラウザで表示可能です。PWAはスマートフォンへインストールを行い実行します。PWA動作にはマニフェスト設定が必要です。
viewportの設定が、[v3.3.0]から可能になりました。モバイルアプリケーションの表示領域を調整できます。

マニフェスト

PWAの動作に必要なマニフェスト設定を行います。

項目	説明	対応するメンバ
アプリケーション名	アプリケーション名デフォルトはアプリケーションラベルが設定済み	name
アプリケーション短縮名	ホーム画面など狭い表示領域ではこちらが優先されます。	short_name
アプリケーションの説明	アプリケーションの説明になります。	description
アイコン 512 x 512 (px)	大きなアイコン。縦横 512pxのPNGイメージを用意します。	icons
アイコン 512 x 512 (px) for Android	大きなアイコン。縦横 512pxのPNGイメージを用意します。Android向けにマスク表示したアイコンです。(円形のクリッピング)	icons
アイコン 192 x 192 (px)	小さなアイコン。縦横 192pxのPNGイメージを用意します。	icons
アイコン 192 x 192 (px) for Android	小さなアイコン。縦横 192pxのPNGイメージを用意します。Android向けにマスク表示したアイコン(円形のクリッピング)	icons

ビューポート設定

モバイルアプリケーションの表示領域を調整するためのviewport設定を行います。

項目	説明
幅(width)	ビューポートの幅を設定します。・`device-width`: デバイスの画面幅に自動で合わせます・`390`: 固定幅390pxで表示します
初期ズーム倍率(initial-scale)	ページを開いたときの拡大率を設定します。 `1.0`を推奨します（100%表示）。デバイス幅が`390`で固定の場合選択できません。
画面フィット方式(viewport-fit)	画面の表示範囲を設定します。・`auto`: 自動調整（デフォルト）・`cover`: 画面全体を使用（ノッチがある端末で有効）・`contain`: 安全領域内に収める