<h3>外部jsloader</h3>
<p>os0x さん<a href="https://subtech.g.hatena.ne.jp/secondlife/20091106#20091106f1" title=" http://d.hatena.ne.jp/os0x/20080827/1219815828 ">*1</a>や brazil3 もつくってるけど、シンプルで短くて複数 js 読み込みができるのが欲しいので作った。</p>
<p>IE だと onreadystatechange でロードされたかどうかは解るけど、読み込めなかったときのエラーのハンドリング方法が解らなかった。404 だとしても complete/loaded が返却される。ほかの property もざっと見たけどそれっぽいの見あたらなかったけど、見落としてるのかしら…。</p>
<p><a href="https://subtech.g.hatena.ne.jp/secondlife/20091106#20091106fn1">*1</a>： <a href="http://d.hatena.ne.jp/os0x/20080827/1219815828">http://d.hatena.ne.jp/os0x/20080827/1219815828</a></p>

外部jsloaderos0x さん http://d.hatena.ne.jp/os0x/20080827/1219815828 や brazil3 もつくってるけど、シンプルで短くて複数 js 読み込みができるのが欲しいので作った。IE だと onreadystatechange でロードされたかどうかは解るけど、読み込めなかったときのエラーのハンドリング方法が解らなかった。404 だとしても complete/loaded が返却される。ほかの property もざっと見たけどそれっぽいの見あたらなかったけど、見落としてるのかしら…。*1： http://d.hatena.ne.jp/os0x/20080827/1219815828

外部jsloader

<h3>最近の常用してる拡張 Extended Statusbar</h3>
<ul>
<li><a href="https://addons.mozilla.org/ja/firefox/addon/1433">https://addons.mozilla.org/ja/firefox/addon/1433</a></li>
</ul>
<p>3ヶ月ぐらい使ってハズす気配がないので常用拡張入り。読み込みサイズと読み込み時間のみ表示してる。firebug のネットワークモニターを有効にしなくても、この拡張で何がどれぐらい遅いのかが解るので便利。</p>

最近の常用してる拡張 Extended Statusbarhttps://addons.mozilla.org/ja/firefox/addon/14333ヶ月ぐらい使ってハズす気配がないので常用拡張入り。読み込みサイズと読み込み時間のみ表示してる。firebug のネットワークモニターを有効にしなくても、この拡張で何がどれぐらい遅いのかが解るので便利。

最近の常用してる拡張 Extended Statusbar

<p>2009年、11月9日に開かれた、 Firefox Developers Conference 2009 で、はてなブックマーク Firefox 拡張の話をしてきた資料です。実装についての話は、<a href="http://nanto.asablo.jp/blog/">nanto_vi さん</a>が資料を公開してくれると思います。</p>
<p>資料の最後にも載ってますが、本当に Firefox 拡張開発に当たり、Mozilla/Firefox に関わる方々が公開してくださっている資料やコミュニュティの成果物に非常に助けられ、それらが無ければ開発は行えなかったと思います。Firefox Developers Conference に参加された方々、Mozilla Japan やその他 Mozilla コミュニュティの方々、Mozilla/Firefox に関わるすべての方々、どうもありがとうございます。</p>
<h4>はてなブックマーク Firefox 拡張の裏側</h4>
<ul>
<li>はてな 舘野祐一(<a href="http://blog.hatena.ne.jp/secondlife/">id:secondlife</a>)</li>
<li>外山真 (<a href="http://blog.hatena.ne.jp/nanto_vi/">id:nanto_vi</a>)</li>
</ul>
<h4>アジェンダ</h4>
<ul>
<li>はてなブックマーク拡張</li>
<li>機能とこだわり</li>
<li>はてなブックマーク拡張ことはじめ</li>
<li>はてなブックマーク拡張実装 (nanto_vi)</li>
</ul>
<h4></h4>
<p>[ 空白.38 ]</p>
<p>の前に</p>
<p>自己<br>
紹介</p>
<h4>自己紹介</h4>
<ul>
<li>舘野祐一 (<a href="http://blog.hatena.ne.jp/secondlife/">id:secondlife</a>)
<ul>
<li><a href="http://www.hatena.ne.jp/secondlife/">http://www.hatena.ne.jp/secondlife/</a></li>
</ul>
</li>
<li>Firefox 歴
<ul>
<li>メインブラウザ 1.5 年</li>
</ul>
</li>
<li>好きな拡張
<ul>
<li>Vimperator</li>
</ul>
</li>
</ul>
<h4>はてなブックマーク拡張</h4>
<ul>
<li>2009/04月リリース</li>
<li>150,000ダウンロード</li>
<li>30,000人強のアクティブユーザ</li>
<li>約12,500行の js コード</li>
<li>約3,500行の XML(xul/xpi)</li>
</ul>
<h4>なぜ Firefox を拡張を作ったか</h4>
<ul>
<li>はてブユーザとの親和性</li>
<li>拡張でしかできないこと</li>
<li>ブラウザプラットフォームの選択</li>
</ul>
<h4>はてブユーザとの親和性</h4>
<ul>
<li>はてなブックマークユーザ統計</li>
<li>Firefox が35%</li>
<li>35% のユーザがより便利に</li>
</ul>
<h4>拡張でしかできないこと</h4>
<p>特に…</p>
<ul>
<li>ブラウザの UI の作成</li>
<li>権限アクセス ( chrome 権限 )
<ul>
<li>ローカルへのデータ保持</li>
<li>cookie 等の取得</li>
<li>他の拡張のデータを利用</li>
</ul>
</li>
<li>データ処理の継続</li>
</ul>
<h4>ブラウザプラットフォームの選択</h4>
<ul>
<li>IE or Firefox</li>
<li>決め手は…
<ul>
<li>言語</li>
<li>オープンな情報</li>
</ul>
</li>
</ul>
<h4>言語</h4>
<ul>
<li>IE - .net (C++/C#/VB.net ...)</li>
<li>Firefox - JavaScript</li>
</ul>
<h4></h4>
<p>[ 空白.77 ]</p>
<p>JavaScript</p>
<p>Rediscover the JavaScript</p>
<h4>Rediscover the JavaScript</h4>
<p>10 年。<br>
世界が JavaScript の真の実力を発見するのに要した時間である。<br>
1995 年、Netscape 社の Brendan Eich により開発・設計された JavaScript は、「世界で最も誤解されたプログラミング言語」などと呼ばれもした、ともすれば不遇とすらいい得る歳月を経て、あたりのそこここに満ち充ちていた「Web の旧来的なインタラクションの窮屈さを革命したい」という思いによって、ふたたび表舞台に招来された。<br>
JavaScript は、Web の「あちら側」と「こちら側」とを取り結ぶ、もっとも古くてもっとも新しい、そして、もっとも重要な技術だ。次の 10 年を自らの手で創り出すために、我々は Shibuya.js を結成した。</p>
<p>Web 開発者の共通言語</p>
<h4>オープンな情報</h4>
<p>情報源</p>
<ul>
<li>IE
<ul>
<li>MSDN</li>
</ul>
</li>
<li>Firefox
<ul>
<li>
<p>MDC (ja)</p>
</li>
<li>
<p>Firefox ソース</p>
</li>
<li>
<p>AMO で公開されている拡張コード</p>
<ul>
<li>あとで説明</li>
</ul>
</li>
</ul>
</li>
</ul>
<h4>以上により Firefox を選択</h4>
<ul>
<li>
<p>言語: JavaScript</p>
</li>
<li>
<p>オープンな情報</p>
</li>
<li>
<p>オープンソースライセンスなコードがずらり</p>
</li>
</ul>
<p>Web 開発者にやさしい</p>
<h4></h4>
<p>[ 空白.101 ]</p>
<p>機能とこだわり</p>
<h4>機能とこだわり</h4>
<ul>
<li>ブックマークの保存</li>
<li>高速な同期</li>
<li>検索</li>
<li>Web との連携</li>
</ul>
<h4></h4>
<p>[ 空白.107 ]</p>
<p>ブックマーク保存</p>
<h4>ブックマーク保存</h4>
<ul>
<li>ブロックしないUI</li>
<li>ユーザ体験的に最速を目指す</li>
</ul>
<h4></h4>
<p>[ 空白.112 ]</p>
<p>実現するために…</p>
<ul>
<li>データのロード</li>
<li>データの保存</li>
<li>処理の継続</li>
</ul>
<h4>データのロード</h4>
<p>必要な情報</p>
<ul>
<li>自分のブックマークデータ
<ul>
<li>自分のコメント、タグなど</li>
</ul>
</li>
<li>はてブ上のデータ
<ul>
<li>おすすめタグ、タイトルや画像、お気に入り</li>
</ul>
</li>
</ul>
<h4>データのロード</h4>
<ul>
<li>ブックマークデータ
<ul>
<li>あらかじめデータをローカルに持っているので一瞬</li>
</ul>
</li>
<li>はてブ上のデータ
<ul>
<li>非同期ロード、ロード完了時にデータを表示</li>
<li>ロード完了時にレイアウトがほとんど変化しないように</li>
<li>レイアウトがずれると非常に違和感</li>
</ul>
</li>
</ul>
<p>ダイアログ表示は一瞬で</p>
<h4>データの保存</h4>
<ul>
<li>保存ボタンを押した瞬間にウィンドウを消去
<ul>
<li>ユーザ体験的には、ここで保存完了</li>
<li>demo</li>
</ul>
</li>
<li>サーバからレスポンスは待たない
<ul>
<li>サーバからのレスポンス後に、ローカルデータの更新</li>
</ul>
</li>
</ul>
<h4>データの保存</h4>
<p>サーバがエラー</p>
<ul>
<li>透過的なリトライ
<ul>
<li>リトライも失敗</li>
<li>ユーザに編集ダイアログで通知</li>
</ul>
</li>
</ul>
<h4>処理の継続</h4>
<ul>
<li>
<p>ブックマーク保存処理で UI待ちを発生させる必要は無し</p>
</li>
<li>
<p>bookmarklet 等では、HTML をまたいで処理が不能</p>
<ul>
<li>リロード、ページ移動、ページを閉じる、で処理がストップ</li>
</ul>
</li>
<li>
<p>拡張では、処理の継続が可能</p>
</li>
</ul>
<p>ブロックしない</p>
<h4></h4>
<p>[ 空白.161 ]</p>
<p>高速な<br>
同期</p>
<h4>高速な同期</h4>
<ul>
<li>インストール後に、サーバのデータと全同期</li>
<li>他の拡張に比べ高速
<ul>
<li>3000件のデータ同期に約30秒弱</li>
<li>サーバサイドからの転送コスト\d秒
<ul>
<li>plain text を split</li>
<li>XML/JSON のデータ構造では重い</li>
</ul>
</li>
<li>その後 DB との同期処理</li>
</ul>
</li>
</ul>
<h4>UI ブロックしないデータ処理</h4>
<ul>
<li>一気にデータ処理をすると Firefox の UI が止まる</li>
<li>200件処理で1秒ごとの wait を
<ul>
<li>200件処理に数10msかかる</li>
</ul>
</li>
<li>Firefox が少し重くはなるが、UI ブロックはしない</li>
</ul>
<h4>バックグランド処理とスレッド</h4>
<ul>
<li>拡張ではスレッドを利用可能</li>
<li>スリープ処理にスレッドをは使っているが、バックグラウンド処理には使わず
<ul>
<li>スレッドを使いこなすのが難しい
<ul>
<li>DOM はスレッドセーフではない</li>
<li>バックグラウンドスレッドから UI 処理をしてしまうと落ちる</li>
</ul>
</li>
</ul>
</li>
</ul>
<h4>バックグラウンドスレッドとUI</h4>
<ul>
<li>F: そんなに落ちるんですか？</li>
<li>Q: 落ちます
<ul>
<li>Application.console.log('mes');</li>
<li>alert('mes');</li>
</ul>
</li>
<li>その他意図しないところで</li>
</ul>
<h4></h4>
<p>[ 空白.195 ]</p>
<p>検索</p>
<h4>検索</h4>
<ul>
<li>複数の UI</li>
<li>それなりな速度で検索</li>
</ul>
<h4>検索の UI</h4>
<p>選べる三タイプ</p>
<h4>サイドバーからの検索</h4>
<ul>
<li>一般的に利用されている</li>
</ul>
<h4>アドレスバーからの検索</h4>
<ul>
<li>アイコンクリック</li>
<li>Ctrl - Shift を押してトグル</li>
</ul>
<h4>Vimperator からの検索</h4>
<ul>
<li>一番利用している(僕が)</li>
</ul>
<h4></h4>
<p>[ 空白.231 ]</p>
<p>SQLite</p>
<h4>SQLite</h4>
<ul>
<li>Firefox に内蔵の RDB</li>
<li>Q: 数万件のデータって Like 検索で実用できる速度？
<ul>
<li>A: できます</li>
</ul>
</li>
<li>50000件のデータ
<ul>
<li>1件もマッチしない Like 検索で 200ms ほど</li>
</ul>
</li>
<li>はてブ拡張では問題ない速度なので、SQLite をベタに利用</li>
</ul>
<h4></h4>
<p>[ 空白.242 ]</p>
<p>Web との連携</p>
<h4>Web との連携</h4>
<ul>
<li>Web 上の B! クリックで</li>
<li>Web からのデータ変更</li>
<li>Web 上にデータを表示</li>
</ul>
<h4>B! を押すと…</h4>
<ul>
<li>拡張ダイアログの表示
<ul>
<li>シームレスな連携を</li>
</ul>
</li>
<li>B! でなく、追加リンクなら何でも</li>
</ul>
<h4>Web 上からのデータの変更</h4>
<ul>
<li>Web サイト上でブックマークを追加/削除</li>
<li>拡張のデータも変更
<ul>
<li>URL をフックし、適宜データ更新</li>
</ul>
</li>
</ul>
<h4>HTML 上にデータを表示</h4>
<ul>
<li>Google / Yahoo
<ul>
<li>当初は決めうち</li>
</ul>
</li>
</ul>
<h4>HTML 上にデータを表示</h4>
<p>様々なサイトで</p>
<ul>
<li>HatenaStar の SiteConfig</li>
<li>wedata の LDRize SiteInfo
<ul>
<li>どこがタイトルで、どこが Permalink か</li>
<li>集合知の利用</li>
</ul>
</li>
</ul>
<h4></h4>
<p>[ 空白.281 ]</p>
<p>はてなブックマーク拡張<br>
ことはじめ</p>
<h4>はてなブックマーク拡張ことはじめ</h4>
<ul>
<li>Firefox 拡張事始め</li>
<li>テスト</li>
</ul>
<h4>Firefox 拡張事始め</h4>
<ul>
<li>拡張初体験・・・</li>
<li>最初は手探り</li>
<li>参考になった情報等いろいろ</li>
</ul>
<h4>ドキュメント</h4>
<ul>
<li>MDC (ja/en)
<ul>
<li>Google で mdc keyword で検索で大抵すぐ見つけられる
<ul>
<li>Google: MDC xmlhttprequiest</li>
</ul>
</li>
<li>ja -> en なグリモン
<ul>
<li><a href="http://subtech.g.hatena.ne.jp/secondlife/20090203/1233632679">http://subtech.g.hatena.ne.jp/secondlife/20090203/1233632679</a></li>
</ul>
</li>
</ul>
</li>
<li>インターフェイス ( nsIxxx )
<ul>
<li><a href="http://www.oxymoronical.com/experiments/apidocs/">http://www.oxymoronical.com/experiments/apidocs/</a></li>
</ul>
</li>
</ul>
<h4>ソースコード</h4>
<ul>
<li>addons.mozilla.org (AMO)
<ul>
<li>拡張たくさん！！！</li>
<li>実装したい機能 -> 実現してる拡張のソースを見る</li>
</ul>
</li>
<li>Firefox 本体
<ul>
<li>browser.js utilityOverlay.js</li>
</ul>
</li>
<li>Piro さんの拡張全般
<ul>
<li>読みやすい</li>
</ul>
</li>
<li>Tombloo
<ul>
<li>いろいろなテクニック・エッセンスが固まっている</li>
</ul>
</li>
</ul>
<h4>拡張開発用拡張</h4>
<ul>
<li>DOM Inspector
<ul>
<li>基本だけど大事</li>
</ul>
</li>
<li>QuickRestart
<ul>
<li>Firefox を即座に再起動</li>
</ul>
</li>
<li>Console2
<ul>
<li>コンソール強化</li>
</ul>
</li>
<li>SQLiteManager
<ul>
<li>SQLite データの確認に</li>
</ul>
</li>
<li>UxU
<ul>
<li>拡張テスティングフレームワーク</li>
</ul>
</li>
</ul>
<h4></h4>
<p>[ 空白.327 ]</p>
<p>テスト</p>
<h4>テスト</h4>
<p>コア部分の実装、の前にテスト環境を</p>
<ul>
<li>12,500 行のコード中
<ul>
<li>1,600 行がテスト</li>
</ul>
</li>
<li>初めての環境でのベストなテスト手法なんて解らない！</li>
<li>最低限のユニットテストを</li>
</ul>
<h4>UxU</h4>
<ul>
<li>渦</li>
<li>拡張のために作られた xUnit テスティングフレームワーク</li>
<li>UI からの実行、yield を利用した非同期テストなど</li>
<li>xUnit 互換、学習コスト低</li>
<li>拡張作成時には必須</li>
</ul>
<h4></h4>
<p>[ 空白.346 ]</p>
<ul>
<li>実装の手前まで</li>
<li>next: nanto_vi</li>
</ul>
<h4>はてなブックマーク Firefox 拡張の裏側</h4>
<ul>
<li>はてなブックマーク拡張</li>
<li>機能とこだわり</li>
<li>はてなブックマーク拡張ことはじめ</li>
<li>はてなブックマーク拡張実装 (nanto_vi)</li>
</ul>
<h4></h4>
<p>[ 終わりに ]</p>
<p>ご静聴有り難うございました</p>
<p>すべての Firefox, Mozilla に関わる方々</p>
<p>ありがとうございます</p>

2009年、11月9日に開かれた、 Firefox Developers Conference 2009 で、はてなブックマーク Firefox 拡張の話をしてきた資料です。実装についての話は、nanto_vi さんが資料を公開してくれると思います。資料の最後にも載ってますが、本当に Firefox 拡張開発に当たり、Mozilla/Firefox に関わる方々が公開してくださっている資料やコミュニュティの成果物に非常に助けられ、それらが無ければ開発は行えなかったと思います。Firefox Developers Conference に参加された方々、Mozilla Japan やその他 Mozilla コミュニュティの方々、Mozilla/Firefox に関わるすべての方々、どうもありがとうございます。はてなブックマーク Firefox 拡張の裏側はてな 舘野祐一(id:secondl

2009年、11月9日に開かれた、 Firefox Developers Conference 2009 で、はてなブックマーク Firefox 拡張の話をしてきた資料です。実装についての話は、nanto_vi さんが資料を公開してくれると思います。資料の最後にも載ってますが、本当に Firefox 拡張開発に当たり、Mozilla/Firefox に関わる方々が公開してくださっている資料やコミュニュティの成果物に非常に助けられ、それらが無ければ開発は行えなかったと思います。Firefox Developers Conference に参加された方々、Mozilla Japan やその他 Mozilla コミュニュティの方々、Mozilla/Firefox に関わるすべての方々、どうもありがとうございます。はてなブックマーク Firefox 拡張の裏側はてな 舘野祐一(id:secondlife)外山真 (id:nanto_vi)アジェンダはてなブックマーク拡張機能とこだわりはてなブックマーク拡張ことはじめはてなブックマーク拡張実装 (nanto_vi)[ 空白.38 ]の前に自己紹介自己紹介舘野祐一 (id:secondlife)http://www.hatena.ne.jp/secondlife/Firefox 歴メインブラウザ 1.5 年好きな拡張Vimperatorはてなブックマーク拡張2009/04月リリース150,000ダウンロード30,000人強のアクティブユーザ約12,500行の js コード約3,500行の XML(xul/xpi)なぜ Firefox を拡張を作ったかはてブユーザとの親和性拡張でしかできないことブラウザプラットフォームの選択はてブユーザとの親和性はてなブックマークユーザ統計Firefox が35%35% のユーザがより便利に拡張でしかできないこと特に…ブラウザの UI の作成権限アクセス ( chrome 権限 )ローカルへのデータ保持cookie 等の取得他の拡張のデータを利用データ処理の継続ブラウザプラットフォームの選択IE or Firefox決め手は…言語オープンな情報言語IE - .net (C++/C#/VB.net ...)Firefox - JavaScript[ 空白.77 ]JavaScriptRediscover the JavaScriptRediscover the JavaScript10 年。世界が JavaScript の真の実力を発見するのに要した時間である。1995 年、Netscape 社の Brendan Eich により開発・設計された JavaScript は、「世界で最も誤解されたプログラミング言語」などと呼ばれもした、ともすれば不遇とすらいい得る歳月を経て、あたりのそこここに満ち充ちていた「Web の旧来的なインタラクションの窮屈さを革命したい」という思いによって、ふたたび表舞台に招来された。JavaScript は、Web の「あちら側」と「こちら側」とを取り結ぶ、もっとも古くてもっとも新しい、そして、もっとも重要な技術だ。次の 10 年を自らの手で創り出すために、我々は Shibuya.js を結成した。Web 開発者の共通言語オープンな情報情報源IEMSDNFirefoxMDC (ja)Firefox ソースAMO で公開されている拡張コードあとで説明以上により Firefox を選択言語: JavaScriptオープンな情報オープンソースライセンスなコードがずらりWeb 開発者にやさしい[ 空白.101 ]機能とこだわり機能とこだわりブックマークの保存高速な同期検索Web との連携[ 空白.107 ]ブックマーク保存ブックマーク保存ブロックしないUIユーザ体験的に最速を目指す[ 空白.112 ]実現するために…データのロードデータの保存処理の継続データのロード必要な情報自分のブックマークデータ自分のコメント、タグなどはてブ上のデータおすすめタグ、タイトルや画像、お気に入りデータのロードブックマークデータあらかじめデータをローカルに持っているので一瞬はてブ上のデータ非同期ロード、ロード完了時にデータを表示ロード完了時にレイアウトがほとんど変化しないようにレイアウトがずれると非常に違和感ダイアログ表示は一瞬でデータの保存保存ボタンを押した瞬間にウィンドウを消去ユーザ体験的には、ここで保存完了demoサーバからレスポンスは待たないサーバからのレスポンス後に、ローカルデータの更新データの保存サーバがエラー透過的なリトライリトライも失敗ユーザに編集ダイアログで通知処理の継続ブックマーク保存処理で UI待ちを発生させる必要は無しbookmarklet 等では、HTML をまたいで処理が不能リロード、ページ移動、ページを閉じる、で処理がストップ拡張では、処理の継続が可能ブロックしない[ 空白.161 ]高速な同期高速な同期インストール後に、サーバのデータと全同期他の拡張に比べ高速3000件のデータ同期に約30秒弱サーバサイドからの転送コスト\d秒plain text を splitXML/JSON のデータ構造では重いその後 DB との同期処理UI ブロックしないデータ処理一気にデータ処理をすると Firefox の UI が止まる200件処理で1秒ごとの wait を200件処理に数10msかかるFirefox が少し重くはなるが、UI ブロックはしないバックグランド処理とスレッド拡張ではスレッドを利用可能スリープ処理にスレッドをは使っているが、バックグラウンド処理には使わずスレッドを使いこなすのが難しいDOM はスレッドセーフではないバックグラウンドスレッドから UI 処理をしてしまうと落ちるバックグラウンドスレッドとUIF: そんなに落ちるんですか？Q: 落ちますApplication.console.log('mes');alert('mes');その他意図しないところで[ 空白.195 ]検索検索複数の UIそれなりな速度で検索検索の UI選べる三タイプサイドバーからの検索一般的に利用されているアドレスバーからの検索アイコンクリックCtrl - Shift を押してトグルVimperator からの検索一番利用している(僕が)[ 空白.231 ]SQLiteSQLiteFirefox に内蔵の RDBQ: 数万件のデータって Like 検索で実用できる速度？A: できます50000件のデータ1件もマッチしない Like 検索で 200ms ほどはてブ拡張では問題ない速度なので、SQLite をベタに利用[ 空白.242 ]Web との連携Web との連携Web 上の B! クリックでWeb からのデータ変更Web 上にデータを表示B! を押すと…拡張ダイアログの表示シームレスな連携をB! でなく、追加リンクなら何でもWeb 上からのデータの変更Web サイト上でブックマークを追加/削除拡張のデータも変更URL をフックし、適宜データ更新HTML 上にデータを表示Google / Yahoo当初は決めうちHTML 上にデータを表示様々なサイトでHatenaStar の SiteConfigwedata の LDRize SiteInfoどこがタイトルで、どこが Permalink か集合知の利用[ 空白.281 ]はてなブックマーク拡張ことはじめはてなブックマーク拡張ことはじめFirefox 拡張事始めテストFirefox 拡張事始め拡張初体験・・・最初は手探り参考になった情報等いろいろドキュメントMDC (ja/en)Google で mdc keyword で検索で大抵すぐ見つけられるGoogle: MDC xmlhttprequiestja -> en なグリモンhttp://subtech.g.hatena.ne.jp/secondlife/20090203/1233632679インターフェイス ( nsIxxx )http://www.oxymoronical.com/experiments/apidocs/ソースコードaddons.mozilla.org (AMO)拡張たくさん！！！実装したい機能 -> 実現してる拡張のソースを見るFirefox 本体browser.js utilityOverlay.jsPiro さんの拡張全般読みやすいTomblooいろいろなテクニック・エッセンスが固まっている拡張開発用拡張DOM Inspector基本だけど大事QuickRestartFirefox を即座に再起動Console2コンソール強化SQLiteManagerSQLite データの確認にUxU拡張テスティングフレームワーク[ 空白.327 ]テストテストコア部分の実装、の前にテスト環境を12,500 行のコード中1,600 行がテスト初めての環境でのベストなテスト手法なんて解らない！最低限のユニットテストをUxU渦拡張のために作られた xUnit テスティングフレームワークUI からの実行、yield を利用した非同期テストなどxUnit 互換、学習コスト低拡張作成時には必須[ 空白.346 ]実装の手前までnext: nanto_viはてなブックマーク Firefox 拡張の裏側はてなブックマーク拡張機能とこだわりはてなブックマーク拡張ことはじめはてなブックマーク拡張実装 (nanto_vi)[ 終わりに ]ご静聴有り難うございましたすべての Firefox, Mozilla に関わる方々ありがとうございます

A Day in the Life

外部jsloader

外部jsloader

書いている人

おたよりを送る