Windows 11でPWAを設定する方法

プログレッシブウェブアプリ（PWA）は、ネイティブアプリのような感覚を与えつつ、ブラウザから直接実行されるという、ちょっと変わったハイブリッドアプリです。Windows 11でPWAを動作させようとしたことがある人なら、サポートはかなり充実しているものの、常に完璧にシームレスとは限らないため、まるで当てずっぽうのゲームのように感じることがあるでしょう。このガイドでは、Edge、Chrome、またはMicrosoft Storeから直接ダウンロードするなど、どのブラウザを使う場合でも、これらのアプリをインストールして実際に使い始める際に、頭を抱える必要がないようにする方法を説明します。これらの手順を実行すれば、通常のアプリと同じように動作するPWAが手に入ります。ピン留めしたり、簡単に開いたり、タスクバーに表示させたりすることも可能です。インストールを促すメッセージが表示される場合と表示されない場合がありますが、どちらの場合にも対応できる方法があります。さらに、何も動作しないように見える場合に何が問題になる可能性があるのかについても解説します。正直なところ、WindowsとPWAは必ずしも相性が良いとは限りませんが、よりスムーズに動作させる方法はあります。

Windows 11にPWAをインストールする方法

Microsoft Edgeを使用する

Windows 11を使っているなら、これは最も簡単な解決策です。Edgeが標準搭載されており、PWAをしっかりサポートしているからです。MicrosoftがEdgeをこれほどまでに推し進めることにしたのは少し奇妙に思えますが、結果として、PWAのネイティブサポートはかなり充実しています。

よくあるパターンは次のとおりです。

Microsoft Edgeを開きます。
PWAをサポートしているウェブサイト（Twitter、Pinterest、YouTubeなど、普段よく利用していてPWAサポートを明記しているサイト）にアクセスしてください。
ページが読み込まれたら、プロンプトまたはインストールアイコン（通常はアドレスバーに表示されるか、小さなパズルピースのアイコンの場合もあります）に注意してください。表示されたら、「インストール」をクリックしてください。
確認のポップアップが表示されるので、もう一度「インストール」をクリックしてください。ウェブサイトによっては、インストールするかどうかを尋ねるバナーが表示される場合もあれば、小さなアイコンをクリックする必要がある場合もあります。
これでほぼ完了です。アプリはスタートメニューに表示され、すぐにアクセスしたい場合はタスクバーにピン留めすることもできます。

この方法はEdgeのPWAサポートによって直接サポートされているため便利ですが、すべてのサイトでインストールプロンプトが表示されるわけではありません。場合によっては、アイコンを手動で探したり、サイトのヘルプページを確認したりする必要があります。

Google Chromeを使用しています

Chromeの方が好みなら、心配はいりません。ChromeもPWAをサポートしています。Edgeほど洗練されてはいませんが、動作が不安定な場合もあります。その場合は、以下の手順で設定できます。

Google Chromeを起動してください。
お気に入りのPWA対応サイトにアクセスしてください。
サイトがインストールプロンプトに対応している場合、アドレスバーまたはその近くに小さなインストールアイコン（プラス記号、またはプラス記号の付いたモバイルデバイスのアイコン）が表示されます。それをクリックしてください。場合によっては、3点メニューの中に「インストール」オプションが表示されることもあります。
Chromeはインストールするかどうかを尋ねてきます。確認すると、アプリがアプリ一覧に追加され、場合によってはスタートメニューにも表示されるようになります。

すべてのサイトがこの機能をきちんとサポートしているわけではありませんが、大手サイトのほとんどは対応しています。PWAが追加されたことを知らせる確認メッセージが表示され、その後、PWAをピン留めしたり、ネイティブアプリのように起動したりできます。

Microsoft Store の利用

一部のPWAはMicrosoft Storeから直接入手できるため、よりアプリらしい操作感を好む場合や、ブラウザのプロンプトを避けたい場合は便利です。それに、見た目もすっきりしています。

スタートメニューを開き、Microsoft Storeを検索してください。
ストアの検索バーを使って、お気に入りのサービスやアプリを検索してください。PWA（プログレッシブウェブアプリ）であれば、検索結果に表示されます。
アプリをクリックしてから、「インストール」をタップしてください。

この方法は、SpotifyやTwitterのようにPWAをストア向けにパッケージ化している有名サービスには効果的です。開発者は、正式なスタンドアロン版をリリースする前に、PWAをここにサイドロードすることもあります。

Windows 11でPWAを開いて使用する方法

インストールが完了すると、これらのアプリはWindowsのネイティブアプリのように動作します。スタートメニューに表示され、右クリックして「タスクバーにピン留め」を選択すれば、すぐに起動できます。スタートメニューに移動してPWAの名前を入力し、起動するという操作は、ほとんどの場合、自然な流れで行えます。ただし、PWAが起動しない、または正しく動作しない場合は、キャッシュの問題か互換性の問題である可能性がありますのでご注意ください。

PWAによっては権限の許可を求めたり、アップデートが必要な場合があるため、Windowsとブラウザを常に最新の状態にしておくことでトラブルを回避できます。また、PWAの動作が不安定だったり、起動しない場合は、一度削除して再インストールしてみてください。場合によっては、再インストールで問題が解決することもあります。

ある環境では、Chrome経由でインストールしたPWAは完璧に動作しましたが、別の環境では、インストールはできたものの、あれこれ試行錯誤しないと起動しませんでした。WindowsとPWAは、少々相性が悪いようですが、少し根気強く試せば、ほとんどのPWAは問題なく使えるようになります。

まとめ

PWAは、ネイティブアプリのようにインストールして実行できるウェブアプリです。
EdgeまたはChromeを使用して、プロンプトまたはメニューオプションからPWAを追加してください。
一部のアプリはMicrosoft Storeでのみ入手可能です。
インストール後、スタートメニューまたはタスクバーにピン留めしておくと便利です。
常に最新の状態を保ち、キャッシュも忘れずにチェックしましょう。クッキーを削除したり、アプリを再インストールしたりすることで問題が解決する場合もあります。

まとめ

Windows 11でPWAをスムーズにインストールして実行させるのは、必ずしも簡単ではありません。試行錯誤が必要になることもあります。しかし、一度設定が完了すれば、WebアプリがまるでネイティブのWindowsアプリのように、より統合された感覚で使えるようになります。なぜうまくいく場合とそうでない場合があるのかは分かりませんが、これらの方法はほとんどのシナリオに対応できるはずです。この記事が誰かの時間とストレスの軽減に役立つことを願っています。