Firefox add-ons のサンプルを動かしてみる

Installation - Mozilla | MDN

ここを見ながら適当に進める。

Python が必要らしいのでコマンドプロンプトで python と打つ

 'python' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。

 ということなので、入れたことがないらしい。

3.xはいくつかのプラットフォームでサポートされてないよ、と書いてあるが、だからどうしろとは書いてない。とりあえず2.7を選択しておけばよいということなのだろうか。

2.7のmsiをインストール、適当にpathを通す。

SDK の zip ファイルを取得し解凍。

適当なフォルダに持っていく。コマンドプロンプトでbin/activateを実行

D:\ProgramFiles\addon-sdk-1.17>bin\activate
Welcome to the Add-on SDK. For the docs, visit https://addons.mozilla.org/en-US/
developers/docs/sdk/latest/

(D:\ProgramFiles\addon-sdk-1.17) D:\ProgramFiles\addon-sdk-1.17>cfx

・・・

エラーが出たが、オプションが足りてないらしい。

サンプル通りに進める。

(D:\ProgramFiles\addon-sdk-1.17) D:\ProgramFiles\addon-sdk-1.17>mkdir my-addon

(D:\ProgramFiles\addon-sdk-1.17) D:\ProgramFiles\addon-sdk-1.17>cd my-addon

(D:\ProgramFiles\addon-sdk-1.17) D:\ProgramFiles\addon-sdk-1.17\my-addon>cfx ini
t
* lib directory created
* data directory created
* test directory created
* generated jID automatically: jid1-bgDBGFLflF7Weg
* package.json written
* test/test-main.js written
* lib/main.js written

Your sample add-on is now ready.
Do "cfx test" to test it and "cfx run" to try it. Have fun!

(D:\ProgramFiles\addon-sdk-1.17) D:\ProgramFiles\addon-sdk-1.17\my-addon>

さっきのフォルダ配下にいろいろと作られたらしい。

my-addonフォルダ配下にいろいろと作られている。

サンプル通りに lib/main.jsに記述を行う。

var buttons = require('sdk/ui/button/action');
var tabs = require("sdk/tabs");

var button = buttons.ActionButton({
  id: "mozilla-link",
  label: "Visit Mozilla",
  icon: {
    "16": "./icon-16.png",
    "32": "./icon-32.png",
    "64": "./icon-64.png"
  },
  onClick: handleClick
});

function handleClick(state) {
  tabs.open("https://developer.mozilla.org/");
}

で、サンプルにあるicon-**.png を dataフォルダに入れる。

そして xcf runと実行する

なんか表示された。

押すとさっきのアドレスに新規タブとして開く。

ここまでは結構簡単に感じる。

つづく。