Chromeでプログレッシブウェブアプリ（PWA）をインストールする方法【初心者向けガイド】

Chrome 70以降では、ボタンをクリックするだけでデスクトップにPWA（プログレッシブウェブアプリ）をインストールできるようになりました。そもそもPWAとは何なのでしょうか？　そして、なぜそれが便利なのでしょうか？

プログレッシブウェブアプリ（PWA）とは

プログレッシブウェブアプリ（PWA）とは、スマートフォンのネイティブアプリのような使い心地を提供するウェブアプリケーションです。PWAには以下のような基本的な特徴があります。

• どのブラウザをメインに使っていても、すべてのインターネットユーザーが利用できます。
• レスポンシブ対応のため、どんなデバイスでも画面サイズに合わせて正しく表示されます。
• ネイティブアプリに似た設計になっているため、スマートフォンと同じ感覚で操作できます。URLを入力する必要はなく、ワンタップでアプリ内を移動できます。
• オンラインはもちろん、オフラインや通信環境が不安定な場所でも利用できます。

PWAを使うべき理由

PWAの最大の魅力は、なんといっても「速さ」です。PWAはキャッシュから先に読み込み、その後でネットワーク接続を要求する仕組みのため、オフラインでも瞬時に起動します。一方、通常のブラウザでは接続を先に確立してからコンテンツを読み込むため、真っ白な画面が表示される待ち時間が発生します。実は、この待ち時間におよそ3秒で諦めてしまうユーザーは半数近くに上るといわれています。

また、PWAは端末にインストールしたアプリと同じように使えるのに、ストレージ容量をほとんど消費しません。たとえばStarbucksのPWAは、ネイティブアプリのわずか0.4%のサイズです。ホーム画面のアイコンから起動でき、通知機能などネイティブアプリと同等のことが行えます。

さらに、PWAは信頼性が高い点も見逃せません。Service Worker（サービスワーカー）と呼ばれる、ブラウザ本体とは独立して動作するJavaScriptファイルを活用しています。Service Workerにより、アプリはネットワークリクエストを制御し、リクエストをキャッシュしてパフォーマンスを高めるとともに、キャッシュ済みコンテンツへのオフラインアクセスを実現しています。そのため、ネット環境の有無にかかわらず常に読み込んで使用できるのです。ただし、最新コンテンツの取得には改めてネットワーク接続が必要になります。

最後に、PWAはブラウザよりも自然に操作できる点も大きなメリットです。ウェブアドレスを何度も入力する必要はなく、ホーム画面のアイコンをタップまたはクリックするだけで、すぐに利用を始められます。

PWAのインストール方法

PWAなら、アプリストアで探してダウンロードする手間をかけずに、ホーム画面へ直接インストールできます。

まず、PWAに対応しているサイトを選びましょう。対応サイトはまだ多くありませんが、Twitter、Pinterest、Trivago、Uber、Starbucksなどは実際にうまく動作したという報告があります。サイトによっては通常のWebページからそのままアクセスできるものもあれば、Twitterのようにモバイル版サイト経由でアクセスする必要があるものもあります。

PWAを提供しているサイトを開いたら、画面右上のメニューアイコンをクリックします。

「［アプリ名］をインストール」を選択するとインストールされます。

たとえば、Twitterのモバイルサイトにアクセスした場合は、「メニュー ＞ Twitterをインストール」をクリックします。

インストールの項目が表示されない場合は、そのサイトにPWAが用意されていない可能性があります。諦める前に、まずモバイル版サイトを確認してみることをおすすめします。

インストール許可を求めるダイアログが表示されたら、「インストール」をクリックします。

インストール後は、デスクトップのアイコン、またはWindows 10の場合はアプリ一覧から選択して起動できます。アプリは専用のウィンドウ、タスクバーアイコン、スタートメニューのエントリを持って開きます。

PWAをアンインストールしたくなったときは、ウィンドウ上部の縦に並んだ3つの点（⋮）をクリックし、「［アプリ名］をアンインストール」を選択するだけです。

これだけ多くのメリットがあるPWA、ぜひ一度自分でも試してみてはいかがでしょうか。現時点で利用可能なPWAの決定的なリストを見つけるのは難しいのが実情です。あなたのお気に入りのPWAがあれば、ぜひコメント欄で教えてください。