このページはコミュニティーの尽力で英語から翻訳されました。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を使用している拡張機能のサンプルリンクも記載されています。

マニフェストキー

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