Thanks to visit codestin.com
Credit goes to developer.mozilla.org

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

ブラウザー拡張機能

拡張機能(アドオン)は、ブラウザーの機能を変更したり、強化したりすることができます。Firefox の拡張機能は、WebExtensions API というブラウザー横断型技術を使用して作成されています。

Firefox の拡張機能に関する技術は、Chromium ベースのブラウザー(Google Chrome、Microsoft Edge、Opera、Vivaldi など)で対応している拡張機能 API と、大部分において互換性があります。ほとんどの場合、Chromium ベースのブラウザー向けに作成された拡張機能は、いくつか変更を加えるだけで Firefox でも実行できます。

主なリソース

ガイド

初心者の方でも、より高度なアドバイスを探している方でも、豊富なチュートリアルやガイドを通じて、拡張機能の仕組みや WebExtensions API の使用方法について学ぶことができます

リファレンス

WebExtensions API のメソッド、プロパティ、型、イベントに関する詳細情報や、マニフェストキーに関する詳細情報を得ましょう。

Firefox ワークフロー

Firefox 用拡張機能の作成と公開方法をご紹介します。開発者ツール、公開と配布、および移植に関する詳細については、Extension Workshop で得てください。

メモ: アイディアや質問があったり、助けが必要であったりした場合は、コミュニティフォーラム(英語)または MatrixAdd-ons Room(英語) 内でご連絡ください。

日本語情報としては Mozilla Japan コミュニティの Slack の #extdev チャンネルで情報交換が行われています。

始めましょう

拡張機能で何ができるかを確認してから、初めての拡張機能を作成し、2 つ目の拡張機能を作成する前に。拡張機能の構造について学び、Firefox スタイルの拡張機能開発および公開ワークフローの概要を取得しましょう。Firefox 上で直接実行可能な拡張機能のサンプルの充実した選択を、さらに詳しく探ってみましょう。学習を続けるには、参考になるリソースの一覧をご覧ください。

概念

拡張機能の基礎となる概念について、詳細な情報を得ましょう。

ユーザーインターフェイス

拡張機能で使用できるすべてのユーザーインターフェース要素を、サンプルコードやヒントとともにご紹介します。

手引き

拡張機能の開発における特定の側面について、基礎から学べる範囲のチュートリアルです。

Firefox でのワークフロー

Firefox 用の拡張機能を作成したり、Chrome の拡張機能を移植したりする準備が整ったら、Extension Workshop にアクセスしてください。ここでは、以下の詳細が掲載されています。(訳注:リンク先はすべて英語です。)

リファレンス

JavaScript API 群

すべての JavaScript API に関するメソッド、プロパティ、タイプ、イベントの包括的な詳細を確認できます。また、それぞれのAPIと主要なブラウザーとの互換性に関する詳細情報も記載されています。ほとんどのAPIリファレンスページには、サンプルコードや、そのAPIを使用している拡張機能のサンプルリンクも記載されています。

マニフェストキー

マニフェストキーに関するすべての詳細、およびそのプロパティや設定について参照することができます。