カレーとFirefox

カレーと
Firefox
---
自己紹介
・名前：アベヒロキ (<a href="http://twitter.com/hATrayflood">@hATrayflood</a>)
・職業：自宅サーバ管理者
・URL：<a href="http://rayflood.org/diary/">http://rayflood.org/diary/</a>
・住所：長野市 地元：東部町
---
バックナンバー
<a href="http://www.slideshare.net/hATrayflood">Slideshare</a>どぞ
---
前説
---
今回は
カレー屋さん
での開催なので
---
カレーを
からめた話
---
カレー部
---
主な活動場所：
<a href="http://www.sf-india.com/">ソウルフードインディア</a>
部長：<a href="http://piro.sakura.ne.jp/">Piro</a>
部員：数名
---
<iframe src="http://theinterviews.jp/piro_or" width="960" height="480">
---
新年会も
やったらしい
---
<iframe src="http://atnd.org/events/12032#events" width="960" height="480">
---
参加者
Mozilla
だらけ!
---
かくいう自分も
最近はカレー
ばかりな気が
---
<img src="CIMG0289.JPG">
---
<a href="http://www.nicovideo.jp/watch/sm3610516">虚空戦士</a>には
なれないです
涅槃でも辛い
---
残念ながら最近は
<a href="http://www.youtube.com/watch?v=4kc49PC2KX4">セブンスヘヴン</a>
キメてませんorz
---
与太話は
ここまで
---
本題
---
カレー
といえば
---
手軽にモリモリ
食べられるのが
魅力の一つですが
---
Firefoxでも
手軽にモリモリ
アドオン作れます
---
<a href="https://addons.mozilla.org/en-US/developers/docs/sdk/1.0/dev-guide/welcome.html">Add-on SDK</a>
---
以前のアドオンは
XPInstallという形式
---
中身は、XULと
xpcomを直接叩いて
chromeパッケージ化
---
つまり、
FirefoxのUIの
改造とほぼ同じ
---
欠点：
・内部APIを使用
・ファイル数が多い
・複数の言語
・再起動が必要
---
これらの欠点を
解消したのが
Add-on SDK
---
利点：
・専用APIを提供
・ソース1本で書ける
・JavascriptだけでOK
・再起動不要(状況次第)
---
実践
---
※ここからはガシガシ進みます
　内容自体は<a href="https://dev.mozilla.jp/2011/08/add-on-sdk-install-knagato/">ガイド</a>と変わりません
---
必要なもの：
・<a href="http://www.python.org/download/releases/2.7.2/">Python-2.x</a>
・<a href="https://addons.mozilla.org/ja/developers/builder">Add-on SDK</a>
---
# おまじない
set PATH=%PATH%;^
%SystemDrive%\Python27
cd \addon-sdk
bin\activate.bat
---
# プロジェクト作成
mkdir \nseg\curry
cd \nseg\curry
cfx init
---
# 確認と初回起動
start .
# エディタでlib\main.js
cfx run
cfx run
---
# lib\main.js
<pre>const widgets = require("widget"); const panels = require("panel"); exports.main = function(){ 	var map_widget = widgets.Widget({ 		id:"curry-map", 		label:"カレー地図", 		contentURL:"google地図のアイコン", 		panel: panels.Panel({ 			width:800, 			height:480, 			contentURL:"google地図のURL" 		}) 	}); 	var tweet_widget = widgets.Widget({ 		id:"curry-tweet", 		label:"カレーつぶやき", 		contentURL:"twitterのアイコン", 		panel: panels.Panel({ 			width:560, 			height:640, 			contentURL:"twitterの検索URL" 		}) 	}); }</pre>
# 必ずUTF-8 BOMなしで保存
---
# もう1回起動
cfx run
# Firefoxの右下に注目！
---
と、こんな具合で
手軽にモリモリと
簡単に作れました。
---
<a href="https://addons.mozilla.org/en-US/developers/docs/sdk/1.0/dev-guide/welcome.html">リファレンス(英語)</a>
見れば、大体のことは
できる(はず)
---
結論
---
カレー
ウマいです
---
・リンク集
twitter hATrayflood
<a href="http://twitter.com/hATrayflood"></a>
Slideshare hATrayflood
<a href="http://www.slideshare.net/hATrayflood"></a>
Builder and SDK :: 開発者センター
<a href="https://addons.mozilla.org/ja/developers/builder"></a>
mozilla/addon-sdk - GitHub
<a href="https://github.com/mozilla/addon-sdk"></a>
Add-on SDK で始めるアドオン開発 « Mozilla Developer Street
<a href="https://dev.mozilla.jp/2011/08/add-on-sdk-install-knagato/"></a>
Add-on SDK Documentation
<a href="https://addons.mozilla.org/en-US/developers/docs/sdk/1.0/dev-guide/welcome.html"></a>
---
ソウルフードインディア
<a href="http://www.sf-india.com/"></a>
piro_orのインタビュー - ザ・インタビューズ
<a href="http://theinterviews.jp/piro_or"></a>
カレー部新年定例会 : ATND
<a href="http://atnd.org/events/12032"></a>
カレーふりかけ｜浦島海苔株式会社
<a href="http://www.urashima.co.jp/products/hurikake_chazuke/#curry"></a>
虚空戦士マジスパイダーFullVer.【CurryMix】
<a href="http://www.nicovideo.jp/watch/sm3610516"></a>
セブンス決められないものの辛勝
<a href="http://www.youtube.com/watch?v=4kc49PC2KX4"></a>
セブンスヘヴン
<a href="http://kakuge.com/wiki/body.php?word=%E3%82%BB%E3%83%96%E3%83%B3%E3%82%B9%E3%83%98%E3%83%B4%E3%83%B3">http://kakuge.com/wiki/body.php?word=セブンスヘヴン</a>