PWA アプリのビルド
- 1.Monaca クラウド IDE のメニューから、
設定 → PWA アプリ設定
を選択します。 - 2.アプリに関する情報を入力します。
- アプリケーション情報
名前 | アプリ名を設定します。 |
短い名前 | フルネームを表示する十分な領域がない場所(ホーム画面など)で使用されます。 |
説明 | アプリの一般的な説明を指定します。 |
言語 | name メンバーと short_name メンバーで使用する言語を指定します。 |
テキストの向き | テキストの書字方向を指定します。 |
適用範囲 | ウェブサイトのナビゲーション範囲を定義します。この設定により表示することができるウェブページを制限できます。範囲外にユーザーがアクセスした場合は、通常のWebページに遷移します。 |
開始URL | アプリケーションを起動したときに読み込むURLです。 |

- アプリケーションの表示設定表示アプリケーションの表示モードを設定します。ネイティブアプリのように表示させるためデフォルトは、
standalone
に設定されています。画面の向き画面の表示向きを設定します。背景色スプラッシュ画面の背景色として利用されます。テーマカラーステータスバーの色を設定します。 - アプリアイコンアプリアイコンの設定ができます。1つの画像から各サイズのアイコンを自動生成します。設定したアイコンは、端末のホーム画面に表示されるアイコンやスプラッシュ画像に表示されるアイコンとして利用されます。
- 1.設定後、
保存する
をクリックします。
- 1.Monaca クラウド IDE のメニューから、
ビルド → PWA アプリのビルド
を選択します。 - 2.目的に応じたビルドの種類を選択して、
ビルドを開始する
ボタンをクリックします。

3. ビルドが完了するまで、しばらく待ちます。ビルドが成功した場合には、次のような画面が表示されます。ビルドの完了後、ダウンロードやデプロイサービスでの配布ができます。

参考ページ
最終更新 1yr ago