ブラウザー拡張機能
拡張機能(アドオン)は、ブラウザーの機能を変更したり、強化したりすることができます。Firefox の拡張機能は、WebExtensions API というブラウザー横断型技術を使用して作成されています。
Firefox の拡張機能に関する技術は、Chromium ベースのブラウザー(Google Chrome、Microsoft Edge、Opera、Vivaldi など)で対応している拡張機能 API と、大部分において互換性があります。ほとんどの場合、Chromium ベースのブラウザー向けに作成された拡張機能は、いくつか変更を加えるだけで Firefox でも実行できます。
主なリソース
- ガイド
-
初心者の方でも、より高度なアドバイスを探している方でも、豊富なチュートリアルやガイドを通じて、拡張機能の仕組みや WebExtensions API の使用方法について学ぶことができます
- リファレンス
-
WebExtensions API のメソッド、プロパティ、型、イベントに関する詳細情報や、マニフェストキーに関する詳細情報を得ましょう。
- Firefox ワークフロー
-
Firefox 用拡張機能の作成と公開方法をご紹介します。開発者ツール、公開と配布、および移植に関する詳細については、Extension Workshop で得てください。
メモ: アイディアや質問があったり、助けが必要であったりした場合は、コミュニティフォーラム(英語)または Matrix の Add-ons Room(英語) 内でご連絡ください。
日本語情報としては Mozilla Japan コミュニティの Slack の #extdev チャンネルで情報交換が行われています。
始めましょう
拡張機能で何ができるかを確認してから、初めての拡張機能を作成し、2 つ目の拡張機能を作成する前に。拡張機能の構造について学び、Firefox スタイルの拡張機能開発および公開ワークフローの概要を取得しましょう。Firefox 上で直接実行可能な拡張機能のサンプルの充実した選択を、さらに詳しく探ってみましょう。学習を続けるには、参考になるリソースの一覧をご覧ください。
概念
拡張機能の基礎となる概念について、詳細な情報を得ましょう。
ユーザーインターフェイス
拡張機能で使用できるすべてのユーザーインターフェース要素を、サンプルコードやヒントとともにご紹介します。
手引き
拡張機能の開発における特定の側面について、基礎から学べる範囲のチュートリアルです。
Firefox でのワークフロー
Firefox 用の拡張機能を作成したり、Chrome の拡張機能を移植したりする準備が整ったら、Extension Workshop にアクセスしてください。ここでは、以下の詳細が掲載されています。(訳注:リンク先はすべて英語です。)
- Firefoxのワークフロー、例えば開発中の拡張機能の一時的なインストール、デバッグ、適切な権限のリクエストなど。
- web-ext 開発者ツール。
- Google Chrome 拡張機能の移植、デスクトップ版と Android 版の違いなど。
- 公開と配布の概要、拡張機能の周知、拡張機能のライフサイクルに関する最善の手法など。
リファレンス
>JavaScript API 群
すべての JavaScript API に関するメソッド、プロパティ、タイプ、イベントの包括的な詳細を確認できます。また、それぞれのAPIと主要なブラウザーとの互換性に関する詳細情報も記載されています。ほとんどのAPIリファレンスページには、サンプルコードや、そのAPIを使用している拡張機能のサンプルリンクも記載されています。
マニフェストキー
マニフェストキーに関するすべての詳細、およびそのプロパティや設定について参照することができます。