どうすればインストール可能にできますか?
プログレッシブ Web アプリ(PWA)は、Web テクノロジーを使用して構築された最新の高品質アプリケーションです。PWAは、iOS/Android/デスクトップアプリと同様の機能を提供し、不安定なネットワーク状態でも信頼性が高く、インストール可能であるため、ユーザーが簡単に見つけて使用できます。
ほとんどのユーザーは、アプリケーションのインストールと、インストールされたエクスペリエンスの利点に精通しています。インストールされたアプリケーションは、Mac OS X の Applicationsフォルダ、Windowsのスタートメニュー、Android と iOS のホーム画面など、オペレーティングシステムの起動画面に表示されます。また、アクティビティスイッチャー、Spotlight などのデバイス検索エンジン、およびコンテンツ共有シートにも表示されます。
ほとんどのブラウザは、プログレッシブ Web アプリ(PWA)が特定の基準を満たしたときにインストール可能であることをユーザーに示します。インジケータの例には、アドレスバーの [インストール] ボタン、またはオーバーフローメニューの [インストール] メニュー項目が含まれます。


さらに、基準が満たされると、多くのブラウザは beforeinstallprompt
イベントを発し、アプリ内のインストールフローをトリガーするカスタムアプリ内 UX を提供できます。
インストール基準 #
Chrome では、プログレッシブ Web アプリは beforeinstallprompt
イベントを発してブラウザー内インストールプロモーションを表示する前に、次の基準を満たしている必要があります。
- Web アプリはまだインストールされていない
- ユーザーエンゲージメントヒューリスティックに対応している
- HTTPS 経由で提供されている
- 以下を含む Web アプリマニフェストが含まれている
short_name
またはname
icons
- 192px と 512px のアイコンを含む必要があります。start_url
display
-fullscreen
、standalone
、またはminimal-ui
のいずれかである必要があります。prefer_related_applications
が存在していないか、false
である
fetch
ハンドラーをもつサービスワーカーを登録する
他のブラウザにも同様のインストール基準がありますが、わずかな違いがある場合があります。詳細については、それぞれのサイトを確認してください。