Monaca Docs
検索…
Monaca とは
Monaca リリース情報
Monacaガイド
Monaca での開発の概要
Monaca クラウド IDE
概要
Monaca クラウド IDE の機能
ターミナル機能
エディターのショートカット一覧
プロジェクトの構成
バージョン管理
Monaca CI
ビルド
iOS アプリのビルド
Android アプリのビルド
Windows アプリのビルド
Electron アプリのビルド
PWA アプリのビルド
ビルド環境の設定
ビルド履歴一覧
一般的なビルドとアップロードエラー
配布方法
チュートリアル
Monaca Localkit
Monaca CLI
Monaca デバッガー
チームダッシュボード
他のプラットフォームからの移行
チュートリアル
APIの解説
サンプル & Tips
機能
FAQ
対応環境
Monaca製品サイト
英語
GitBook
上で動作しています
PWA アプリのビルド
ステップ 1 : アプリの設定
1.
Monaca クラウド IDE のメニューから、
設定 → PWA アプリ設定
を選択します。
2.
アプリに関する情報を入力します。
アプリケーション情報
名前
アプリ名を設定します。
短い名前
フルネームを表示する十分な領域がない場所(ホーム画面など)で使用されます。
説明
アプリの一般的な説明を指定します。
言語
name
メンバーと
short_name
メンバーで使用する言語を指定します。
テキストの向き
テキストの書字方向を指定します。
適用範囲
ウェブサイトのナビゲーション範囲を定義します。この設定により表示することができるウェブページを制限できます。範囲外にユーザーがアクセスした場合は、通常のWebページに遷移します。
開始URL
アプリケーションを起動したときに読み込むURLです。
アプリケーションの表示設定
表示
アプリケーションの表示モードを設定します。ネイティブアプリのように表示させるためデフォルトは、
standalone
に設定されています。
画面の向き
画面の表示向きを設定します。
背景色
スプラッシュ画面の背景色として利用されます。
テーマカラー
ステータスバーの色を設定します。
アプリアイコン
アプリアイコンの設定ができます。1つの画像から各サイズのアイコンを自動生成します。設定したアイコンは、端末のホーム画面に表示されるアイコンやスプラッシュ画像に表示されるアイコンとして利用されます。
1.
設定後、
保存する
をクリックします。
ステップ 2 : アプリのビルド
1.
Monaca クラウド IDE のメニューから、
ビルド → PWA アプリのビルド
を選択します。
2.
目的に応じたビルドの種類を選択して、
ビルドを開始する
ボタンをクリックします。
3. ビルドが完了するまで、しばらく待ちます。ビルドが成功した場合には、次のような画面が表示されます。ビルドの完了後、ダウンロードやデプロイサービスでの配布ができます。
参考ページ
Firebase への配信
前
Windows アプリのビルド
次
ビルド環境の設定
最終更新
8mo ago
リンクのコピー
目次
ステップ 1 : アプリの設定
ステップ 2 : アプリのビルド