どうすればインストール可能にできますか？
プログレッシブ 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またはnameicons- 192px と 512px のアイコンを含む必要があります。start_urldisplay-fullscreen、standalone、またはminimal-uiのいずれかである必要があります。prefer_related_applicationsが存在していないか、falseである
fetchハンドラーをもつサービスワーカーを登録する
他のブラウザにも同様のインストール基準がありますが、わずかな違いがある場合があります。詳細については、それぞれのサイトを確認してください。