2013/09/18Firefox拡張(extension)の作り方は大きく分けて3通り。詳しくは以下のサイトを参照。SDKを使用する方法について記述する。ドキュメントはこちらのサイトの左上にある「Documentation」のリンクから適当にたどる。開発環境の整備まずは開発環境を整備する。SDKをダウンロードしてインストールする。Builderというのは無視する。Firefoxで開発用プロファイルの作成Firefoxには「プロファイル」というものがある。通常の環境とは別に、Extension開発用のプロファイルを作成しておくと良い。プロファイルに関しては、詳しくはこちらを参照。Macの場合、以下の様にプロファイルを作成する。devというのがプロファイル名。環境によって若干異なるので、詳しくはこちらを。&Macの場合、作成したプロファイルは以下の場所に保存されているので、lsでプロファイルのフォルダ名を確認しておく。作成したプロファイルでFirefoxを起動するには、Macの場合以下のように実行する。&そのうえで、以下を実行して開発環境を整えておくとよい。Firebugやその他開発ツールのインストール(必ずしもこのタイミングでやる必要はないが)関連サイトへのログイン。Evernote関連のExtensionを開発するのであれば、Evernoteへ事前にログインしておく。Firefox拡張の基本的な仕組みChromeのブラウザ拡張と仕組みは少し似ている。ブラウザ拡張の構成要素としては、主に以下の2つに分かれる。Extensionのものと同じだが、考え方が少し違うと思う。scriptとは、メッセージ通信でデータのやりとりを行う。このページの図が簡潔で分かりやすいと思う。基本的な作り方こちらのページ通りに、以下のようにプロジェクトを作成。initこれで必要なファイルとかディレクトリが色々作成される。runを実行するとExtensionが入ったFirefoxが起動される。run`を実行するのではなく、以下のようにプロファイルを指定して実行すると、上の方で設定したような(開発ツールとかがインストールされた)状態でFirefoxが起動するので、色々と便利。出してもいいし、Firebugとか活用して適当に。具体的な開発のtipsとかツールバーボタンSDKのチュートリアルとかやると、ブラウザの右下(ステータスバー)の辺りにボタンを出す方法はあるが、Firebugなどのようにアドレスバーの右の方にボタンを出力する方法は何も触れられていない。Voldという人が作った”toolbarbutton”というのを使う方法らしいんだけど、以下のURLは404となっていてどこで入手していいのか良く分からなかった。Completeというのがあったので、それを利用することにした。scriptからは(実質)Ajaxは使えない。scriptに対して再度メッセージを投げるという方法が良い。SDKを使うと比較的簡単にFirefoxのExtensionが使える。それでもChromeに比べると色々制約がある。コメントをキャンセルメールアドレスが公開されることはありません。