Firefox でプログレッシブウェブアプリを有効にして使用する: 完全ガイド

Firefoxとプログレッシブウェブアプリ（PWA）の関係は、これまで幾分波乱に富んでいました。当初、MozillaはPWAに熱心で、特にChromeがこの機能を採用してからはなおさらでした。しかし、この関心は薄れ、2020年にはPWAのサポートから完全に撤退しました。そして今年、Mozillaは驚くべき発表を行いました。タスクバータブと呼ばれる新機能を通じて、PWAのサポートを再開するのです。現時点では、Windowsユーザーはこの機能を利用できます。この機能を有効にして効果的に活用する方法については、こちらのガイドをご覧ください。

プログレッシブウェブアプリを理解する

プログレッシブウェブアプリとは、オペレーティングシステム上のネイティブアプリケーションと同様に機能する、本質的に拡張されたウェブサイトです。これらのウェブアプリケーションはシームレスに統合され、OSのアプリ一覧に表示され、セカンダリタブやアドレスバーといった従来のブラウジング要素を排除した専用インターフェースから操作できます。

PWA は一見、洗練されたブックマークオプションのように思えるかもしれませんが、その使用に値する魅力的なメリットがいくつかあります。

カスタマイズ可能なアクセシビリティ：ユーザーは、デスクトップ、タスクバー、スタートメニューなど、OS内の任意の場所にWebアプリを配置して、すぐにアクセスできます。キーボードショートカットを割り当てて、簡単に開くこともできます。
リソース効率： PWAを使用すると、ユーザーはブラウザ全体を起動することなく、特定のウェブサイトを操作できます。シンプルなインターフェースは、従来のブラウザに比べてリソース消費量が少なくなる傾向があります。
プッシュ通知：一般的なブラウザ通知とは異なり、PWAはブラウザやアプリがアクティブでない場合でも、タイムリーに通知を配信します。この機能により、ブラウザが開いているかどうかに関わらず、ユーザーエンゲージメントが向上します。
オフライン機能： PWAは、標準ブラウザよりも洗練されたキャッシュメカニズムを備えており、オフラインでも優れたブラウジング体験を提供します。ユーザーはインターネット接続がなくても、以前アクセスしたページを閲覧でき、低速接続でも最適な状態で動作します。

PWA は、メッセージングプラットフォーム、メモ作成アプリケーション、ストリーミングサービスなど、最適なバックグラウンド操作と即時アクセスを必要とする Web サイトに特に有利です。

Firefoxでプログレッシブウェブアプリを有効にする方法

FirefoxではPWAはまだ実験的な機能として分類されているため、まずは有効化する必要があります。この機能を有効にするには、右上にあるメニューからFirefoxの設定にアクセスしてください。左側のサイドバーで「Firefox Labs」を選択し、「タスクバーにサイトを追加する」オプションをオンにしてください。または、about:preferences#experimentalアドレスバーに直接入力してFirefox Labsにアクセスすることもできます。

この機能を有効にするもう一つの方法は、about:configページを使うことです。about:configアドレスバーに「」と入力して検索し、 truebrowser.taskbarTabs.enabledに切り替えるだけです。

Firefoxでプログレッシブウェブアプリにアクセスする

この機能を有効にすると、アドレスバーに新しい「タスクバーに追加」アイコンが表示されます。PWA対応のウェブサイトを開いてこのボタンをクリックするだけです。Firefoxはウェブページをアプリに変換し、タスクバーに専用アイコンを表示します。ブラウザの通常のタブは非表示になり、アドレスバーのない集中的なエクスペリエンスを実現します。ただし、入力フィールドの内容は引き続き表示されます。

このウェブアプリは、Windows アプリディレクトリとスタートメニューに表示されます。ユーザーはアイコンの位置を変更したり、ピン留めしたりして簡単にアクセスできるようにすることができます。

これらのPWAショートカットは標準アプリケーションではないため、削除方法が若干異なります。PWAショートカットをアンインストールするには、アイコンを右クリックし、「ファイルの場所を開く」を選択します。そこからショートカットを削除できます。

FirefoxのPWA機能はまだ開発段階にあり、Chromeほど堅牢ではありませんが、Mozillaはタスクバータブを通じてユーザーコントロールとプライバシーを重視しています。これは、他のブラウザの既存機能を単に模倣するのではなく、ユーザーエクスペリエンスを向上させるというMozillaのコミットメントを反映しています。Firefoxへのこの追加機能にご興味をお持ちいただけましたら、AndroidデバイスでのPWAの活用方法もぜひご検討ください。

出典と画像