Chromeにプログレッシブウェブアプリ（PWA）をインストールする方法

今週から、ボタンをクリックするだけで、Chrome 70を介してデスクトップにPWA（プログレッシブウェブアプリ）をインストールできるようになります。 PWAとは何ですか？そして、なぜそれが良いことなのですか？

プログレッシブウェブアプリ

プログレッシブWebアプリ（PWA）は、ユーザーが携帯電話で使用しているようなエクスペリエンスをユーザーに提供するWebアプリケーションです。 PWAに関する基本事項は次のとおりです。

• これらのアプリは、プライマリブラウザとして選択したブラウザに関係なく、すべてのインターネットユーザーに対して機能します。
• 応答性が高いため、使用しているデバイスに関係なく、PWAは画面に正しく収まります。
• ネイティブアプリに似ているため、スマートフォンと同じように操作できます。これは、入力するURLがなく、アプリ全体でワンタッチナビゲーションできることを意味します。
• プログレッシブウェブアプリは、オンライン、オフライン、および接続が制限されている地域で使用できます。

なぜPWAを使用する必要があるのですか？

プログレッシブウェブアプリは高速です！ネットワークがなくても、最初にキャッシュからロードし、次に接続を要求するため、すぐにロードされます。ブラウザを使用する場合、デバイスは何かをロードする前に最初に接続を要求します。この遅延時間により、画面が空白になり、約半分が約3秒以内に諦めます！

これらのアプリは、大量のストレージを使用せずにデバイスにインストールしたアプリのように感じ、動作します。実際、スターバックスPWAは、ネイティブアプリの対応するアプリの0.4％のサイズです。ホーム画面でそれらを見つけて、通知など、ネイティブアプリと同じことをすべて実行します。

PWAは信頼できます。彼らはサービスワーカー、メインブラウザとは別に実行されるJavascriptファイルを使用します。 Service Workerを使用すると、アプリケーションでネットワークリクエストを制御し、それらのリクエストをキャッシュしてパフォーマンスを向上させ、キャッシュされたコンテンツへのオフラインアクセスを提供できます。したがって、ネットワークの有無にかかわらず、いつでもそれらをロードして使用することができます。もちろん、ネットワークアクセスを回復するまで、新しいコンテンツにアクセスできない場合があります。

最後に、PWAは、ブラウザーよりも操作が自然です。 Webアドレスを何度も入力する必要はありません。ホーム画面のアイコンをタップまたはクリックするだけで、すぐに移動できます。

PWAのインストール方法

これらのアプリを見つけてダウンロードするためにアプリストアに煩わされることなく、ホーム画面にこれらのアプリをインストールできます。

プログレッシブウェブアプリオプションのあるサイトを選択してください。まだ限られた数ですが、ユーザーが成功しているのは、Twitter、Pinterest、Trivago、Uber、Starbucksです。一部のアプリは完全なウェブページからアクセスできますが、Twitterなどの一部のアプリはモバイルサイトからアクセスする必要があります。

PWAを提供するWebサイトにアクセスしている場合は、右上隅にあるメニューアイコンをクリックします。

「[アプリ名]をインストール」を選択してインストールします。

たとえば、Twitter Mobileサイトにアクセスする場合は、[メニュー]>[Twitterのインストール]をクリックします。

インストールするオプションが表示されない場合は、そのサイトで利用できるPWAがない可能性があります。諦める前にまずモバイルサイトをチェックすることをお勧めします。

[インストールの許可]ダイアログが表示されたら、[インストール]をクリックします。

デスクトップまたはWindows10のアプリケーションリストで選択して開きます。アプリケーションが開き、独自のウィンドウ、タスクバーアイコン、および[スタート]メニューエントリが表示されます。

プログレッシブウェブアプリをアンインストールする場合は、上部にある3つの縦のドットをクリックして、[[アプリ名]をアンインストール]をクリックしてください。

それらの多くの利点のために、あなたはあなた自身のためにこれらのアプリのいくつかをチェックしたいかもしれません。現在利用可能なPWAの明確なリストを見つけるのは難しいので、以下にコメントして、どのPWAが効果的かをお知らせください。