アプリがあなたの**を支配しています。長い間、アプリはデスクトップやブラウザに同じように影響を与えることはありませんでした。近年は、このような状況も変わってきています。プログレッシブWebアプリケーション（PWA）が台頭し、さまざまなWebサイトとの接し方が変化しています。

しかし、プログレッシブWebアプリケーションとは一体何なのか、PWAはWebサイトにはない何ができるのか。ここでは、プログレッシブWebアプリケーションについて知っておくべきことを説明します。

プログレッシブWebアプリは何ですか？

プログレッシブWebアプリケーションとは、通常のサイトをユーザーに提供しながら、ネイティブのモバイルアプリケーションとして表示するWebアプリケーションです。 PWAは、ネイティブのモバイルアプリケーションの使いやすさを、最新のブラウザーの機能セットで実現することを目指し、両開発分野の進歩を最大限に活用したものです。

では、PWAの定義とは何でしょうか。

• 普遍性：PWAは、どのようなブラウザであっても、すべてのユーザーに対してシームレスに（まあ、ほぼ）機能しなければなりません。
• レスポンシブ：PWAはラップトップ、タブレット、スマート**など、どのようなデバイスでも動作する必要があります。
• デザイン：ネイティブのモバイルアプリケーションを模倣したデザインであること。つまり、シンプルで、メニューが見つけやすく、高度な機能とのインタラクションがシンプルであること。
• セキュリティ：PWAは、ユーザーデータを安全に保つためにHTTPSを使用する必要があります。
• 発見しやすい：ユーザーがpwaを見つけることができ、（「サイト」ではなく）アプリケーションとして簡単に識別できる。
• 規約：PWAは、プッシュ通知などローカルで合意された機能にアクセスできること。
• 更新：pwaは常に最新の状態に保ち、サービスやサイトの最新バージョンを提供します。
• インストール：アプリショップを介さずに、ユーザーが簡単にPWAをホーム画面に「インストール」できるようにします。
• 共有：PWAは1つのURLで共有でき、インストールは不要です。

このように、PWAは、ネイティブアプリケーションの合理化された機能とインターフェースデザインによって、ユーザーに完全なウェブサイト体験を提供することを目的としています。

プログレッシブWebアプリケーションの仕組みは？

プログレッシブWebアプリケーションの鍵は、ブラウザの○○○○です。

サービスワーカーとは、ブラウザのバックグラウンドで動作するスクリプトで、"ウェブページとは別に、ウェブページやユーザーとの対話を必要としない機能への扉を開く "ものです。現在、プッシュ通知やバックグラウンド同期などのサービスワーカーを使用することができますが、近い将来、PWAはこれらのスクリプトに大きな機能を与えるようになるでしょう。

その結果、****はPWA規格の基礎を形成し、ウェブキャッシングを利用してほぼ即座に結果を得ることができるようになりました。

サービスワーカー以前は、ブラウザのキャッシュスクリプトはApplication cache（またはApp cache）が主流でした。アプリケーションキャッシュは、オフラインのファーストサービスとして広く機能しているが、ややエラーが発生しやすい。さらに、App Cacheには、リストに示すように、いくつかのよく知られた制限があります。

しかし、開発者が直面する最大の問題は、AppCacheの仕組みに直接触れることができないため、問題が発生したときに的確に解決することができないことです。逆に言えば、完全なオフライン機能を持つWebサイトやサービスは危険な選択肢であると言えます。

ただし、○○○○の労働時間は、それを必要とする行為に限定されています。PWAでは、何かをクリックしたり、機能を使ったりすると、サービスワーカーがアクションを開始します。サービスワーカー（スクリプトであることに注意）はイベントを処理し、オフラインキャッシュがリクエストを完了できるかどうかを決定します。PWAが複数のオフラインキャッシュを選択することで、より幅広いオフライン機能を提供することができるというものです。

さらに、キャッシュはオフラインの速度改善だけに使われるわけではありません。例えば、PWAに向かうが、接続が非常に散発的である。サービスワーカーは、完全に動作し、お客様の体験を中断することなく、以前のキャッシュを提供します。

プログレッシブWebアプリケーションブラウザ対応

プログレッシブWebアプリケーションを利用するためには、対応ブラウザとPWAに対応したサービスの2つの要件があります。

まず、ブラウザについて見てみましょう。PWAブラウザの対応状況を確認するには、2つのオプションがあります。1つ目は、ジャック・アーチボルドの「＊＊＊＊ Ready?Samsung Internetだけでなく、主要なブラウザのPWA準備状況を便利に表示します。

PWAブラウザの対応状況の詳細については、様々なWeb・ブラウザ技術の実装をブラウザのバージョン別に一覧できる「Can I Use」サイトをご覧ください。例えば、検索バーに「serviceworks」と入力すると、各ブラウザのPWA serviceworksの実装のバージョン番号を示す表が表示されます。

というフォームは、PWAがすべての主要なブラウザでサポートされていることを確認し、さらにいくつかの代替デスクトップおよびモバイルブラウザでのPWAサポートを実証しています。

もう少し分解してみると

• デスクトップ用ブラウザ（完全対応）：Chrome、Firefox、Opera、Edge、Safari
• デスクトップ用ブラウザ（一部対応/終了バージョン）：QQ Browser、Baidu Browser
• **ブラウザ（完全対応）：Chrome、Firefox、Safari、UC Browser、Samsung Internet、Mint Browser、WeChat
• **ブラウザ（一部対応/旧バージョン）：QQブラウザ、Androidブラウザ、Opera Mobile

その結果、PWAはすべての主要なブラウザでサポートされるようになりました。 最近ではMicrosoft EdgeとSafariがフルサポートに加わりました。一方、QQ BrowserとBaidu Browserはいずれも旧バージョンを使用しているため、第2階層に移行しています。

プログレッシブWebアプリケーションの探し方とインストール方法

どのブラウザを使えばいいのかがわかったところで、PWAを検索してインストールすることを考えましょう。今回の例では、Samsung Galaxy S8とGoogle Chromeを使用します。

プログレッシブWebアプリケーションはどこにでもあります。多くの企業が自社のWebサイトやサービスを適合させ、プログレッシブ版のWebアプリケーションを提供しています。ホームページやモバイルサービスサイトにアクセスすると、まずPWAに遭遇し、「ホーム画面に追加」ダイアログが表示されるケースが多いようです。

Twitterのモバイルサイトにアクセスするとどうなるかは、以下のビデオでご確認ください。

もちろん、無数のウェブサイトを訪問し、ホーム画面のトリガーに期待するのは無駄なことです。実は、とても時間がかかるのです。幸いなことに、PWA専用のカタログサイトがいくつかあるので、それを利用する必要はありません。

まず、ネットワークを試してみる。Pwaの種類はかなり豊富で、定期的に新しいオプションも登場します。次に、pwa.rockを試してみましょう。品揃えは少ないですが、デバイスに追加したい便利なプワもあります。

また、2019年1月には、Android Chrome 72にTrustedWebActivity（TWA）が搭載されました。 TWAでは、Chromeタブをスタンドアローンモードで開くことができます。これにより、googleplayのアプリショップでPWAを利用することができるようになりました。googleplayに最初に登場したPWAは、Twitter-Lite、Instagram-Lite、Google-Maps-Goで、時間が経つにつれ、さらに多くのPWAが登場しました。

プログレッシブWebアプリケーションは、ネイティブアプリケーションに取って代わるのでしょうか？

プログレッシブWebアプリは、ブラウザとネイティブアプリの間の優れたハイブリッドステップです。PWAはネイティブアプリに完全に取って代わるのでしょうか？pwaは軽量な製品として素晴らしいのですが、現状では既存のサイトやサービスを複製することに注力していることを考えると、ネイティブアプリの代わりにはならないでしょう。

少なくとも、まだです。

しかし、PWAは有効であり、PWAの統計がこれを裏付けています。以下は、PWAによって一般的に使用されているウェブサイトとのインタラクションがどのように変化したかを示す興味深い図である。

• トリバゴは、ホーム画面にPWAを追加することで、ユーザーエンゲージメントが150%増加したという。
• ForbesのPWAは「ホームページが完全に読み込まれるまでにわずか0.8秒」、「1回あたりの閲覧数は10%増加」しています。また、ForbesのPWAでは、ユーザーセッションの長さが2倍になりました。
• twitterliteにより、1セッションあたりのページ数は65％、ツイート数は75％増加しました。また、"3Gで5秒以内 "のインタラクティブ性を実現。
• アリババの**コンバージョン率は76%増加しました。

PWAはまだ主流ではありません。しかし、端末の省スペース化など、さまざまなメリットがあるため、今後はもっと耳にする機会が増えることでしょう。