プログレッシブ Web Appsの新機能

  • [アーティクル]

このページには、Microsoft Edge Web Apps チームのプログレッシブ Web Apps (PWA) とWeb Appsの更新プログラムが一覧表示されます。 新しい機能を試すには、これらのお知らせをお読みください。 最新かつ最も優れた機能を最新の状態に保つには、 Microsoft Edge プレビュー チャネル (ベータ、開発、カナリア) をダウンロードしてください。

このドキュメントのセクションは、Microsoft Edge の履歴リリースに対応しており、時間の経過と同時に更新されるわけではありません。 たとえば、Microsoft Edge の新しいバージョンがリリースされると、以下の "新機能" または "配信元試用版" への参照が古くなる可能性があります。

Microsoft Edge 114 の新機能

Microsoft Edge 114 以降では、クライアント ヒントを使用して、Microsoft Edge のサイドバーで PWA が実行されるタイミング User-Agent 検出できます。

詳細については、次のリソースをチェックします。

Microsoft Edge 112 の新機能

Microsoft Edge 112 以降、プログレッシブ Web Appsは、Microsoft Edge のサイドバーに固定されるように実験的にオプトインできます。

Microsoft Edge のサイドバーを使用すると、ユーザーはブラウザー タブと共に人気のある Web サイトやユーティリティに簡単にアクセスできます。 サイドバーのコンテンツは、サイドバイサイドブラウズを有効にし、ブラウザタブ間でコンテキストを切り替える必要性を最小限に抑えることによって、ユーザーの主なタスクを強化します。

PWA を Microsoft Edge のサイドバーにピン留めする準備を整えるには、マニフェスト メンバーを使用します edge_side_panel 。

TODO リスト アプリで 1 つのタブが開き、サイドバーに PWAmp が表示された Microsoft Edge

詳細については、「 Microsoft Edge でサイドバーの PWA をビルドする」を参照してください。

Microsoft Edge 108 の新機能

Microsoft Edge 108 では、プログレッシブ Web Appsの実験的なサポートが導入され、Windows 11の Widgets Board で独自のウィジェットを定義できます。

ウィジェットは、マニフェスト メンバーを使用して、PWA マニフェスト ファイルで widgets 定義されます。 ウィジェットはアダプティブ カード テンプレートを使用して表示されるため、ウィジェットを簡単に作成でき、将来のさまざまなオペレーティング システム ウィジェット ダッシュボードに簡単に適応できます。 Microsoft Edge では、サービス ワーカー ファイルから PWA ウィジェットのユーザー アクションを処理することもできます。

次のスクリーンショットは、左側の Windows ウィジェット ボードと右側の PWAmp デモ アプリを示しています。 ウィジェットボードには、PWAmpアプリで再生されている現在の曲を示すPAMPミニプレーヤーウィジェットが含まれています。

PWAmp ミニ プレーヤー ウィジェット (Windows ウィジェット ボードの PWAmp アプリの横)

詳細については、「 PWA ドリブン ウィジェットの構築」を参照してください。

Microsoft Edge 105 の新機能

Microsoft Edge 105 では、プログレッシブ Web Appsの次の新機能が提供されます。

ウィンドウ コントロール オーバーレイ API

Windows コントロール オーバーレイ API は、Microsoft Edge 105 以降、既定で使用できるようになりました。 ウィンドウ コントロール オーバーレイ API を使用して、インストールされている PWA ウィンドウのタイトル バーで通常使用される領域を制御します。 PWA コードでは、この領域を使用して、カスタム タイトル領域、ナビゲーション ボタン、メニュー バーなどの任意の Web コンテンツをレンダリングできます。

この機能により、Windows、macOS、Linux などのデスクトップ オペレーティング システムにインストールされる PWA は、ネイティブのオペレーティング システムとより似ています。

カスタム タイトル バーを含む PWA

詳細については、次のリソースをチェックします。

PWA からの通知が PWA からの通知として示されるようになりました

以前のバージョンでは、PWA によって作成された通知は、Microsoft Edge によって出力されたように見えました。

Microsoft Edge 105 では、PWA からの通知に"Microsoft Edge" が表示されるのではなく、PWA の名前とアイコンが表示されるようになりました。

Windows タスク バーの近くに通知が表示された PWA アプリ ウィンドウ。通知には PWA アイコンと名前があります

Microsoft Edge 101 の新機能

Microsoft Edge 101 では、PWA の サイドバー検索機能 が導入されています。 サイドバー検索 を使用すると、インストールされている PWA のユーザーは、PWA ウィンドウにあるサイドバーで Web コンテンツを検索および参照できます。

サイドバー検索にアクセスするには:

  1. インストールされている PWA のタイトル バーにある [サイドバー検索を開く ] ボタンをクリックします。

    アプリのタイトル バーに表示されるサイドバー検索アイコン

  2. 検索クエリを入力し、 Enter キーを押します。 検索結果が表示され、そこから Web ページに移動できます。

    一部の検索結果が表示された、PWA の側で開かれたサイドバー検索

Microsoft Edge 100 の新機能

Microsoft Edge Devとカナリア チャネルは、2022 年 2 月 9 日にバージョン 100 に移行しました。 このマイルストーンでは、次の新しい Web アプリ機能をテストしています。 これらの新機能は、テスト期間の後に安定版にロールアウトされる予定です。

アプリ同期

お気に入り、設定、履歴などの機能を強化する同期サービスが拡張され、インストールされている Web アプリ (つまり、アプリとしてインストールされた PWA や Web サイト) が含まれます。 同期サービスは、プロファイルにサインインしていて、同期をオプトインしている場合に機能します。

今後数週間にわたってこの機能をテストして徐々にリリースすると、同期を選択したユーザーは、ページに edge://apps[利用可能なアプリ] セクションと再設計された [アプリ] メニューが表示されるようになります。

[ 利用可能なアプリ ] セクション

[ 使用可能なアプリ ] セクションには、同じサインイン プロファイルを持つ他のデバイスにインストールしたアプリが表示されます。このアプリは、使用している Microsoft Edge インスタンスに現在インストールされていません。 利用可能なアプリは、灰色のアイコンで独自のセクションに表示されます。 アプリの [インストール ] ボタンをクリックして、そのデバイスにアプリをインストールします。

[インストール] ボタンが強調表示されている [アプリ] ページに表示される利用可能なアプリ

アプリ同期は、この段階ではデスクトップ デバイスでのみ使用できます。 デバイス間でアプリを同期するために、1 つのデバイスにアプリを追加すると、他のデバイスの [利用可能なアプリ ] セクションにアプリが追加されます。 あるデバイスでアプリをアンインストールすると、他のデバイスからアプリが削除されます。

再設計されたアプリ メニュー

Microsoft Edge では、[設定] メニューの [アプリ] コマンドが再設計されています。

  • [ アプリ] メニュー アイコンをツール バーに追加すると、すばやくアクセスできます。
  • ポップアップ メニューをサイドバーとして開いてピン留めして、アプリを Web コンテンツと共に表示できます。
  • カスタマイズ可能なビューと並べ替えオプションが、アプリ同期機能をサポートする [マイ 利用可能なアプリ ] セクションと共に追加されました。

ユーザーはツール バーの [ アプリ ] メニュー アイコンを表示して、簡単にアクセスできます。

ツール バーに [アプリ] アイコンを表示すると、すばやくアクセスできます。

ユーザーは、サイドバーとして開いている [アプリ ] メニューをピン留めできます。

ユーザーは、サイドバーとして開いている [アプリ] メニューをピン留めできます

ユーザーは、リスト ビューまたはグリッド ビューのいずれかを選択できます。

ユーザーは、アプリの一覧またはグリッド ビューを選択できます

ユーザーは、アプリの並べ替え順序を選択できます。

ユーザーはアプリの並べ替え順序を選択できます

Microsoft Edge 97 の新機能

Microsoft Edge バージョン 96 は、2021 年 11 月 18 日に安定版になる予定です。 Microsoft Edge バージョン 97 は、その日に続いて Dev から Beta プレビュー チャネルに移行されます。

URL ハンドラーとして登録されているアプリを保存すると、カスタム タブ UI が非表示になります

URL ハンドラーの配信元試用版に参加しているストアにインストールされた PWA では、PWA のドメインから別のトップレベル ドメイン (TLD) を持つ一致するドメイン名にリダイレクトするときに、Chrome カスタム タブ (CCT) が表示されなくなります。 このリダイレクトは、多くの場合、ロケール固有のドメインを持つアプリで発生します。たとえば、カナダのユーザーに対して から contoso.com に contoso.ca リダイレクトします。

Microsoft Edge 96 の新機能

URL プロトコル ハンドラーが Stable に移動する

配信元の試用版が終了しました。 URL プロトコル ハンドラー機能が Microsoft Edge 96 Stable に付属するようになりました。

関連項目:

インストールされている Web アプリを管理するための新しいハブ設計

Microsoft Edge Canary は、2021 年 10 月 5 日にバージョン 96 に達しました。 ユーザーのサブセットを使用して、インストールされている Web アプリをより適切に管理するための新しい設計をテストしています。 ブラウザーに移動 edge://apps すると、再設計されたハブが表示され、インストールされている PWA と Web サイトがアプリとして一覧表示されるようになりました。

並べ替え順序

次のいずれかの方法でアプリを並べ替えることができます。

  • 最近使用しました。
  • タイトルに基づくアルファベット順。
  • インストール日。
リスト ビューまたはグリッド ビュー

[ビューをドロップダウン リストとして表示] を使用して、リスト ビューまたはグリッド ビュー でアプリを配置できます。 この画像では、 グリッド ビューが選択されています。

Microsoft Edge の新しいアプリ管理ページ

ズームするには: [新しいタブで画像を開く] を右クリックします > 。

アプリをピン留めする、アプリへのショートカットを作成する、ログイン時にアプリを実行する

タスク バーまたはスタート メニューにアプリを簡単にピン留 め できます。 ショートカットを作成し、ユーザー ログイン時にアプリを実行できます。

[アプリの詳細] ページ

アプリの詳細ページが表示され、次に簡単にアクセスできます。

  • 関連する配信元のアクセス許可とプライバシーの詳細。
  • アプリケーションの詳細。

アプリの詳細ページ:

Microsoft Edge のアプリの詳細ページ

Microsoft Edge 95 の新機能

Microsoft Edge バージョン 95 は、2021 年 9 月 28 日にベータ チャネルに移行しました。 配信元試用版は、次の機能に対してアクティブなままです。

プロトコル ハンドラーの配信元の試用版は、2021 年 10 月 21 日に終了する予定です。

Microsoft Edge 94 の新機能

Microsoft Edge バージョン 94 は、2021 年 9 月 23 日に Stable に移行されました。 このリリース サイクルは短く、Microsoft Edge 93 Stable から Microsoft Edge 94 Stable までのわずか 3 週間でした。新しい 4 週間のリリース サイクルにスナップしました。 この新しいリリースケイデンスは、Chrome のリリース サイクルの高速化に関するページで説明されている、Chromiumマイルストーンの新しいケイデンスと一致します。

Microsoft Edge バージョン 94 のリリース サイクルが短縮されたため、リリース サイクルのロジスティクスの安定化に重点を置き、機能開発を Microsoft Edge バージョン 95 に移行しました。

配信元試用版は、次の機能に対してアクティブなままです。

最終的なフィードバックを受け取り、プロトコル ハンドラー機能を Stable に移行する準備を整えるにつれて、プロトコル ハンドラーの配信元試用版 が Microsoft Edge バージョン 94 で終了することを期待しています。 プロトコル ハンドラーの配信元試用版に登録されている場合は、Microsoft Edge バージョン 94 以降の試用期間を終了する予定です。 その後、この機能が安定した状態になるタイミングを決定します。

Microsoft Edge 93 の新機能

Microsoft Edge バージョン 93 は、2021 年 9 月 2 日に Microsoft Edge の安定チャネルになりました。 この記事では、開発者とコンシューマーの観点からプログレッシブ Web Apps (PWA) に対して行った更新について説明します。

ストアにインストールされている PWA の使用状況を測定する

Microsoft Edge には、Microsoft Store にインストールされた PWA の最初のナビゲーションの要求を含む参照元ヘッダーが含まれるようになりました。

この機能は Microsoft Edge バージョン 91 で初めて導入され、Microsoft Edge バージョン 93 でバグ修正が提供されました。

詳細については、「 Microsoft Store にプログレッシブ Web アプリを発行する」を参照してください。

ウィンドウ コントロール オーバーレイの配信元の試用版

スタンドアロン表示モードで現在表示されているタイトル バー領域をより詳細に制御するには、ウィンドウ コントロール オーバーレイを試す必要があります。 ウィンドウ コントロール オーバーレイ (WCO) は、アプリ ウィンドウに必要な重要なコントロールのみを提供するために連携する機能のセットです。 このレイアウトにより、Web コンテンツ レイヤーの領域が増えます。 WCO は、インストールされているデスクトップ PWA で使用できます。

ウィンドウ コントロール オーバーレイの実験の詳細については、「 タイトル バーのコンテンツを表示する」を参照してください。

2023 更新: この機能は 配信元試用版 ではなくなり、すべてのユーザーが使用できるため、次のことが適用されなくなります。 配信元試用版開発者コンソールで Web アプリ ウィンドウ コントロール オーバーレイ 試用版の配信元を登録します。

URL ハンドラーの配信元の試用版

開発者は、配信元試用版で試験的な機能 Web アプリ URL ハンドラーを使用できるようになりました。 この機能を使用すると、インストールされている PWA の登録によって、そのスコープを参照する他のアプリからのリンクを開きます。

2023 更新: この機能は配信元試用版ではなくなり、削除されたため、次のことが適用されなくなり、PWA URL ハンドラー機能が Chromium ブラウザー エンジンから削除されました:Origin Trial Developer Console で Web アプリ URL ハンドラー試用版のドメインを登録します。

関連項目:

macOS での Share API のサポート

macOS 用 API のサポートを navigator.share 実装しました。 この機能は、今後数週間にわたって macOS 上の安定した Microsoft Edge ブラウザーにロールアウトされています。

navigator.share() API の詳細については、こちらをご覧ください。

Microsoft Edge 92 の新機能

Microsoft Edge バージョン 92 は、2021 年 7 月 22 日に Microsoft Edge の安定したチャネルになりました。 この記事では、開発者とコンシューマーの観点からプログレッシブ Web Apps (PWA) に対して行った更新について説明します。

プロトコル ハンドラーの配信元の試用版

PWA を登録して、ホスト オペレーティング システムで特定のプロトコルを処理できるようになりました。 PWA でプロトコル ハンドラーを使用する方法の詳細については、「プログレッシブ Web Appsのプロトコルを処理する」を参照してください。

2023 更新プログラム: この機能は 配信元試用版 ではなくなり、すべてのユーザーが使用できるため、次の機能は適用されなくなります 。プロトコル ハンドラーの Windows 試用版が利用可能になりました。 Web App Protocol Handler 試用版の配信元を登録するには、配信元試用版サインアップ ページを参照してください。

[合理化されたアプリ情報] メニュー

ユーザーがアプリのタイトル バーで省略記号 (...) ボタンを選択すると、[ アプリ情報 ] メニューが表示されます。 アプリ情報メニューを更新し、ブラウザー UI よりもデスクトップ アプリのようなユーザー エクスペリエンスを提供するために、次の方法でユーザー エクスペリエンスを合理化しました。

  • アプリ のパブリッシャー 情報を最上位レベルに移動し、ユーザーが最初に表示するようにしました。

    新しく合理化された [アプリ情報] メニュー

  • プライバシー情報とコントロールを専用の第 2 レベルの プライバシー メニューに移動しました。

    専用の [プライバシー] メニューのプライバシー制御

  • コンテンツ関連のツールを専用の第 2 レベルの [その他のツール ] メニューに移動しました。

    コンテンツ関連のツールが [その他のツール] メニューに表示されるようになりました

インストール後のポップアップ ダイアログ

Windows 上の Microsoft Edge ブラウザーから PWA をインストールした後、ユーザーは次の 4 つのオプションから選択してアプリを簡単に起動できるようになりました。

  • タスク バーにピン留めする
  • スタート画面にピン留めする
  • デスクトップ ショートカットの作成
  • デバイス ログインでの自動起動

便宜上、このポップアップ ダイアログは、アプリが初めて起動されるときに表示されます。

インストール後のポップアップ ダイアログ。[タスク バーにピン留めする]、[スタート画面にピン留めする]、[デスクトップ ショートカットの作成]、[デバイス ログインでの自動起動] のオプションが表示されます。

この機能は、すべてのユーザーに段階的にロールアウトされています。 それまでの間に、この機能を使用する場合は、[ インストール後] ダイアログWeb Appsフラグに移動edge://flagsして有効にします。

復元Web Apps

予期しないシャットダウンの前に実行されていたインストール済みのサイトと PWA は、システムの復旧時に復元されます (つまり、再起動されます)。

予期しないシャットダウンは、プロセスエラー、システムの再起動、または停電が原因で発生する可能性があります。 この変更の前に、インストールされているサイトと PWA は、システムの復元時に不確定な動作をしていました。

関連項目