Firefox拡張簡単キット"マッチFOX"

Firefox拡張を作りたいけど、ややこしくて手がつけられない、そんなあなたに・・・!
簡単キット"マッチFOX"。Ruby on Rails みたいに、scaffold(骨組み)を作ってくれます。

この骨組みには、はてなブックマーク拡張から取り出したエッセンスが入っていて、
その道のプロフェッショナルと同じスタートラインから開発できます。

- 人柱版(RC2)

使い方

インストールしたら、Matchfoxサイドバー(Ctrl+!)を開きます。

http://eva-lu-ator.net/~gemma/geocities/matchfox/Clipboard04.png
http://eva-lu-ator.net/~gemma/geocities/matchfox/Clipboard06.png

骨組みの、"インストール先のディレクトリ"を"参照..."します。

http://eva-lu-ator.net/~gemma/geocities/matchfox/Clipboard07.png

新しいフォルダの作成(M)で、"sample@mozdev.org"というちょっと変な名前のフォルダを作ります。
OKをクリックします。

http://eva-lu-ator.net/~gemma/geocities/matchfox/Clipboard08.png

最後に、一番下の"骨組みを作る"を押します。
Firefoxを再起動してみてください。

キットの中身

http://eva-lu-ator.net/~gemma/geocities/matchfox/mat.png

なぜサイドバーがキットに入っているのかというと、サイドバーはパカパカするだけでリロードできて
プログラムの確認が楽なんで、はじめのうちはサイドバーで動くものを作るのがおすすめだからです。

おまけで、アドオンの"設定"から"開発者におすすめの設定"ができます。
http://eva-lu-ator.net/~gemma/geocities/matchfox/Clipboard05.png

最後に

人柱版は安定したらFirefox拡張の公式サイトで公開するつもりです。
これからFirefox拡張の記事をいくつか連載するつもりなのでお楽しみに。
"sample@mozdev.org"というちょっと変な名前のフォルダを作るくだりは、
慣れてきたらポインタファイルを使うのがいいですね、おいおい解説します。

はてブ拡張とTomblooのコードが大変参考になりました。感謝。

開発後記

IntelSSDを買って、気合が入った勢いで開発しました。
入力したテンプレから自動で骨組みを作るために、E4Xをテンプレートエンジンとして使うアイディアをえた後は、
E4X特殊文字 {}と<>と& をひたすらエスケープするだけの簡単なお仕事。体力勝負でした。土日がつぶれました。
残念なことに、mozIJSSubScriptLoaderで文字化けするのでDatabase.jsの日本語コメントは消しました。ごめんなさい。
ついでにマッチ箱をイメージしたロゴも作りました。
http://eva-lu-ator.net/~gemma/geocities/matchfox/gen.png