Skip to content
学習する 測定する ブログ Case studies 概要
このページ内
  • インストール基準

どうすればインストール可能にできますか?

Feb 14, 2020 — 更新済み May 19, 2021
Available in: Español, 한국어, Português, Русский, 中文, English
Appears in: プログレッシブウェブアプリ
Pete LePage
Pete LePage
TwitterGitHubGlitchHomepage
このページ内
  • インストール基準

プログレッシブ 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 ハンドラーをもつサービスワーカーを登録する

他のブラウザにも同様のインストール基準がありますが、わずかな違いがある場合があります。詳細については、それぞれのサイトを確認してください。

  • Edge
  • Firefox
  • Opera
  • Samsung Internet
  • UC Browser
Androidでは、Web アプリのマニフェストに related_applications と "prefer_related_applications": true が含まれている場合、ユーザーは Google Play ストアに移動し、代わりに指定された Android アプリをインストールするよう求められます。
プログレッシブウェブアプリ
最終更新: May 19, 2021 — 記事を改善する
Return to all articles
共有する
サブスクライブする

Contribute

  • バグを報告する
  • ソースを表示する

関連性のあるコンテンツ

  • developer.chrome.com
  • Chrome のアップデート
  • Web Fundamentals
  • ケーススタディ
  • ポッドキャスト
  • ショー

接続する

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • すべての製品
  • 利用規約とプライバシーポリシー
  • コミュニティガイドライン

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.