Xlune::Blog

Jetpackって何？

Firefoxの拡張を簡単に作れる、Firefoxアドオン。Greasemonkeyより高機能(？)
サイトに行くとデモがあったりするよ。

とりあえず書いてみた

内容はインストールページを見てね。
→インストールページへ行く

/**
 * Jetpack Sample KBText
 * http://blog.xlune.com/
 */
var KBText = KBText || {};
KBText.Config = {
	yUrl: "http://jlp.yahooapis.jp/MAService/V1/parse",
	yParam: {
		appid: "rvNw382xg656tyPRhdp1t6_qfwWeQ1SWU_XEm.xaq8U8AIVo5bUDEgzeTlDqDr2TkZE-",
		results: "ma",
		sentence: ""
	},
	boxName: "KBTextBox"
};
KBText.init = function(){
	var mes = "文字を選択してね！";
	var selectStr = jetpack.tabs.focused.contentDocument.getSelection() || '';
	if(selectStr)
	{
		mes = "変換開始！";
		var param = KBText.Config.yParam;
		param.sentence = selectStr;
		$.post(
			KBText.Config.yUrl,
			param,
			KBText.onComplete
		);
		
	}
	jetpack.notifications.show(
		{
			title: 'KBText',
			body: mes,
			icon: 'http://blog.xlune.com/favicon.ico'
		}
	);
};
KBText.onComplete = function(xml)
{
	var arr = [];
	$(xml)
		.find("reading")
			.each(function(num){
				if(!$(this).text().match(/[ 　]+/))
				{
					arr.push($(this).text());
				}
			});
	jetpack.notifications.show(
		{
			title: 'KBText',
			body: "変換完了！",
			icon: 'http://blog.xlune.com/favicon.ico'
		}
	);
	KBText.showBox(arr.join(' ').cmabrigde());
};

KBText.makeBox = function()
{
	return $("<div>")
		.html('<p class="sj-text"></p><p class="sj-close"><a href="#">close</a></p>')
		.css({
				"position": "fixed",
				"right": "5px",
				"top": "5px",
				"padding": "5px 10px",
				"background-color": "#000000",
				"color": "#FFFFFF",
				"z-index": "1000",
				"line-height": "1.5em",
				"width": "40%",
				"-moz-border-radius": "5px",
				"-moz-opacity": "0.7",
				"font-size": "14px"
		})
		.attr('id', KBText.Config.boxName)
		.find('p.sj-close a')
			.click(function(){
				$(jetpack.tabs.focused.contentDocument.documentElement)
					.find('#'+KBText.Config.boxName)
					.remove();
				return false;
			})
			.css({
				"display": "block",
				"text-align": "right",
				"color": "#FFFFFF"
			})
			.end();
};
KBText.showBox = function(str)
{
	KBText.removeBox();
	$(jetpack.tabs.focused.contentDocument.documentElement)
		.append(KBText.makeBox())
		.find('p.sj-text').html(str);
};
KBText.removeBox = function()
{
	$(jetpack.tabs.focused.contentDocument.documentElement)
		.find('#'+KBText.Config.boxName)
		.remove();
};

/**
 * writed by "amachang"
 * from: http://d.hatena.ne.jp/amachang/20090518/1242656425
 */
String.prototype.cmabrigde = function() {
	return this.split(' ').map(function(w) {
		var ws = w.split('');
		var l = ws.pop();
		return (ws.shift() || '') + (ws.length ? ws.sort(Math.random).join('') : '') + l;
	}).join(' ');
};

/**
 * jetpack init
 */
jetpack.statusBar.append({
	html: '<img src="http://blog.xlune.com/favicon.ico" />',
	width: 16,
	onReady: function(doc) {
		$(doc).find("img").click(function() {
			KBText.init();
		});
	}
});

まとめ

通常の Firefox Add-ons 作るよりは遥かに簡単そうな印象。
今後の機能拡充を見込めれば、期待していいんじゃないだろうか。

--
でもやっぱり、ちゃんとしたのは普通のAdd-onsで作りたいカナ。