次の方法で共有

Microsoft Edge でサイドバーのエクスペリエンスを開発する

  • [アーティクル]

Microsoft Edge のサイドバーは、ブラウザーの側面にある永続的なウィンドウであり、ブラウザーのプライマリ コンテンツと共存します。 サイドバーを使用すると、ユーザーはブラウザー タブと共に人気のある Web サイトやユーティリティに簡単にアクセスできます。 サイドバーのコンテンツは、サイドバイサイドブラウズを有効にし、ブラウザタブ間でコンテキストを切り替える必要性を最小限に抑えることによって、ユーザーの主なタスクを強化します。 Microsoft Edge のサイドバーを使用すると、ユーザーはワークフローを維持しながら、必要な生産性ツールにアクセスできます。

Microsoft Edge のサイドバー。便利なツールと [メイン] タブが表示されます

開発者は、次の 2 つの方法でサイドバーを利用して独自のエクスペリエンスを提供できます。

  • 既存のプログレッシブ Web アプリ (PWA) をサイドバーで実行するように調整します。
  • Microsoft Edge 拡張機能でサイドバー API を使用します。

適切なアプローチを選択する

サイドバーを活用できる 2 つの異なる方法は、さまざまな開発者のニーズを満たすように設計されています。 サイドバー アプリとサイドバー拡張機能の主な違いを次に示します。

アスペクト サイドバー アプリ サイドバー拡張機能
用語定義 サイドバーで実行されるプログレッシブ Web アプリ (PWA)。 サイドバーにコンテンツを表示する Microsoft Edge 拡張機能。
配布 Web サイトと同様に、アプリはアプリの Web サーバーでホストされます。 この拡張機能は、 Microsoft Edge アドオン Web サイトを通じて配布されます。
機能 アプリでは、すべての Web API と機能のほか、オフライン サポート、プッシュ、ファイル システム アクセスなどの PWA 機能を利用できます。 拡張機能では、現在のページの読み取りや変更など、強力な拡張機能 API を使用できます。
Context アプリは、メイン タブとは別に、独自の Web コンテキストで実行されます。 拡張機能は、現在の Web ページにアクセスし、拡張機能のコンテンツ スクリプトを使用して Web ページを変更できます。
インストール ユーザーは、アプリの Web サイトにアクセスするときにサイドバーと対話してアプリをインストールします。 この拡張機能は、 Microsoft Edge アドオン Web サイトからユーザーによってインストールされます。
ユーザー エクスペリエンス アプリにはサイドバーに独自のアイコンがあります。 アイコンをクリックすると、サイドバーが閉じられ、アプリの内容が表示されます。 ユーザー エクスペリエンスは拡張機能によって異なります。 拡張機能は、ユーザーがブラウザーでアクセスする Web サイトに応じてサイドバーを開くことができます。
使用されるテクノロジ Web 開発と PWA。 「プログレッシブ Web Apps (PWA) の概要」を参照してください。 拡張機能の開発。 「Microsoft Edge 拡張機能の概要」を参照してください。

サイドバー アプリを使用すると、既存のプログレッシブ Web アプリ (PWA) を他のブラウザー タブと共に安全に実行して、サイド バイ サイドの共同閲覧エクスペリエンスを実現できます。 このアプローチは、高度な拡張機能機能を必要としないソーシャル、メッセージング、メディア アプリなどのコンパニオン エクスペリエンスを提供する Web 開発者にとって最適な選択肢です。

サイドバー アプリ インフラストラクチャは、ユーザーが Web を参照する際にサイドバー アプリを検出してインストールするのに役立ちます。Web アプリケーション マニフェスト ファイルを簡単に変更するだけで、アプリを見つけやすくなります。 サイドバー アプリは、既存の Web アプリを Microsoft Edge のサイドバーに再利用し、PWA で使用できる Web 機能を最大限に活用する場合に最適なオプションです。

PWA とその作成方法の詳細については、「プログレッシブ Web Apps (PWA) の概要」を参照してください。 また、既存の PWA を Microsoft Edge のサイドバーに適応させる方法の詳細については、「Microsoft Edge で サイドバーの PWA をビルドする」を参照してください。

Microsoft Edge 拡張機能 (アドオン) は、必要に応じてサイドバー API を使用して、Microsoft Edge のサイドバーにカスタム UI を表示できます。 これは、Microsoft Edge ツール バーやポップアップなど、拡張機能が表示されるその他の場所に加えてです。

アプリのエクスペリエンスが、現在のページの読み取りまたは変更など、強力な拡張機能 API に依存している場合は、サイドバー拡張機能によってこれらの機能が提供されます。 ユーザーは、 Microsoft Edge アドオン Web サイトからこれらの拡張機能を見つけてインストールできます。 Microsoft Edge チームは、これらのサイドバー機能拡張モデルを引き続き進化させ、フィードバックをお待ちしております。 フィードバックを残すには、リポジトリに 新しい問題を作成 するか、 既存の問題を検索して既存の 会話に参加します。

Microsoft Edge 拡張機能とその作成方法の詳細については、「 Microsoft Edge 拡張機能の概要」を参照してください。 拡張機能でサイドバー API を使用する方法の詳細については、「 Microsoft Edge サイドバーの拡張機能を開発する」を参照してください。