PWA (プログレッシブ Web ページ リファレンス) の紹介
プログレッシブ Web アプリ (PWA) は、最新の API を使用して構築および強化され、機能、信頼性、インストール性が向上し、単一のコード ベースを通じて誰でも、どこでも、任意のデバイスでアクセスできる Web アプリケーションです。
コンセプト
PWA（Progressive Web Application）、正式名称は「プログレッシブウェブアプリケーション」で、Google主導の新時代のウェブページ（アプリケーション）です。
プログレッシブ Web アプリ (PWA) は、最新の API を使用して構築および強化され、機能、信頼性、インストール性が向上し、単一のコード ベースを通じて誰でも、どこでも、任意のデバイスでアクセスできる Web アプリケーションです。
プログレッシブ Web アプリ (PWA) は、プログレッシブ エンハンスメントを使用して、より安定したエクスペリエンス、より完全なエクスペリエンスを提供する新機能をユーザーに提供する、インストール可能な Web アプリです。また、これは Web アプリであるため、単一のコード ベースで、誰でも、どこでも、どのデバイスでもアクセスできます。インストールすると、PWA は他のアプリケーションと同じように見えます。次に例を示します。
-
ホーム画面、アプリケーションランチャー、ランチパッド、またはスタートメニューにアイコンがあります。
-
デバイス上でアプリを検索すると表示されます。
-
ブラウザのユーザー インターフェイスから完全に独立した別のウィンドウで開きます。
-
URL 処理やタイトル バーのカスタマイズなど、オペレーティング システムとのより高いレベルの統合が可能になります。
-
オフラインでも動作します
以下のビデオでは、ユーザーがブラウザー内からデスクトップ コンピューターに PWA をインストールし、他のアプリケーションと同様に別のウィンドウから PWA にアクセスします。
以下のビデオでは、ユーザーが [ホーム画面に追加] メニューを使用しながらブラウザ ダイアログを使用して、ブラウザからモバイル デバイスに PWA をインストールします。
互換性
Windows 10 および 11 Windows 10 および 11
Google Chrome (バージョン 73 以降)、Microsoft Edge (バージョン 79 以降)、Microsoft Store
ChromeOS
内蔵 Chrome ブラウザ (バージョン 72 以降)、Play ストア (バージョン 85 以降)
macOS、Linux、Windows 7 および 8.x
Google Chrome (バージョン 73 以降)、Microsoft Edge
PWA は、ゲーム コンソール (Microsoft Store の Xbox) や XR デバイス (Microsoft HoloLens は Facebook の Oculus イニシアティブです) など、他の小型デバイスでもサポートされています。ただし、ブラウザを備えた残りのデバイスは通常、次のような PWA を受け入れません。
- ゲーム機
- スマート テレビ スマート テレビ
- スマートウォッチ スマートウォッチ
- 車
始める
参考: