\r\n\r\n
アプリがあなたの**を支配しています。長い間、アプリはデスクトップやブラウザに同じように影響を与えることはありませんでした。近年は、このような状況も変わってきています。プログレッシブWebアプリケーション(PWA)が台頭し、さまざまなWebサイトとの接し方が変化しています。
しかし、プログレッシブWebアプリケーションとは一体何なのか、PWAはWebサイトにはない何ができるのか。ここでは、プログレッシブWebアプリケーションについて知っておくべきことを説明します。
プログレッシブWebアプリケーションとは、通常のサイトをユーザーに提供しながら、ネイティブのモバイルアプリケーションとして表示するWebアプリケーションです。 PWAは、ネイティブのモバイルアプリケーションの使いやすさを、最新のブラウザーの機能セットで実現することを目指し、両開発分野の進歩を最大限に活用したものです。
では、PWAの定義とは何でしょうか。
このように、PWAは、ネイティブアプリケーションの合理化された機能とインターフェースデザインによって、ユーザーに完全なウェブサイト体験を提供することを目的としています。
プログレッシブWebアプリケーションの鍵は、ブラウザの○○○○です。
サービスワーカーとは、ブラウザのバックグラウンドで動作するスクリプトで、"ウェブページとは別に、ウェブページやユーザーとの対話を必要としない機能への扉を開く "ものです。現在、プッシュ通知やバックグラウンド同期などのサービスワーカーを使用することができますが、近い将来、PWAはこれらのスクリプトに大きな機能を与えるようになるでしょう。
その結果、****はPWA規格の基礎を形成し、ウェブキャッシングを利用してほぼ即座に結果を得ることができるようになりました。
サービスワーカー以前は、ブラウザのキャッシュスクリプトはApplication cache(またはApp cache)が主流でした。アプリケーションキャッシュは、オフラインのファーストサービスとして広く機能しているが、ややエラーが発生しやすい。さらに、App Cacheには、リストに示すように、いくつかのよく知られた制限があります。
しかし、開発者が直面する最大の問題は、AppCacheの仕組みに直接触れることができないため、問題が発生したときに的確に解決することができないことです。逆に言えば、完全なオフライン機能を持つWebサイトやサービスは危険な選択肢であると言えます。
ただし、○○○○の労働時間は、それを必要とする行為に限定されています。PWAでは、何かをクリックしたり、機能を使ったりすると、サービスワーカーがアクションを開始します。サービスワーカー(スクリプトであることに注意)はイベントを処理し、オフラインキャッシュがリクエストを完了できるかどうかを決定します。PWAが複数のオフラインキャッシュを選択することで、より幅広いオフライン機能を提供することができるというものです。
さらに、キャッシュはオフラインの速度改善だけに使われるわけではありません。例えば、PWAに向かうが、接続が非常に散発的である。サービスワーカーは、完全に動作し、お客様の体験を中断することなく、以前のキャッシュを提供します。
プログレッシブWebアプリケーションを利用するためには、対応ブラウザとPWAに対応したサービスの2つの要件があります。
まず、ブラウザについて見てみましょう。PWAブラウザの対応状況を確認するには、2つのオプションがあります。1つ目は、ジャック・アーチボルドの「**** Ready?Samsung Internetだけでなく、主要なブラウザのPWA準備状況を便利に表示します。
PWAブラウザの対応状況の詳細については、様々なWeb・ブラウザ技術の実装をブラウザのバージョン別に一覧できる「Can I Use」サイトをご覧ください。例えば、検索バーに「serviceworks」と入力すると、各ブラウザのPWA serviceworksの実装のバージョン番号を示す表が表示されます。
というフォームは、PWAがすべての主要なブラウザでサポートされていることを確認し、さらにいくつかの代替デスクトップおよびモバイルブラウザでのPWAサポートを実証しています。
もう少し分解してみると
その結果、PWAはすべての主要なブラウザでサポートされるようになりました。 最近ではMicrosoft EdgeとSafariがフルサポートに加わりました。一方、QQ BrowserとBaidu Browserはいずれも旧バージョンを使用しているため、第2階層に移行しています。
どのブラウザを使えばいいのかがわかったところで、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アプリは、ブラウザとネイティブアプリの間の優れたハイブリッドステップです。PWAはネイティブアプリに完全に取って代わるのでしょうか?pwaは軽量な製品として素晴らしいのですが、現状では既存のサイトやサービスを複製することに注力していることを考えると、ネイティブアプリの代わりにはならないでしょう。
少なくとも、まだです。
しかし、PWAは有効であり、PWAの統計がこれを裏付けています。以下は、PWAによって一般的に使用されているウェブサイトとのインタラクションがどのように変化したかを示す興味深い図である。
PWAはまだ主流ではありません。しかし、端末の省スペース化など、さまざまなメリットがあるため、今後はもっと耳にする機会が増えることでしょう。