Gemmaの日記 このページをアンテナに追加 RSSフィード

2009-09-06

Firefox拡張簡単キット"マッチFOX" 01:37  Firefox拡張簡単キット"マッチFOX"を含むブックマーク  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