このサイトの記事更新は2019年11月に終了されました。過去記事アーカイブを公開しています。

投稿されたすべてのトピック

アドオン開発者向けツール

アドオンの開発者に役立つ拡張機能やツールなどを紹介します

エディタ / 開発環境

アドオンの開発には UTF-8 に対応したエディタと ZIP ツールがあれば必要十分です。
エディタについては使い慣れたものを自由に使ってください。参考までにいくつか例を挙げておきます。

  • Windows 専用エディタ: 秀丸、サクラエディタ、TeraPad、EmEditor など
  • Mac OS X 専用エディタ: Jedit X, mi, KEdit, CotEditor, LightWayText など
  • マルチプラットフォーム対応エディタ: Eclipse, Netbeans, jEdit, Vim, Emacs など
  • 統合開発環境: Eclipse, Netbeans, Spket IDE など

自動生成ツール

AMO – アドオンビルダー (スケルトン生成ツール)

AMO に標準で用意されている拡張機能のスケルトン生成 Web ツールです。

Firefox 拡張簡単キット “マッチ FOX”

拡張機能用のスケルトンを生成してくれるアドオンだが、install.rdf などの基本的なファイルだけでなく、汎用的な js module なども同梱してくれるのが特徴的。詳しくは作者自身の紹介記事をご覧ください。

Spket IDE の “Firefox Extension” プロジェクト

Spket IDE では拡張機能用のプロジェクトをサポートしており、スケルトンの自動生成が行われるようです。

Netbeans の foxbeans プラグイン

スケルトンを自動生成してくれるものですが、試したところ残念ながら最新の Netbeans では使えませんでした (>_<)

デバッガ、バリデータ

AMO – アドオンバリデータ (自動検証ツール)

AMO でエディタがアドオンのレビューをする際にも使用されているアドオンのコードチェックツール。パッケージングの基本的なチェックや、eval() 関数呼び出しなどセキュリティ上注意が必要なコードを検出したりしてくれる。

Firebug

Web 開発業界では標準となっているデバッガツール。基本的には Web ページなど Content 領域のデバッグ用ツールではあるが、Chromebug という拡張機能を使えば Firebug で Chrome 領域もデバッグできるようになるなど、拡張機能開発でもいろいろと役に立ちます。

Venkman JavaScript Debugger

JavaScript デバッガ。Firebug でできることが増えて徐々に相対的重要度は下がってきているが、拡張機能内部の JavaScript を本格的にデバッグするには今でもこのデバッガが一番強力。但し、始めは取っつきにくいところもある。

UxU – Unit.Text.XUL

拡張機能開発用の自動テストツールキット。

開発サポートアドオン

DOM Inspector (DOMi)

XUL や HTML などの DOM オブジェクトやツリーを解析、調査するためのツール。GUI 要素の id や class をはじめとした各種属性を確認したり、XBL による無名コンテントを含んだドキュメントツリー構造を確認したりするための必須ツール。

Quick Restart

ワンクリックで Firefox を再起動できるツールバーボタンを追加する。あるいはキーボードショートカット Ctrl+Alt+R で再起動することもできる。新規ウィンドウを開くだけではキャッシュが残ったりモジュールが再読込されなかったりすることがあり

Console 2

エラーコンソールはデバッグの基本であり、それを使いやすくするのはデバッグ効率化のお約束。標準のエラーコンソールに、エラーファイルの種類 (JS, CSS, XML) やコンテキスト (Chrome, Content) で絞り込むなど、ちょっと便利な機能が追加される。Content (Web ページ) のエラーを除外して Chrome のエラーだけ表示するのは特に便利。

Nightly Tester Tools

Nightly ビルド(最新開発版)のテスター向けのツールで、アドオンの対応バージョンチェックを無視してインストールする機能などがある。バージョンアップ対応時の強い味方。

Extension Developer

拡張機能開発者に便利なツールを色々集めた開発サポートツールキット。HTML/XUL のリアルタイム編集エディタ、JavaScript シェル、ファイルから読み込んで browser.xul などのコンテキストで実行する JavaScript Injector、正規表現や XPath のテストツールなどいろいろ入っています。

ExecuteJS

Browser.xul などのコンテキストで JavaScript を実行するコンソール。拡張機能内部で処理する JavaScript コードの部分的なテストや開発に便利。

SQLite Manager

履歴とブックマークを始めとして Firefox で広く使われている SQLite のデータベースの中身を GUI で簡単に確認できるツール。

Extdev Preferences

拡張機能開発向けのデフォルト設定値を有効に切り替えるだけの単機能アドオン。世界一単純なアドオンかも？

拡張機能パッケージスクリプト

拡張機能の xpi パッケージを作成するためのスクリプトは 拡張機能パッケージスクリプトページ で紹介しています。

開発ツール紹介リンク集

その他いろいろなツールの紹介をしているブログ投稿などを集めました。もっといろんなツールを試してみたい方はリンク先の各ページの紹介をご覧ください。

投稿者

dynamis

投稿日時

アドオン開発者向けリンク集

アドオン開発者向けの情報源となるサイトやブログなどのリンク集です。

他にもおすすめのサイトやブログなどがありましたらどんどん追加してください。自薦他薦は問いません。

note: Firefox 4 に向けた拡張機能開発情報はこちらのページでまとめています

公式サイト

コミュニティ

最新ニュースや動向紹介

アドオン紹介サイト

アドオンの紹介を頻繁にしているブログやサイトをリストしました。

個人のブログ

アドオン開発者自身のブログなど開発時の参考になるブログをリストしました。

開発者ブログフィード集

開発者のブログから記事を集約したフィードを紹介します。

開発体験談やチュートリアルなど

拡張機能の開発体験談やチュートリアル記事などを紹介します。

イベントや勉強会

イベントや勉強会についてはイベント情報ページをご覧ください。

Firefox 本体の開発情報

Mozilla の開発情報を伝えるブログなどを紹介します。

更新の停止しているサイト

最近あまり更新されていないが歴史的価値のあるサイト。

投稿者

dynamis

投稿日時

拡張機能開発入門

自分がブラウザに欲しい機能を簡単に追加できる拡張機能を作ってみようという人のため、チュートリアルやリファレンスなどのドキュメントを紹介します。

アドオン開発者ガイド

Firefox にはアドオン開発用の SDK が公開されており、SDK にはチュートリアルや API リファレンスなどの開発者ガイドも用意されています。現時点ではチュートリアル部分だけが日本語に翻訳されています。残りの部分については翻訳協力者を絶賛募集中です。

これから Firefox のアドオン開発を始める方はまずこのチュートリアルをご覧いただくことをオススメします。

Add-on SDK で始めるアドオン開発

knagato さんにがチュートリアル形式で Add-on SDK を開設した連載投稿です。

Firefox Hacks Rebooted

O’Reilly の “Firefox Hacks Rebooted” では Add-on SDK を使ったアドオン開発(3章)と、SDK を使わずに再起動不要アドオンを開発する Bootstrapped アドオンの開発手順が解説されています。

Jetpack 開発入門

Firefox 4 からは Jetpack と呼ばれる新しい拡張機能開発の仕組みが導入されます。Jetpack では JavaScirpt API を使用して JavaScirpt だけでも簡単に Firefox のバージョンが上がっても動作する拡張機能を作成できるようになります。

その他 Firefox 4 に向けた拡張機能開発情報はこちらのページでまとめています。

拡張機能開発ワークショップ用資料 (XUL アドオン用)

半日などの短期間で拡張機能開発を学ぶためのワークショップ用に作成された資料とサンプル拡張機能のソースコードを公開しています。

Firefox 3.5 以降を対象として、拡張機能開発環境の準備手順など非常に基本的なところから詳細に解説しています。ざっくりと拡張機能開発を体験して全体像が見えるようになったら、続けて他のチュートリアルや MDC のリファレンスを見ながら、自分の欲しい機能をどんどん実現していってください。

Firefox 拡張機能開発チュートリアル (XUL アドオン用)

Software Design誌2007年4月号第2特集「Firefox拡張機能開発チュートリアル」を元に、Firefox の拡張機能開発を始める方のためのチュートリアル冊子が作成されました。この冊子では JavaScript や CSS など Web 開発で一般的な基本さえ知っていれば Firefox の拡張機能開発を行えるように、XUL の書き方の基礎から XPCOM による高度な処理まで詳しく解説しています。また、デバッガの紹介や OSS ライセンスの解説も巻末付録として含められています。

当初 Firefox 2 向けに書かれ、その後 Firefox 3 向けにアップデートされています。残念ながら最新の Firefox で追加された新機能や変更点に関する説明はありませんが、拡張機能開発の基本については今でも変わりなく、最も網羅的な開発入門ドキュメントになっています。

Firefox 3 ではじめる拡張機能開発 (XUL アドオン用)

技術評論社サイトで公開されている、Scrapbook などの拡張機能作者として有名な Gomita さんによる拡張機能開発の連載記事です。

こちらもやはり Firefox 3 向けの記事ではありますが、今でも基本的なところは変わりないし、適度な分量でとても上手くまとめられています。

Mozilla Developer Center

Mozilla の開発者向け公式情報サイトは Mozilla Developer Center (通称 MDC または DevMo) と呼ばれている Wiki サイトです。

MDC には開発者向けの様々な情報が書かれており、拡張機能についてもチュートリアルや FAQ、コードサンプルなどが用意されています。

また、Firefox 本体同様に拡張機能の中で使用する XML ベースのユーザインターフェイス言語 XUL について、XUL の特徴や利点の解説、リファレンスなどが用意されています。

localmdc

MDC のドキュメントをオフラインでも参照できるよう、Gemma さんがスナップショットアーカイブを作成してくださっています。ダウンロード可能な ZIP パッケージと、ブラウザで参照する HTML、Windows のヘルプファイル、Unix 向けに Textinfo など各種形式で公開されているので、必要に応じてご利用ください。

/localmdc/

Addons for Firefox (AMO)

Mozilla 公式のアドオン配布サイト Addons for Firefox (AMO) では誰でも簡単に自分の作った拡張機能を登録、配布できるだけでなく、アドオン開発者向けのツールやドキュメントの紹介なども用意されています。

困ったときは

困ったときには他の拡張機能開発者も集まるフォーラムで質問してみるか、この modest サイトの投稿機能を使って悩みなどを書いてみてください。経験豊富な開発者達がきっとあなたの疑問に答えてくれます。

その他

拡張機能の開発に必要な基本的情報はここまでに紹介した資料やサイトにすべて書かれています。これ以上の情報が欲しいというあなたは、もう拡張機能開発入門は卒業です。一人前の拡張機能開発者として拡張機能開発テクニックを学びながらバリバリ開発を行っていってください。

投稿者

dynamis

投稿日時

フィードバックするには

日本語版を使っていてお気づきの点があれば、L10N フォーラム (ユーザ登録不要) にお知らせください。

Firefox, Thunderbird などアプリケーション毎のフォーラムがあるので、お使いのアプリケーションに応じたフォーラムに書き込んでください。バージョンや OS などのご利用環境なども併記していただけると助かりますが、何についてのことか分かれば十分なので、書式に拘らず気軽にコメントしてください。

基本的にはフォーラムでのフィードバックを推奨していますが、Github などでもフィードバックできます。

もっと積極的に参加していただける方は、以下のページを参照してください:

投稿者

dynamis

投稿日時