Microsoft Edgeの拡張機能を作るための情報を教えてください

Microsoft Edgeの拡張機能を作成するための基本的な手順は以下の通りです¹:

  1. manifest.jsonファイルを作成します¹: すべての拡張機能パッケージには、ルートにmanifest.jsonファイルが必要です。このファイルには、拡張機能の詳細、拡張機能パッケージのバージョン、拡張機能の名前と説明などが記載されます¹。
{
  "name": "NASA picture of the day viewer",
  "version": "0.0.0.1",
  "manifest_version": 3,
  "description": "An extension to display the NASA picture of the day."
}
  1. アイコンを追加します¹: プロジェクトにアイコンディレクトリを作成し、アイコン画像ファイルを保存します。これらのアイコンは、ユーザーが拡張機能を起動するためのボタンの背景画像として使用されます¹。
└── part1
    ├── manifest.json
    └── icons
        ├── nasapod16x16.png
        ├── nasapod32x32.png
        ├── nasapod48x48.png
        └── nasapod128x128.png

次に、manifest.jsonファイルにアイコンを追加します¹。

{
  "name": "NASA picture of the day viewer",
  "version": "0.0.0.1",
  "manifest_version": 3,
  "description": "An extension to display the NASA picture of the day.",
  "icons": {
    "16": "icons/nasapod16x16.png",
    "32": "icons/nasapod32x32.png",
    "48": "icons/nasapod48x48.png",
    "128": "icons/nasapod128x128.png"
  }
}
  1. デフォルトのポップアップダイアログを開きます¹: このステップの詳細は、Microsoftの公式ドキュメンテーションで確認できます¹。

以上の手順を経て、基本的なMicrosoft Edgeの拡張機能を作成することができます。詳細な情報や、拡張機能の開発に関するチュートリアルは、Microsoftの公式ドキュメンテーション¹や、Microsoft Edge Add-ons Developerのページ²で確認できます。開発に成功したら、Microsoft Edge Add-onsに拡張機能を公開することができます²。開発に関する質問や困ったことがあれば、Microsoftのサポート²にお問い合わせください。開発に成功したら、Microsoft Edge Add-onsに拡張機能を公開することができます²。開発に関する質問や困ったことがあれば、Microsoftのサポート²にお問い合わせください。

ソース: Copilot との会話、 2024/6/14 (1) Create an extension tutorial, part 1 - Microsoft Edge .... https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/getting-started/part1-simple-extension. (2) Microsoft Edge Add-ons Developer. https://developer.microsoft.com/en-us/microsoft-edge/extensions/. (3) Overview of Microsoft Edge extensions. https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/. (4) github.com. https://github.com/MicrosoftDocs/edge-developer.de-DE/tree/11b7d83566a02cfbab9f567b631ae98bbae54c52/microsoft-edge%2Fextensions-chromium%2Fgetting-started%2Fpart2-content-scripts.md. (5) github.com. https://github.com/MicrosoftDocs/edge-developer/tree/f4778fe13c97c3961ad51944821d5378704e79ea/microsoft-edge%2Fextensions-chromium%2Fgetting-started%2Fpart1-simple-extension.md.

開発を始めるためのテンプレートプロジェクトはありますか

はい、Microsoft Edgeの拡張機能開発のためのテンプレートプロジェクトはいくつかあります。以下にその一部をご紹介します:

  1. Microsoft Edge Extensions Demos³: これはMicrosoft Edgeの拡張機能のためのオープンソースのデモセットです。これらのデモの目的は、新しいExtensions APIのいくつかの応用を示すとともに、Microsoft Edgeの拡張機能の開発についてより詳しく学ぶのに役立つことです³。
  2. Microsoft Edge Extensions on GitHub²: これはMicrosoft Edge Add-ons開発者向けのコミュニティスペースで、拡張機能の開発、公開、成長に関する情報とリソースを共有する場所です²。ここには、Microsoft Edge Addonのサンプルコードも含まれています²。
  3. Microsoft Edge Demos on GitHub⁴: ここには、Microsoft EdgeのDevTools、拡張機能、Progressive Web Apps (PWAs)、クロスブラウザAPIサンプルなど、さまざまなデモが含まれています⁴。

これらのリソースを活用して、Microsoft Edgeの拡張機能開発を始めてみてください。また、具体的な問題や困ったことがあれば、いつでもお気軽にお問い合わせください。開発に成功したら、Microsoft Edge Add-onsに拡張機能を公開することができます²。開発に関する質問や困ったことがあれば、Microsoftのサポート²にお問い合わせください。開発に成功したら、Microsoft Edge Add-onsに拡張機能を公開することができます²。開発に関する質問や困ったことがあれば、Microsoftのサポート²にお問い合わせください。

ソース: Copilot との会話、 2024/6/14 (1) GitHub - MicrosoftEdge/MicrosoftEdge-Extensions-Demos. https://github.com/MicrosoftEdge/MicrosoftEdge-Extensions-Demos. (2) GitHub - microsoft/MicrosoftEdge-Extensions: This is a .... https://github.com/microsoft/MicrosoftEdge-Extensions. (3) Microsoft Edge Demos - GitHub. https://github.com/MicrosoftEdge/Demos. (4) Samples for Microsoft Edge extensions. https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/samples. (5) undefined. https://aka.ms/ContentUserFeedback. (6) undefined. https://aka.ms/AboutEdgeAddons. (7) undefined. https://aka.ms/EdgeAddonsLearn. (8) undefined. https://docs.microsoft.com/en-us/microsoft-edge/extensions-chromium/developer-guide/api-support. (9) undefined. https://docs.microsoft.com/en-us/microsoft-edge/extensions-chromium/publish/create-dev-account.

サンプルプロジェクトをクローンしてEdgeにインストールする方法を教えてください

Microsoft Edgeの拡張機能のサンプルプロジェクトをクローンしてインストールする基本的な手順は以下の通りです: