<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>Web scratch &#187; 拡張機能</title> <atom:link href="http://efcl.info/tag/%e6%8b%a1%e5%bc%b5%e6%a9%9f%e8%83%bd/feed/" rel="self" type="application/rss+xml" /><link>http://efcl.info</link> <description>フリーソフトやFirefoxなどについて、web全般なサイト</description> <lastBuildDate>Sat, 21 Jan 2012 23:30:41 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Mozilla勉強会@東京 5thで「世界のJavaScript情報を読もう」という発表をしました</title><link>http://efcl.info/2011/0117/res2229/</link> <comments>http://efcl.info/2011/0117/res2229/#comments</comments> <pubDate>Sun, 16 Jan 2011 15:48:52 +0000</pubDate> <dc:creator>azu</dc:creator> <category><![CDATA[Firefox]]></category> <category><![CDATA[Jetpack]]></category> <category><![CDATA[アドオン]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[アウトライン]]></category> <category><![CDATA[勉強会]]></category> <category><![CDATA[拡張機能]]></category><guid
isPermaLink="false">http://efcl.info/?p=2229</guid> <description><![CDATA[Mozilla 勉強会@東京 5thでのLT枠で「世界のJavaScript情報を読もう」というタイトルで発表してきましたので、その補足などの記事。 以下が発表に使ったスライドとなります。 世界のJavaScript情報 [...]]]></description> <content:encoded><![CDATA[<p><a
title="Mozilla 勉強会@東京 5th" href="https://dev.mozilla.jp/events/workshop08/">Mozilla 勉強会@東京 5th</a>でのLT枠で「世界のJavaScript情報を読もう」というタイトルで発表してきましたので、その補足などの記事。<br
/> 以下が発表に使ったスライドとなります。</p><p><span
id="more-2229"></span></p><div
id="__ss_6580879" style="width: 425px;"><strong
style="display: block; margin: 12px 0 4px;"><a
title="世界のJavaScript情報を読もう" href="http://www.slideshare.net/efcl/javascript-6580879">世界のJavaScript情報を読もう</a></strong> <object
id="__sse6580879" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param
name="allowFullScreen" value="true" /><param
name="allowScriptAccess" value="always" /><param
name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=javascript-110115123611-phpapp02&amp;stripped_title=javascript-6580879&amp;userName=efcl" /><param
name="name" value="__sse6580879" /><param
name="allowfullscreen" value="true" /><embed
id="__sse6580879" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=javascript-110115123611-phpapp02&amp;stripped_title=javascript-6580879&amp;userName=efcl" name="__sse6580879" allowscriptaccess="always" allowfullscreen="true"> </embed></object><p><br
class="spacer_" /></p><div
style="padding: 5px 0 12px;">View more <a
href="http://www.slideshare.net/">presentations</a> from <a
href="http://www.slideshare.net/efcl">azu </a>.</div></div><p>途中でリンクの羅列が出てきますが、それらのサイトの詳細は以下の記事にまとめてあるため興味を持った方は見てください。</p><ul><li><a
title="今からRSS購読すべきタグと検索結果 | Web scratch" href="http://efcl.info/2010/1025/res2018/">今からRSS購読すべきタグと検索結果 | Web scratch</a></li><li><a
title="海外のJavaScript情報を見つけよう | Web scratch" href="http://efcl.info/2011/0116/res2185/">海外のJavaScript情報を見つけよう | Web scratch</a></li></ul><p>スライドを読むと分かりますが、世界のいろんなJavaScript情報を紹介するサイト<a
title="JSer.info" href="http://jser.info/">JSer.info</a>を公開しました。<br
/> このサイトを立ち上げた理由はスライドや<a
title="JSer.infoについて | JSer.info" href="http://jser.info/about">JSer.infoについて | JSer.info</a>に詳しく書いてあるため詳細を省きますが、一週間程度を目安にその時の(過去の内容も含むこともあります)JavaScriptの情報を紹介していくつもりです。<br
/> このサイトは現在Tumblrで運用していますが、Tumblrをブログとして使う準備は以下の記事にまとめてあります。</p><ul><li><a
title="Tumblrをブログとして使うためにやるべき事 | Web scratch" href="http://efcl.info/2011/0116/res2211/">Tumblrをブログとして使うためにやるべき事 | Web scratch</a></li></ul><p>もう少しノウハウが溜まってきたら<a
title="JSer.info" href="http://jser.info/">JSer.info</a>の方で取り上げるかもしれません。</p><dl><dt><strong>JSer.info</strong></dt><dd><a
title="JSer.info" href="http://jser.info/">http://jser.info/</a></dd></dl><h3>アウトラインメモ</h3><p>以下は参加時にメモを取った内容です。<br
/> メモ:Onenoteでメモを取った、プレゼンにはPowerPointとi-clickrを使用した。<br
class="spacer_" /></p><p
style="margin: 0in; font-family: Verdana;"><span
style="font-size: large;"><span
style="font-weight: bold;">スケジュール</span></span></p><ul
style="margin-left: 0.375in; direction: ltr; unicode-bidi: embed; margin-top: 0in; margin-bottom: 0in;" type="disc"><li
style="margin-top: 0pt; margin-bottom: 0pt; vertical-align: middle;"><span
style="font-family: Verdana; font-size: 10pt;">14:30 – 15:00: </span><span
style="font-family: &amp;amp;amp; font-size: 10pt;">開場、発表者準備</span></li></ul><ul
style="margin-left: 0.375in; direction: ltr; unicode-bidi: embed; margin-top: 0in; margin-bottom: 0in;" type="disc"><li
style="margin-top: 0pt; margin-bottom: 0pt; vertical-align: middle;"><span
style="font-family: Verdana; font-size: 10pt;">15:00 – 15:10: Opening</span></li><li
style="margin-top: 0pt; margin-bottom: 0pt; vertical-align: middle;"><span
style="font-family: Verdana; font-size: 10pt;">15:10 – 15:40: </span><span
style="font-family: &amp;amp;amp; font-size: 10pt;">アドオン開発の最新事情</span></li><li
style="margin-top: 0pt; margin-bottom: 0pt; vertical-align: middle;"><span
style="font-family: Verdana; font-size: 10pt;">15:40 – 16:30: Jetpack      Library </span><span
style="font-family: &amp;amp;amp; font-size: 10pt;">事始め</span></li><li
style="margin-top: 0pt; margin-bottom: 0pt; vertical-align: middle;"><span
style="font-family: Verdana; font-size: 10pt;">—– </span><span
style="font-family: &amp;amp;amp; font-size: 10pt;">休憩</span><span
style="font-family: Verdana; font-size: 10pt;"> 10 </span><span
style="font-family: &amp;amp;amp; font-size: 10pt;">分間</span><span
style="font-family: Verdana; font-size: 10pt;"> —–</span></li><li
style="margin-top: 0pt; margin-bottom: 0pt; vertical-align: middle;"><span
style="font-family: Verdana; font-size: 10pt;">16:40 – 17:10: Tumucumaque</span></li><li
style="margin-top: 0pt; margin-bottom: 0pt; vertical-align: middle;"><span
style="font-family: Verdana; font-size: 10pt;">17:10 – 17:25: Panorama</span><span
style="font-family: &amp;amp;amp; font-size: 10pt;">関連でちょっと作ってみた系</span></li><li
style="margin-top: 0pt; margin-bottom: 0pt; vertical-align: middle;"><span
style="font-family: Verdana; font-size: 10pt;">17:25 – 18:00: Lightning Talk      &amp; Free Discussion</span></li><li
style="margin-top: 0pt; margin-bottom: 0pt; vertical-align: middle;"><span
style="font-family: Verdana; font-size: 10pt;">—– </span><span
style="font-family: &amp;amp;amp; font-size: 10pt;">撤収、移動</span><span
style="font-family: Verdana; font-size: 10pt;"> 30</span><span
style="font-family: &amp;amp;amp; font-size: 10pt;">分</span><span
style="font-family: Verdana; font-size: 10pt;"> —–</span></li><li
style="margin-top: 0pt; margin-bottom: 0pt; vertical-align: middle;"><span
style="font-family: Verdana; font-size: 10pt;">18:30〜20:30: 懇親会 (新年会)</span></li></ul><p
style="margin: 0in; font-family: Verdana; font-size: 10pt;"> </p><p
style="margin: 0in; font-size: 8pt; color: #595959;"><span
style="font-family: &amp;amp;amp;">貼り付け元</span><span
style="font-family: Verdana;"> &lt; </span><a
href="https://dev.mozilla.jp/events/workshop08/"><span
style="font-family: Verdana;">https://dev.mozilla.jp/events/workshop08/</span></a><span
style="font-family: Verdana;">&gt; </span></p><p
style="margin: 0in; font-family: Verdana; font-size: 10pt;"> </p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;"><span
style="font-weight: bold;">アドオン開発の最新事情</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">Paacked</span><span
style="font-family: &amp;amp;amp;" lang="ja">アドオン</span></p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">高速化のため</span><span
style="font-family: Verdana;" lang="en-US">XPI</span><span
style="font-family: &amp;amp;amp;" lang="ja">のままインストールされるようになる</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">UI</span><span
style="font-family: &amp;amp;amp;" lang="ja">の変化</span></p><p
style="margin: 0in 0in 0in 0.375in; font-family: &amp;amp;amp; font-size: 10pt;">ステータスバーの廃止</p><p
style="margin: 0in 0in 0in 0.375in; font-family: &amp;amp;amp; font-size: 10pt;">パノラマ導入に伴うプロパティの追加</p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">Tabbrowser</span><span
style="font-family: &amp;amp;amp;" lang="ja">の構造の変化</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">Fennc</span><span
style="font-family: &amp;amp;amp;" lang="ja">では</span><span
style="font-family: Verdana;" lang="en-US">Content</span><span
style="font-family: &amp;amp;amp;" lang="ja">と</span><span
style="font-family: Verdana;" lang="en-US">Chrome</span><span
style="font-family: &amp;amp;amp;" lang="ja">のプロセス分離してるいるため</span><span
style="font-family: Verdana;" lang="en-US">gBrowser</span><span
style="font-family: &amp;amp;amp;" lang="ja">を使用していない。</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;"> </p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">アドオンマネージャー</p><p
style="margin: 0in 0in 0in 0.375in; font-family: Verdana; font-size: 10pt;" lang="en-US">32&#215;32 -&gt; 48&#215;48, 64&#215;64</p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">OS</span><span
style="font-family: &amp;amp;amp;" lang="ja">によっても少し異なる</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">XPCOM</span><span
style="font-family: &amp;amp;amp;" lang="ja">の変更</span></p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">インターフェイスの凍結は解除されて</span><span
style="font-family: Verdana;" lang="en-US">Jetpack</span><span
style="font-family: &amp;amp;amp;" lang="ja">が</span><span
style="font-family: Verdana;" lang="en-US">API</span><span
style="font-family: &amp;amp;amp;" lang="ja">を提供する</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">Jetpack</span><span
style="font-family: &amp;amp;amp;" lang="ja">でモバイルアドオンも開発</span></p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">1.1</span><span
style="font-family: &amp;amp;amp;" lang="ja">ぐらいで予定</span></p><p
style="margin: 0in 0in 0in 0.375in; font-family: Verdana; font-size: 10pt;"> </p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-weight: bold; font-family: Verdana;" lang="ja">Jetpack Library </span><span
style="font-weight: bold; font-family: &amp;amp;amp;" lang="ja">事始め</span><span
style="font-weight: bold; font-family: Verdana;" lang="en-US"> &#8211; </span><span
style="font-weight: bold; font-family: &amp;amp;amp;" lang="ja">あすかぜ</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;"> </p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">Jetpack prototype </span><span
style="font-family: &amp;amp;amp;" lang="ja">→</span><span
style="font-family: Verdana;" lang="en-US"> Jetpack SDK </span><span
style="font-family: &amp;amp;amp;" lang="ja">→</span><span
style="font-family: Verdana;" lang="en-US"> Addon SDK(feature-stable)</span></p><p
style="margin: 0in; font-family: Verdana; font-size: 10pt;" lang="en-US"> </p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">API</span><span
style="font-family: &amp;amp;amp;" lang="ja">の</span><span
style="font-family: Verdana;" lang="en-US">core</span><span
style="font-family: &amp;amp;amp;" lang="ja">ごとパッケージしてるのが</span><span
style="font-family: Verdana;" lang="en-US">prototype</span><span
style="font-family: &amp;amp;amp;" lang="ja">との違い</span><span
style="font-family: Verdana;" lang="en-US">(</span><span
style="font-family: &amp;amp;amp;" lang="ja">それぞれ独立してる</span><span
style="font-family: Verdana;" lang="en-US">)</span></p><p
style="margin: 0in; font-family: Verdana; font-size: 10pt;" lang="en-US"> </p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">コンテキストとウィジェット程度しかスイッチ的なものは存在していないので、必要なものは低レベル</span><span
style="font-family: Verdana;" lang="en-US">API</span><span
style="font-family: &amp;amp;amp;" lang="ja">を使って書かないとだめ。</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">低レベル</span><span
style="font-family: Verdana;" lang="en-US">API</span><span
style="font-family: &amp;amp;amp;" lang="ja">→</span><span
style="font-family: Verdana;" lang="en-US">Components</span><span
style="font-family: &amp;amp;amp;" lang="ja">オブジェクトへのアクセスや</span><span
style="font-family: Verdana;" lang="ja">タブやウィンドウ管理など</span></p><p
style="margin: 0in; font-family: Verdana; font-size: 10pt;"> </p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;"><span
style="text-decoration: underline;">再起動不要</span></p><p
style="margin: 0in; font-family: Verdana; font-size: 10pt;">拡張機能が無効化時に元に戻すのはライブラリの責任。</p><p
style="margin: 0in; font-family: Verdana; font-size: 10pt;">api-utilsのunloadモジュール</p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;"><span
style="text-decoration: underline;">バージョン非依存</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">バージョンにより</span><span
style="font-family: Verdana;" lang="en-US">Firefox</span><span
style="font-family: &amp;amp;amp;" lang="ja">の動作が変わる可能性があるところはライブラリが吸収する</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">API</span><span
style="font-family: &amp;amp;amp;" lang="ja">自体は変更しない</span></p><p
style="margin: 0in; font-family: Verdana; font-size: 10pt;" lang="en-US"><span
style="text-decoration: underline;">E10S</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">プロセス分離のコードネーム</p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">postMessage</span><span
style="font-family: &amp;amp;amp;" lang="ja">を使って非同期通信</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">Jetpack SDK &#8211;e10s</span><span
style="font-family: &amp;amp;amp;" lang="ja">のオプションで作成できる。</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana; text-decoration: underline;">Addon kit</span><span
style="font-family: &quot;MS Gothic&quot;; text-decoration: underline;">の高レベル</span><span
style="font-family: Verdana; text-decoration: underline;">API</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">Addon SDK</span><span
style="font-family: &amp;amp;amp;" lang="ja">で</span><span
style="font-family: Verdana;" lang="en-US">API</span><span
style="font-family: &amp;amp;amp;" lang="ja">の</span><span
style="font-family: Verdana;" lang="en-US">Listen</span><span
style="font-family: &amp;amp;amp;" lang="ja">モデルが変更された。</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;"> </p><p
style="margin: 0in; font-family: Verdana; font-size: 10pt;"><span
style="text-decoration: underline;">独自のライブラリ</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">独自のアイコンを追加する例</p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">アイコン追加</p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">XUL</span><span
style="font-family: &amp;amp;amp;" lang="ja">プログラミング的に</span><span
style="font-family: Verdana;" lang="en-US">Create</span><span
style="font-family: &amp;amp;amp;" lang="ja">して</span><span
style="font-family: Verdana;" lang="en-US">append</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">アイコン削除</p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">ウィンドウ追加</p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">ウィンドウ削除、拡張アンロード時</p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">それぞれの場合において動作を書く。</p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">ウィンドウの監視は</span><span
style="font-family: Verdana;" lang="en-US">onTrack,onUntrack</span><span
style="font-family: &amp;amp;amp;" lang="ja">で監視する。</span></p><p
style="margin: 0in; font-family: Verdana; font-size: 10pt;"> </p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">まとめ</p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">自作ライブラリを作ることで</span><span
style="font-family: Verdana;" lang="en-US">Jetpack</span><span
style="font-family: &amp;amp;amp;" lang="ja">の可能は大きく広がる。</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">XUL</span><span
style="font-family: &amp;amp;amp;" lang="ja">の構造を知ってる人は今でも必要です。</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;"> </p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">Addon Builder</span><span
style="font-family: &amp;amp;amp;" lang="ja">に自作ライブラリも登録できる。</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;"> </p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana; text-decoration: underline;">Virtual Park </span><span
style="font-family: Verdana; text-decoration: underline;">Tumucumaque</span><span
style="font-family: Verdana; text-decoration: underline;">(</span><span
style="font-family: &quot;MS Gothic&quot;; text-decoration: underline;">とぅむくまけ</span><span
style="font-family: Verdana; text-decoration: underline;">) &#8211; </span><span
style="font-family: &quot;MS Gothic&quot;; text-decoration: underline;">あかつきだいすけ</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">Mozilla Parks Project</span><span
style="font-family: &amp;amp;amp;" lang="ja">は</span><span
style="font-family: Verdana;" lang="en-US">Mozilla foundation</span><span
style="font-family: &amp;amp;amp;" lang="ja">のプロジェクトの一つ</span><span
style="font-family: Verdana;" lang="en-US">(Nakamoka</span><span
style="font-family: &amp;amp;amp;" lang="ja">とか自然公園</span><span
style="font-family: Verdana;" lang="en-US">)</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">生物の多様性をキーワードにしたアプリケーションの作成</p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="ja">Tumucumaque</span><span
style="font-family: &amp;amp;amp;" lang="ja">に関連する</span><span
style="font-family: Verdana;" lang="en-US">Tweets</span><span
style="font-family: &amp;amp;amp;" lang="ja">を集めてグラフィカル表現</span></p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">tree</span><span
style="font-family: &amp;amp;amp;" lang="ja">に関連するものから気を生やす</span></p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">Audio API</span><span
style="font-family: &amp;amp;amp;" lang="ja">を使ってマウスカーソルを中心とした音を流す</span><span
style="font-family: Verdana;" lang="en-US">(</span><span
style="font-family: &amp;amp;amp;" lang="ja">水なら水の音</span><span
style="font-family: Verdana;" lang="en-US">)</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">ゴール</p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">自然の現状</span><span
style="font-family: Verdana;" lang="en-US">+</span><span
style="font-family: &amp;amp;amp;" lang="ja">人の考える</span><span
style="font-family: Verdana;" lang="ja">Tumucumaque</span></p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">多様性</span><span
style="font-family: Verdana;" lang="en-US">(</span><span
style="font-family: &amp;amp;amp;" lang="ja">インターネットの多様性</span><span
style="font-family: Verdana;" lang="en-US">)</span></p><p
style="margin: 0in 0in 0in 0.375in; font-family: &amp;amp;amp; font-size: 10pt;">進化</p><p
style="margin: 0in 0in 0in 0.375in; font-family: &amp;amp;amp; font-size: 10pt;"> </p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-weight: bold; font-family: Verdana;" lang="ja">Panorama</span><span
style="font-weight: bold; font-family: &amp;amp;amp;" lang="ja">関連でちょっと作ってみた系</span><span
style="font-weight: bold; font-family: Verdana;" lang="en-US"> &#8211; teramako</span></p><p
style="margin: 0in; font-family: Verdana; font-size: 10pt;"><span
style="text-decoration: underline;">Panoramaをもう少しデスクトップっぽくする。</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">壁紙を貼る</span><span
style="font-family: Verdana;" lang="en-US"> &#8211; useChrome.css</span></p><p
style="margin: 0in 0in 0in 0.375in; font-family: Verdana; font-size: 10pt;">chrome://browser/content/tabview.html</p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">@moz-document</span><span
style="font-family: &amp;amp;amp;" lang="ja">などを駆使して</span><span
style="font-family: Verdana;" lang="en-US">HTML</span><span
style="font-family: &amp;amp;amp;" lang="ja">に</span><span
style="font-family: Verdana;" lang="en-US">CSS</span><span
style="font-family: &amp;amp;amp;" lang="ja">適応する</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">パノラマにガジェットを作る</p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">userChrome.js</span><span
style="font-family: &amp;amp;amp;" lang="ja">の特殊版みたいな</span></p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">SVG</span><span
style="font-family: &amp;amp;amp;" lang="ja">でクロックの拡大縮小の対応</span></p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">XUL</span><span
style="font-family: &amp;amp;amp;" lang="ja">で書かれていないので</span><span
style="font-family: Verdana;" lang="en-US">Script</span><span
style="font-family: &amp;amp;amp;" lang="ja">の埋め込みができない、</span><span
style="font-family: Verdana;" lang="en-US">link rel</span><span
style="font-family: &amp;amp;amp;" lang="ja">も同様</span></p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">MozJSSubScriptLoader</span><span
style="font-family: &amp;amp;amp;" lang="ja">で読み込ませる。</span></p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">パノラマは起動時には初期化処理が起きないので、</span><span
style="font-family: Verdana;" lang="en-US">tabview</span><span
style="font-family: &amp;amp;amp;" lang="ja">の提供してる</span><span
style="font-family: Verdana;" lang="ja">tabviewframeinitialized</span><span
style="font-family: &amp;amp;amp;" lang="ja">イベントを待つ。</span></p><p
style="margin: 0in 0in 0in 0.375in; font-family: &amp;amp;amp; font-size: 10pt;"> </p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-weight: bold; font-family: Verdana;" lang="en-US">Vertical Toolbar</span><span
style="font-weight: bold; font-family: &amp;amp;amp;" lang="ja">の紹介</span><span
style="font-weight: bold; font-family: Verdana;" lang="en-US"> &#8211; </span><span
style="font-weight: bold; font-family: Verdana;" lang="ja">Gomita</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">Opera</span><span
style="font-family: &amp;amp;amp;" lang="ja">の縦置きのツールバー</span></p><p
style="margin: 0in 0in 0in 0.375in; font-family: &amp;amp;amp; font-size: 10pt;">自動で隠す機能</p><p
style="margin: 0in 0in 0in 0.75in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">CSS transition</span><span
style="font-family: &amp;amp;amp;" lang="ja">で</span><span
style="font-family: Verdana;" lang="en-US">left-margin</span><span
style="font-family: &amp;amp;amp;" lang="ja">で隠している</span></p><p
style="margin: 0in 0in 0in 0.375in; font-size: 10pt;"><span
style="font-family: &amp;amp;amp;" lang="ja">右側配置は</span><span
style="font-family: Verdana;" lang="en-US">dir</span><span
style="font-family: &amp;amp;amp;" lang="ja">属性</span><span
style="font-family: Verdana;" lang="en-US">rtl</span><span
style="font-family: &amp;amp;amp;" lang="ja">をセットすると中身が逆転する</span></p><p
style="margin: 0in 0in 0in 0.375in; font-family: &amp;amp;amp; font-size: 10pt;"> </p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;"><span
style="font-weight: bold;">AMO の新開発者ツールとレビューシステム &amp; キミの知らない AMJ – by kohei.yoshino</span></p><p
style="margin: 0in; font-size: 10pt;"><span
style="font-family: Verdana;" lang="en-US">AMO</span><span
style="font-family: &amp;amp;amp;" lang="ja">の開発者ツールが新しくなった。</span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;"> </p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;"><span
style="font-weight: bold;">はじめてのもじらのばぐじらの歩き方（バグの立て方編）- by saneyuki <br
/> </span></p><p
style="margin: 0in; font-family: &amp;amp;amp; font-size: 10pt;">習うより慣れろ<br
/> メールの登録を有効利用する</p>]]></content:encoded> <wfw:commentRss>http://efcl.info/2011/0117/res2229/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Firefox Developers Conference 2010 アウトラインメモ</title><link>http://efcl.info/2010/1121/res2092/</link> <comments>http://efcl.info/2010/1121/res2092/#comments</comments> <pubDate>Sun, 21 Nov 2010 08:18:15 +0000</pubDate> <dc:creator>azu</dc:creator> <category><![CDATA[Firefox]]></category> <category><![CDATA[イベント]]></category> <category><![CDATA[Jetpack]]></category> <category><![CDATA[アドオン]]></category> <category><![CDATA[ハードウェア]]></category> <category><![CDATA[ブラウザ]]></category> <category><![CDATA[拡張機能]]></category><guid
isPermaLink="false">http://efcl.info/?p=2092</guid> <description><![CDATA[去年に引き続きFirefox Developers Conferenceに参加してきました。 一応メモをとりながら聞いていたのでとても読みにくいですが公開。 内容がまとめきれないのは仕様です。 公式に動画と各発表者の資料 [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://efcl.info/2009/1108/res1424/">去年</a>に引き続きFirefox Developers Conferenceに参加してきました。<br
/> 一応メモをとりながら聞いていたのでとても読みにくいですが公開。<br
/> 内容がまとめきれないのは仕様です。</p><p>公式に動画と各発表者の資料リンクをまとめたものが公開されました(2010/12/22)</p><dl><dt><strong>Firefox Developers Conference 2010</strong></dt><dd><a
title="Firefox Developers Conference 2010" href="http://mozilla.jp/events/2010/fxdevcon/">http://mozilla.jp/events/2010/fxdevcon/</a></dd></dl><p>Twitterのハッシュタグ<a
href="http://search.twitter.com/search?q=%23fxdevcon">#fxdevcon</a>を保存しておいたもの。</p><dl><dt><strong>Togetter &#8211; 「Firefox Developers Conference 2010」</strong></dt><dd><a
title="Togetter - 「Firefox Developers Conference 2010」" href="http://togetter.com/li/71239">http://togetter.com/li/71239</a></dd></dl><p>@<a
href="http://twitter.com/teramako">teramako</a>さんによる発表者の資料や参加者の感想などをまとめたブクマ</p><dl><dt><strong>はてなブックマーク &#8211; 特別でないただのブックマーク &#8211; fxdevcon</strong></dt><dd><a
title="はてなブックマーク - 特別でないただのブックマーク - fxdevcon" href="http://b.hatena.ne.jp/teramako/fxdevcon/">http://b.hatena.ne.jp/teramako/fxdevcon/</a></dd></dl><p>takanoさんによる動画(一部は著作権上の問題などがあるためない)</p><dl><dt><strong>YouTube &#8211; fxdevcon2010</strong></dt><dd><a
title="YouTube - fxdevcon2010" href="http://www.youtube.com/results?search_query=fxdevcon2010&amp;search=tag">http://www.youtube.com/results?search_query=fxdevcon2010&amp;search=tag</a></dd></dl><h3>キックオフ</h3><p>瀧田さんによる挨拶から始まる</p><h3>基調講演 Browsing Without Borders</h3><pre>Jay Sullivan (ジェイ・サリバン、Mozilla Corporation 製品担当バイスプレジデント)

Firefox1.0から6年が経った。
Mozillaはユーザーの立場に立って努力できる。(他は企業なのでできることとできないことがある)
6年か変化(4回)したFirefoxのロゴ
インターネットの環境も大きく変わってきたので、Mozillaのロードマップも考えていく必要性。

問題
mobile
    中立性をどう持つのか
クラウド
    コスト
    個人情報を何も考えずに入れちゃう人が多い
アプリ(apps)
ソーシャル
    法律とかが追いついてない
    Mozillaはユーザーに立場に立って何が起きてるのかを考える。
    共通基盤がないので、デベロッパーとしてはどうなのか。

mobile
    多種多様な端末が存在するので対応が大変。
    HTML5はその中はネイティブアプリの80%はできる。
クラウド
    同期がまず第一歩
    暗号化や安心などの点から選択が生まれる
アプリ
    mobileアプリはシンプル
    HTML5のアプリケーションを作るのに問題点としてビジネスサイドの問題がある。
    →app storeのような販売する場所が整ってない
ソーシャル
    ブラウザは立ち上げ台になるかも
    シンプルなAPIが欲しいとこ

ミッションに対する課題はインターネット環境の変化に伴って変化しているので
Mozillaもそれに対応していかないといけない。
その中心にブラウザはあるもの

最も高性能なものとしてでるのは「ゲーム」がある。

mobile
    モバイルブラウザ
    Android1.xにバックポートはしない
    ユーザーはモバイルとPCで同じUXを求めてるのかは疑問的
アプリ
    モバイルと密接な関係
    アプリは収益化のモデルが必要とされてる
    Open Web Appsを開始した理由
    まだ販売環境が整ってない感じなのでスタートアップしにくい。
    これのアプローチを探るためにOpen Web Appsの着手。
    現実世界の例をWebのapp storeに適応したらどうなるか?- 返品、競争 - apps store同士の競争
クラウド
    同期の重要性(Sync)
    データはクラウドに格納してどこでもアクセスできるユキビタスになると思ってる。
ソーシャル
    F1は手順を考える必要を省く手軽さを求めた

Love Hack!!

質問
幾度も繰り返された質問だけどiDeviceへのFirefoxの搭載について
    appleは許してくれない
    Firefox Syncとかの探り
アプリストア
    唯一のストアにはなるわけではない
FirefoxをOSに昇華してみては?
    市場出る必要があるので、投資が必要になる。
    Google Chrome OSとアンドロイドの場合は市場がAndroidを選んだ。
    市場をよく見る必要がある。
    FirefoxPhoneを考えたことはあった。そこからHTML5の課題を学ぶことができた。
</pre><h3>John Resig feat. Shibuya.js</h3><p>ライトニングトークいろいろ</p><pre>ECMA4の話 - John Resig
    クラス、継承など今まで全く違ったJavaScriptと別物だった。
    →これは多すぎるんじゃないかという問題
    Firefox、Adobeは賛成 　VS　ダグラス様、Google、MSは反対
    ECMA4のほとんどを削ってEMCA5が誕生した。

LLTiger報告 - gyuque

JS Modulatoreの話
    まだdevice要素がないので、送信しかできない

iPhoneをアレコレする - ku
    iEがない
    だけどデバッガーがないので、デバッグしにくい
    もっとデバッグを便利にしたい
    →Peekというアプリの誕生
    ソースコードの表示、インスペクト、

http://github.com/ku/peek

pixiv-tan - yksk
    pixiv wonderlandの解決(自分もpixivの中、直したいです…)
    prototype.jsとjQueryが混在してる
    →jQueryにまとめる
    まずグローバル関数の解決
    テストが余り書かれてない
    URL ディスパッチャー + LAB.js

processing.js  -John Resig
    exCanvasを使ったIE対応
    マウスストロークを追うコードが3行で書ける
    1.0ではWebGLもサポートしてる

JavaScriptをテストするときに考える10のこと - t_wada
    カスタムイベントでまとめることで、ロジックは同じものが使える
    ブラウザなくてもテスト可能にする
    テストの自動化
    まだテストの決定的なものがないなり

Chrome As A Server -kato kazuyoshi
    ChromeでMozRepl
    V8Debuggerを使ってる。
    Emacs上からブレークポイントをうてる

Node.jsにまつわる7つの誤解 - meso
    サーバーサイドJS
    イベント駆動I/Oのブロック問題はNode.js側が解決する。
    Node.jsは個人管理を脱却した

jQuery Mobile - John Resig
    いろんなモバイルデバイスをサポートする
    jQueryをモバイルに分けることはしたくなかったのでJQuery Coreを改良
        TestSwarmというツールを使用
    jQuery Mobieのフレームワークを作成
        UI、デバイスの幅に対応して"機能する"ものを作る

NetFront4のJavaScriptエンジンについて -ACESS

http://ja.wikipedia.org/wiki/NetFront_Browser

    レジスタベース(NO JIT)
    Inline Cache
    組み込みデバイスのスタックサイズの制限
    エラーしても強制的に落ちないように
    C言語で書かれていて、コンパイラによる違いを回避するため柔軟性持たせる
    SpiderMonkey &#60; NetFront 4(No JIT) &#60; TraceMonkey(JIT)
    時間かかかるしょりがあるとウォッチドックに引っかかるかもしれない
    → VM Executorを介して実行させる

Java MIP on HTML5 and Flash - yukoba
     JavaのクラスファイルからJavaScriptとFlash
    画面共有は命令だけを送って高速化

ECMA5の実装 - Constellation
    ECMA5の判断基準
    iv / lv5 (C++)
    仕様書に忠実なものを書きたい
    Shellを書いた
    ステートメントの区切りを管理して複数行継続が行える
    Spidermonkeyは脱ぐとスゴイ(JITなしで比較するとすごく早い)
</pre><h3>Firefox 4 &amp; Mobile</h3><pre>加藤 誠 (Mozilla Japan テクニカルアドバイザ)

Firefox4とスピード
起動時間
    汚いプロパティでボトルネックの調査(Talosテスト)
    メインスレッドのI/Oを減らす
     * 可能な限り非同期処理
     * Omni JAR
    StartUp Cache
        利用するJavaScriptファイルをJARにまとめる
WebGL
    OpenGLサポート
    Direct 3D 9
GPUアクセラレーション
    GPUアクセラレーションの利点は速度ではなく、CPUが空くことと電力効率の高さ
DirectWriteのサポート
    文字のジャギがきれいになる
    DirectWriteはα値が入ってるので少し薄く見える
Composition
    ハードウェアアクセラレーション
    Canvas
    CSS Transition
Video
    色空間変換(YUV-&#62;RGB)をGPUで行う
    動画はRGBではないので
    ブラウザにシェーダーが入ってる
JavaScript
    TraceMonkey
    jaegerMonkey
        x86プロセッサではSSE2サポートが必須
        Chrome上に対してはオフ
    Krakenというベンチマークで比較
Firefox 4 UI
    タブの位置
    Firefoxメニュー
    リロードボタンはsafari風
    ステータスバーが無くなってる。
    →リンクはアドレスバーに移動した
    →代わりにアドオンバーになった
Firefox Syncはデフォルトに
Panorama
Addon Manger
    アドオン管理画面の変更
Networking
    HTTP Strict Transport Secrity
XSS
    Content Security Policy
バリデーション
    ダウンロードしたコンテンツから悪意を防ぐ

モバイルFennec
    デスクトップと同じレンダリングエンジンを使用
    UIはUXのために変更してる。
    モバイルは画面サイズが違うのでPCそのままは残念なものになる
    FennecはChromeとContentでプロセス分離してる。
    →PCのFirefoxでもやるよ。
</pre><h3>Firefox Panorama</h3><pre>mitcho (アーリーワイン・マイケル芳貴)

タブの管理は面倒
人は空間というメタファを記憶することができる
    どこに何があるかを空間で把握してる
AzaがいくつかのUI実験を繰り返して作ってみた。
タブをグループ管理、Undo、Redo
→何かの作業に集中できる

Panoramaの開発
    TabCandyアドオンの開発(jQuery使ってた)
    jQueryをアドオン専用のiQというものにフォーク
    TabViewという名前になって、Panoramaという名前に正式決定。
    iframeのtabview.htmlが本体
    つまりPanoramaの中身はDOM的なもの

iQ
    邪魔なものは排除、Firefox/Gecko向けに特化したライブラリ
タブの整理の仕方
    溝を作ってタブグループの吸着をよくする
    場所が無くなったら縮小
    ウィンドウを小さくするとグループを縮小して空間の間隔を維持する

Jetpack SDKからrquire("panorama")
    TabItemsとiQオブジェクトにアクセスできる
</pre><h3>Jetpack に乗っかれないロートルのための、再起動いらずなアドオンの作り方 ～ Bootstrapped Add-on 詳説 ～</h3><pre>再起動なしのアドオン作成の作り方
Jetpack prototype
    再起動の仕組みはGreasemonkeyと似てる
Jetpack SDK
    ライブラリ+ビルト環境+テスト環境
    再起動なしの反映
        Bootstrapped ExtensionsというFirefox4からの仕組み
        3.6と4.xで再起動なしの仕組みが違う
Bootstrapped Extensionsの話
自分でinstallからuninstallまで管理しないといけない。
関数の書き換え系は危険なのでDOM 0なイベントの書き方はアウト。

loadOverlayはunloadできないのでJetpackでは使えない。
要素の変更は順番で駄目だったりすることがある。
=&#62;元に戻せるならOK、可逆的な変更のみ
「完全には元に戻せない時の不整合が蓄積」=&#62;これまで問題では無かったところが問題になることがある。
結論的にはJetpack SDKを使いましょう。
</pre><h3>トークセッション: HTML5 時代の技術で Web プラットフォームはどう変わるのか</h3><pre>*矢倉 眞隆 (株式会社 ミツエーリンクス、W3C HTML5 Japanese Interest Group 議長)
*村岡 正和 (HTML5-WEST.jp 共同設立者)
*浅井 智也 (Mozilla Japan テクニカルマーケティング)

"HTML5時代の技術" =&#62; HTML5の関連の技術という意味ではない。

*矢倉
TPAC 2010(W3Cの総会)についての話
    CSS WG - レイアウトの話
    HTML WG  - アクセシビリティ
    WebApps WG - 多種多様活発
        DOM 、Eventとかいろいろ
        Web DOM Coreを現実的な仕様へ
    DAP WG

WebApps WGとDAP WGが面白い

*村岡
    関西で活動
</pre><h3>大ライトニングトーク</h3><p>途中で電池切れました<br
/> メモできてないけど、<a
href="http://d.hatena.ne.jp/mooz/20101121/p1">ES Hamony の Proxy について #fxdevcon で LT してきました &#8211; mooz deceives you </a>よかった。</p><pre>*swdyh - クロスブラウザ拡張ライブラリ
     * Chrome
     * Firefox(Jetpack SDK)
     * Safari
     * Opera　それぞれに拡張機能ができた
    それぞれブラウザでやり方が異なる。
    →それを吸収するライブラリを作成する
    Extension.js
    ブラウザ拡張の互換性を吸収するライブラリ

*齋藤幸士 - モダンブラウザによるWebサービス拡張
    ソーシャルメディア時代
    Webサービスをもっとリッチにする(Twitter)
    オレオレ短縮URL

*kawanet - 3D JavaScript
    3次元の世界
    CSS3で実装
    トグルが実装されてた

*Takesako - Firefox HTML Parserの歴史
    ブラウザ毎に認識が違う
    IMGタグの認識で振り分け

*Gomita - Tab Scope 1.0 ~ CSS transition で魅せるXUL拡張機能 ~
    Firefox4向けにTab Scope拡張
...
</pre><p>メモ感想</p><p>去年と比べると全くの聞いたことないようなものってはかなり少なくなった。<br
/> どこかで一度聞いた、誰か言ってた気がするみたいな浅いレベルの情報があった感じが多かった。<br
/> 仕様書はあまり読んでなかったので、知らないことがあった。<br
/> NetFront4のJavaScriptエンジンの話は何か新鮮だったので、もっといろんな話が聞けたら良かったと思う。<br
/> John Resigさんに書いてる本がNinjaなのに表紙がSamuraiな件なのを聞くの忘れました。<br
/> ライトニングトークが多すぎる気がするので、もっと他の事に機会(時間)を与えた方がいい気がした。</p><dl><dt><strong>はてなブックマーク &#8211; 特別でないただのブックマーク &#8211; fxdevcon</strong></dt><dd><a
title="はてなブックマーク - 特別でないただのブックマーク - fxdevcon" href="http://b.hatena.ne.jp/teramako/fxdevcon/">http://b.hatena.ne.jp/teramako/fxdevcon/</a></dd></dl><dl><dt><strong>Togetter &#8211; 「Firefox Developers Conference 2010」</strong></dt><dd><a
title="Togetter - 「Firefox Developers Conference 2010」" href="http://togetter.com/li/71239">http://togetter.com/li/71239</a></dd></dl><dl><dt><strong>Firefox Developers Conference 2010</strong></dt><dd><a
title="Firefox Developers Conference 2010" href="http://mozilla.jp/events/2010/fxdevcon/">http://mozilla.jp/events/2010/fxdevcon/</a></dd></dl>]]></content:encoded> <wfw:commentRss>http://efcl.info/2010/1121/res2092/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>ページ移動時などに音を鳴らすアドオン「KIRISAKE」</title><link>http://efcl.info/2010/0821/res1906/</link> <comments>http://efcl.info/2010/0821/res1906/#comments</comments> <pubDate>Sat, 21 Aug 2010 05:27:05 +0000</pubDate> <dc:creator>azu</dc:creator> <category><![CDATA[Jetpack]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[UI]]></category> <category><![CDATA[アドオン]]></category> <category><![CDATA[拡張機能]]></category><guid
isPermaLink="false">http://efcl.info/?p=1906</guid> <description><![CDATA[またJetpack SDKで1つアドオンを作成してみました。リンクをクリックしてページ移動などの通信が始まった際に、風を切り裂くような音を出すアドオンです。 KIRISAKE :: Add-ons for Firefox [...]]]></description> <content:encoded><![CDATA[<p>またJetpack SDKで1つアドオンを作成してみました。<br
/>リンクをクリックしてページ移動などの通信が始まった際に、風を切り裂くような音を出すアドオンです。</p><ul><li><a
href="https://addons.mozilla.org/ja/firefox/addon/220208/">KIRISAKE :: Add-ons for Firefox</a> ダウンロード先</li><li><a
href="http://github.com/azu/JetpackSDK/tree/master/KIRISAKE/">KIRISAKE at master from azu&#8217;s JetpackSDK &#8211; GitHub</a> ソースコード</li></ul><p>作った理由ですが、<br
/>移動する際に音を出すと、ちゃんとリンクをクリックできたかなどが聴覚的にも認識できるのと、上記のような音を使う事でブラウザが少し早くなったような感じがします(I shallplease)</p><p>という後付けの理由があったりしますが、HTML5のAudioタグを使って見たかったというのが第一の要因です。<br
/>そういう気分になったのは中国のJetpackerのLT資料を見つけて、pageWorkerでhtmlファイルを読み込んでその中でAudioタグを鳴らすというサンプルが載っていたので実践してみました。<br
/>見つけたLTの資料はこれ<a
href="http://www.slideshare.net/littlebtc/jetpack-sdk-the-new-possibility-of-the-extensions-on-browser">Jetpack SDK: The new possibility of the extensions on browser</a></p><p>処理的にはたいしたことはやっていませんが、Jetpack SDKにはページ移動(ページを読み込みじゃなくて、通信が始まった瞬間)に反応するAPIはまだないような感じなので、nsIWebProgressを使った普通のFirefox拡張機能と同じように直に書きました。<br
/>Components.interfacesとか使う必要性が出てくるわけですが、Jetpack SDK0.6からはCiやCcというエイリアスがデフォルトではなくなったので、以下のようにrequireしてから使う必要があります。<br
/><a
href="https://dev.mozilla.jp/2010/07/jetpack-sdk-0-6/">Jetpack SDK 0.6 がリリースされました « Mozilla Developer Street (modest)</a></p><pre>var {Cc, Ci} = require("chrome");
</pre><p>ちなみにこのvar {a,b} = obj;みたいな表記は<a
href="https://developer.mozilla.org/ja/New_in_JavaScript_1.7#.e5.88.86.e5.89.b2.e4.bb.a3.e5.85.a5">分割代入</a>というJavaScript 1.7からの機能を使ったもので、</p><pre>var Cc = require("chrome").Cc , Ci = require("chrome").Ci;
</pre><p>というのと同様の意味になります。一部地域ではよく見かけるので覚えておくと便利です。</p><ul><li><a
href="http://nanto.asablo.jp/blog/2009/12/30/4784624">Kanasan.JS Jetpack ワークショップ: Days on the Moon</a></li><li><a
href="http://d.hatena.ne.jp/mooz/20100729/p1">JavaScript の分割代入まとめ &#8211; mooz deceives you</a></li></ul><p>参考サイト</p><ul><li><a
href="http://d.hatena.ne.jp/cou929_la/20100301/1267434283">Progress Listenersでロケーションバーのurl変更されたときに何かする &#8211; フリーフォーム フリークアウト</a></li><li><a
href="http://piro.sakura.ne.jp/latest/blosxom/mozilla/xul/2007-01-21_splitbrowser-subbrowser.htm">Latest topics &gt; Split Browser開発のよもやま話（6）：分割されたブラウザの作り込み &#8211; outsider reflex</a></li></ul><div
id="_mcePaste" style="position: absolute; left: -10000px; top: 108px; width: 1px; height: 1px; overflow: hidden;">Components.interfaces</div> ]]></content:encoded> <wfw:commentRss>http://efcl.info/2010/0821/res1906/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>拡張機能の有効状態を保存復元するuserChrome.js</title><link>http://efcl.info/2010/0516/res1699/</link> <comments>http://efcl.info/2010/0516/res1699/#comments</comments> <pubDate>Sun, 16 May 2010 13:46:24 +0000</pubDate> <dc:creator>azu</dc:creator> <category><![CDATA[userChome.js]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[userChrome.js]]></category> <category><![CDATA[アドオン]]></category> <category><![CDATA[拡張機能]]></category><guid
isPermaLink="false">http://efcl.info/?p=1699</guid> <description><![CDATA[Firefoxの拡張機能(アドオン)の有効になってるか無効になってるかを記録して保存できます。またその保存したものから各アドオンの有効の有無を復元することができます。 例えば、Firefoxの動作がおかしいなと感じて、ど [...]]]></description> <content:encoded><![CDATA[<p>Firefoxの拡張機能(アドオン)の有効になってるか無効になってるかを記録して保存できます。<br
/>またその保存したものから各アドオンの有効の有無を復元することができます。</p><p>例えば、Firefoxの動作がおかしいなと感じて、どのアドオンが原因なのかを調べるときに、調べる前の有効状態を保存してから、一個一個アドオンを無効化して試し、原因となるアドオンが分かったら有効状態を復元して直ぐに元通りにできます。</p><p>似たような事を行えるVimperatorプラグインがあります。</p><dl><dt><strong>アドオンの有効無効状態を保存＆復帰できるプラギン &#8211; Death to false Web browser! &#8211; vimperatorグループ</strong></dt><dd><a
title="アドオンの有効無効状態を保存＆復帰できるプラギン - Death to false Web browser! - vimperatorグループ" href="http://vimperator.g.hatena.ne.jp/nokturnalmortum/20100203/1265202872">http://vimperator.g.hatena.ne.jp/nokturnalmortum/20100203/1265202872</a></dd></dl><p>このスクリプトはuserMenu.jsが必要となるので、<a
href="../2010/0512/res1692/">userChrome.jsでメニュー拡張を追加できる「userMenu.js」 | Web scratch</a>を読んでuserMenu.jsを導入してからChromeフォルダのtoolmenuフォルダに入れてください。</p><ul><li><a
href="http://gist.github.com/raw/395918/ccd3c94c74fd552fa4f7069ef6a7f14c0a56bd7c/0001.%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3%E6%9C%89%E5%8A%B9%E7%8A%B6%E6%85%8B%E3%82%92%E4%BF%9D%E5%AD%98.S.js">0001.アドオン有効状態を保存.S.js</a></li></ul> <address>アドオンの状態はextensions.scriptprefs.GM_modoki.%u30A2%u30C9%u30AA%u30F3%u6709%u52B9%u72B6%u614B%u3092%u4FDD%u5B58.extsDisable</address><p>に保存されています。(JSON.parseして使う。)</p><p>userMenu.jsに付属していた0000.アドオンリストをタブに表示.L.jsを元にしました。</p><p>他の参考にしたもの</p><p>nsIExtensionManagerで使えるもの<strong><a
href="http://mxr.mozilla.org/mozilla/source/toolkit/mozapps/extensions/public/nsIExtensionManager.idl"><br
/>nsIExtensionManager.idl</a></strong></p><dl><dt>ダイアログの使い方。<br
/><strong>nsIPromptService &#8211; MDC</strong></dt><dd><a
title="nsIPromptService - MDC" href="https://developer-stage.mozilla.org/en/nsIPromptService#confirmEx%28%29">https://developer-stage.mozilla.org/en/nsIPromptService#confirmEx()</a></dd><dt>ダイアログの使い方。日本語ですがいろいろ抜けてます。</dt><dt><strong>Dialogs and Prompts &#8211; MDC</strong></dt><dd><a
title="Dialogs and Prompts - MDC" href="https://developer-stage.mozilla.org/ja/Code_snippets/Dialogs_and_Prompts">https://developer-stage.mozilla.org/ja/Code_snippets/Dialogs_and_Prompts<br
/></a></dd></dl>]]></content:encoded> <wfw:commentRss>http://efcl.info/2010/0516/res1699/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>縦置きタブバーとサイドバーを統合する拡張機能「Unified Sidebar」</title><link>http://efcl.info/2010/0205/res1563/</link> <comments>http://efcl.info/2010/0205/res1563/#comments</comments> <pubDate>Fri, 05 Feb 2010 07:22:13 +0000</pubDate> <dc:creator>azu</dc:creator> <category><![CDATA[アドオン]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[タブ]]></category> <category><![CDATA[拡張機能]]></category><guid
isPermaLink="false">http://efcl.info/?p=1563</guid> <description><![CDATA[firebugの縦置きタブバー(要アドオン)とサイバーを統合するUnified Sidebarというアドオンがリリースされました。 Latest topics &#62; 縦置きタブバーの下にサイドバーを統合するUnifi [...]]]></description> <content:encoded><![CDATA[<p>firebugの縦置きタブバー(要アドオン)とサイバーを統合する<a
href="https://addons.mozilla.org/ja/firefox/addon/72200/">Unified Sidebar</a>というアドオンがリリースされました。</p><dl><dt><strong>Latest topics &gt; 縦置きタブバーの下にサイドバーを統合するUnified Sidebarをリリースしたよ &#8211; outsider reflex</strong></dt><dd><a
title="Latest topics &gt; 縦置きタブバーの下にサイドバーを統合するUnified Sidebarをリリースしたよ - outsider reflex" href="http://piro.sakura.ne.jp/latest/blosxom/mozilla/extension/unifiedsidebar/2010-02-05_released.htm">http://piro.sakura.ne.jp/latest/blosxom/mozilla/extension/unifiedsidebar/2010-02-05_released.htm</a></dd></dl><p>対応してる縦置きタブバーの拡張は下の3種類みたいですが、知らせれば他のも対応してくれるかもしれないとのことです。</p><ul><li>ツリー型タブ</li><li>VertTabbar</li><li>Tab Kit</li></ul><p
style="text-align: left;">実際に統合するとしたような感じになります。</p><div
id="attachment_1565" class="wp-caption aligncenter" style="width: 142px"><a
href="http://efcl.info/wp-content/uploads/2010/02/sshot-2010-02-05-1.png"><img
class="size-medium wp-image-1565 " title="sshot-2010-02-05-1" src="http://efcl.info/wp-content/uploads/2010/02/sshot-2010-02-05-1-132x300.png" alt="" width="132" height="300" /></a><p
class="wp-caption-text">Tab kitと統合</p></div><p>画面の大きさと一度に開くタブの数によっては結構いい感じに扱えます。<br
/> 少しでも画面を広くするため、<a
href="https://addons.mozilla.org/ja/firefox/addon/9256">Hide Caption</a>を使ってタイトルバーを非表示にして、userChrome.cssでサイドバーのタイトル部分を非表示にしています。</p><pre>/* サイドバーのタイトル部分非表示*/
#sidebar-box &#62; sidebarheader{
    display: none !important;
}
</pre><dl><dt><strong>Unified Sidebar</strong></dt><dd><a
title="Unified Sidebar" href="https://addons.mozilla.org/ja/firefox/addon/72200/">https://addons.mozilla.org/ja/firefox/addon/72200/</a></dd><dt><strong>Hide Caption</strong></dt><dd><a
title="Hide Caption" href="https://addons.mozilla.org/ja/firefox/addon/9256">https://addons.mozilla.org/ja/firefox/addon/9256</a></dd></dl><div
id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;"><dl><dt><strong>タブバーを縦置きにする &#8211; Griever</strong></dt><dd><a
title="タブバーを縦置きにする - Griever" href="http://d.hatena.ne.jp/Griever/20090705/1246788480">http://d.hatena.ne.jp/Griever/20090705/1246788480</a></dd></dl></div>]]></content:encoded> <wfw:commentRss>http://efcl.info/2010/0205/res1563/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>タブをツリー表示できる拡張機能「Tab Tree」</title><link>http://efcl.info/2009/0307/res592/</link> <comments>http://efcl.info/2009/0307/res592/#comments</comments> <pubDate>Sat, 07 Mar 2009 10:56:01 +0000</pubDate> <dc:creator>azu</dc:creator> <category><![CDATA[アドオン]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[ショートカット]]></category> <category><![CDATA[タブ]]></category> <category><![CDATA[拡張機能]]></category><guid
isPermaLink="false">http://efcl.info/?p=592</guid> <description><![CDATA[Firefoxでタブをツリーライクな表示をするアドオンとしてツリー型タブ (Tree Style Tab)は有名だと思いますが、 このアドオンは本来のタブバーと置き換えてツリーにするので、競合などが起こりやすいです。 今 [...]]]></description> <content:encoded><![CDATA[<p>Firefoxでタブをツリーライクな表示をするアドオンとして<a
href="https://addons.mozilla.org/ja/firefox/addon/5890">ツリー型タブ (Tree Style Tab)</a>は有名だと思いますが、<br
/> このアドオンは本来のタブバーと置き換えてツリーにするので、競合などが起こりやすいです。</p><p>今回使う<a
href="http://park2.wakwak.com/%7Ebenki/">Tab Tree</a>はサイドバーで本来のタブバーとは別にツリーを作るため競合することはありません。(逆に言えば、タブバー上を拡張するアドオンは無意味になる。)<br
/> <a
href="http://park2.wakwak.com/%7Ebenki/">Tab Tree</a>を導入するとサイドバーにツリー型のタブバーを表示できるので、本来のタブバーが邪魔になります。<br
/> Tab mix plusや<a
href="http://piro.sakura.ne.jp/latest/blosxom/mozilla/extension/2006-02-17_tabtree.htm">userChrome.css</a>を使って非表示にする事ができます。<br
/> 初期状態だと、左のサイドバーにしか表示できないので他のサイドバーを表示すると隠れてしまいます。<br
/> それを改善するために、<a
href="https://addons.mozilla.org/en-US/firefox/addon/4534">MultiSidebar</a>を入れると便利です。<br
/> <a
href="https://addons.mozilla.org/en-US/firefox/addon/4534">MultiSidebar</a>はサイドバーを上下左右好きな場所に設置でき、たとえば右にTab Treeを移動した場合は、他のサイバーを開いてTab Treeのサイバーが閉じることはなくなります。<br
/> さらにサイドバーのタイトルも消せるので、スペースが節約できてます。<br
/> Tab Treeのサイバーを非表示/表示とトグルしたいときは、ツールバーにおけるボタンからもできますが、<a
href="https://addons.mozilla.org/ja/firefox/addon/6366">FireGestures</a>やキーボードショートカットのコマンドに</p><p>toggleSidebar(&#8216;viewTabTree&#8217;);<br
/> と書けばトグルすることができます。</p><p>追記<br
/> Tabmix Plusの代用方法<br
/> タブを閉じるときに直前にフォーカスしていたタブにフォーカスを当てる</p><dl><dt><strong>FLST (Focus Last Selected Tab)</strong></dt><dd><a
href="http://gorgias.de/mfe/">http://gorgias.de/mfe/</a></dd></dl><dl><dt><strong>dontCloseWindowWhenCloseLastTab.uc.js</strong></dt><dd><a
href="http://space.geocities.yahoo.co.jp/gl/alice0775/view/20080307/1204874853">http://space.geocities.yahoo.co.jp/gl/alice0775/view/20080307/1204874853</a></dd></dl><p>常に<span
class="ColorResultsClass">タブバー</span>を表示しない設定の場合に,最後のタブを閉じてもウインドウを閉じないようにする</p><div
id="attachment_593" class="wp-caption alignleft" style="width: 92px"><a
href="http://efcl.info/wp-content/uploads/sshot-5.png"><img
class="size-medium wp-image-593" title="sshot-5" src="http://efcl.info/wp-content/uploads/sshot-5-82x300.png" alt="導入後" width="82" height="300" /></a><p
class="wp-caption-text">導入後</p></div><dl><dt><strong>Tab Tree</strong></dt><dd><a
href="http://park2.wakwak.com/~benki/">http://park2.wakwak.com/~benki/</a></dd></dl><dl><dt><strong>MultiSidebar</strong></dt><dd><a
href="https://addons.mozilla.org/en-US/firefox/addon/4534">https://addons.mozilla.org/en-US/firefox/addon/4534</a></dd></dl><dl><dt><strong>FireGestures</strong></dt><dd><a
href="https://addons.mozilla.org/ja/firefox/addon/6366">https://addons.mozilla.org/ja/firefox/addon/6366</a></dd></dl><p><br
style="clear:both;" /></p>]]></content:encoded> <wfw:commentRss>http://efcl.info/2009/0307/res592/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>エラーページを便利にする拡張機能「ErrorZilla」とキャッシュページを探す「Resurrect Pages」</title><link>http://efcl.info/2008/0805/res299/</link> <comments>http://efcl.info/2008/0805/res299/#comments</comments> <pubDate>Tue, 05 Aug 2008 05:46:39 +0000</pubDate> <dc:creator>azu</dc:creator> <category><![CDATA[アドオン]]></category> <category><![CDATA[エラー]]></category> <category><![CDATA[キャッシュ]]></category> <category><![CDATA[拡張機能]]></category> <category><![CDATA[検索]]></category><guid
isPermaLink="false">http://efcl.info/?p=299</guid> <description><![CDATA[Webを巡っていると404などのエラーページに遭遇することがあります。 そこで、利用者はどうするかというとあきらめてまた後でくるか、グーグルのキャッシュを覗くなどのWebサービスを利用した閲覧をためしてみたりする。 そう [...]]]></description> <content:encoded><![CDATA[<p>Webを巡っていると404などのエラーページに遭遇することがあります。<br
/> そこで、利用者はどうするかというとあきらめてまた後でくるか、グーグルのキャッシュを覗くなどのWebサービスを利用した閲覧をためしてみたりする。</p><p>そういうWebサービスへのアクセスを助けてくれるアドオンとして「ErrorZilla」があります。<br
/> このアドオンは何かと派生が多いので、自分に合ったものを使えばいいかと。<br
/> 本家<a
href="http://roachfiend.com/archives/2006/08/28/errorzilla-useful-error-pages-for-firefox/">ErrorZilla</a>は更新していないので、</p><ul><li><a
href="https://addons.mozilla.org/ja/firefox/addon/3336">ErrorZilla Mod</a></li><li><a
href="https://addons.mozilla.org/ja/firefox/addon/5398">CrendKing</a></li></ul><p>辺りが候補になる。<a
href="https://addons.mozilla.org/ja/firefox/addon/5398">CrendKing</a>は<a
href="https://addons.mozilla.org/ja/firefox/addon/3336">ErrorZilla Mod</a>をベースにしていてプロクシを通してのアクセスが容易にできるように改良されています。</p><p>後はほぼ同一の機能で<br
/> - Google Cache (view the page cached by Google)<br
/> - Coralize (use Coral CDN proxy to connect again)<br
/> - Wayback (view an earlier version of this page)<br
/> - Ping (use a server to ping the target server)<br
/> - Trace (trace the network route from you to the server)<br
/> - Whois (look up who owns the website)</p><p>それぞれへのリンクがエラーページ上で表示されます。<br
/> 背景画像をlolifoxにした<a
href="https://addons.mozilla.org/ja/firefox/addon/4084">lolifox-ErrorZilla</a>なんてのもあります。</p><p>また同様にキャッシュへのアクセスを助けてくれる<a
href="https://addons.mozilla.org/en-US/firefox/addon/2570">Resurrect Pages</a>というアドオンも紹介。<br
/> <a
href="https://addons.mozilla.org/en-US/firefox/addon/2570">Resurrect Pages</a>は主に検索エンジンのキャッシュページへのアクセスをナビゲーションバー上のボタンもしくは右クリックから行うことができる。</p><p>o CoralCDN<br
/> o Google Cache<br
/> o Yahoo! Cache<br
/> o The Internet Archive<br
/> o MSN Cache<br
/> o Gigablast<br
/> o WebCite</p><p>主に海外の検索エンジンが使われています。</p> ]]></content:encoded> <wfw:commentRss>http://efcl.info/2008/0805/res299/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>[拡張機能]ニコニコ動画の普段と違う見方ができる「SmileSmile」</title><link>http://efcl.info/2008/0421/res148/</link> <comments>http://efcl.info/2008/0421/res148/#comments</comments> <pubDate>Mon, 21 Apr 2008 08:52:13 +0000</pubDate> <dc:creator>azu</dc:creator> <category><![CDATA[アドオン]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[Greasemonkey]]></category> <category><![CDATA[ニコニコ動画]]></category> <category><![CDATA[拡張機能]]></category><guid
isPermaLink="false">http://efcl.info/2008/0421/res148/</guid> <description><![CDATA[Smile SmileはFirefoxのアドオンでランキングをリスト化し見やすくするなど、ニコニコ動画で埋もれた動画を発見できたりするアドオンです。 主な機能は ・ニコニコ動画のランキング・マイページを解析しリスト化しま [...]]]></description> <content:encoded><![CDATA[<p><a
href="http://www013.upp.so-net.ne.jp/baroque/product/smilesmile/index.html">Smile Smile</a>はFirefoxの<strong>アドオン</strong>でランキングをリスト化し見やすくするなど、ニコニコ動画で埋もれた動画を発見できたりするアドオンです。</p><p>主な機能は</p><blockquote
cite="http://www013.upp.so-net.ne.jp/baroque/product/smilesmile/index.html" title="Smile Smile - Firefox add-on"><p>・ニコニコ動画のランキング・マイページを解析しリスト化します<br
/> ・Firefoxのブックマークや履歴を解析しリスト化します<br
/> ・大量の動画情報リストを高速に作成・表示することができます<br
/> ・通常のランク方式に加え、独自の採点方式により、ランキングに埋もれてしまっている勢いのある動画・注目されている動画を発見しやすくします<br
/> ・動画ダウンロード機能を有し、Firefoxのダウンロードマネージャを利用することにより安定したダウンロードプロセスを提供</p></blockquote><div
align="right"><cite><a
href="http://www013.upp.so-net.ne.jp/baroque/product/smilesmile/index.html">Smile Smile &#8211; Firefox add-on</a></cite></div><p>見たような動画のランキングデータを提供するサイトもありますが、それらのデータは決まった時間にクロールして集められたデータなので、常に最新のデータをみたいという人は利用してみると意外な発見なんかがあるかも。</p><p>自分の環境では上手く動いてくれませんでしたが、このように新しい視点で物事を見ると面白いかも知れない。</p> ]]></content:encoded> <wfw:commentRss>http://efcl.info/2008/0421/res148/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Firefoxのツールバーや検索窓をいじるアドオン</title><link>http://efcl.info/2008/0322/res113/</link> <comments>http://efcl.info/2008/0322/res113/#comments</comments> <pubDate>Sat, 22 Mar 2008 08:28:34 +0000</pubDate> <dc:creator>azu</dc:creator> <category><![CDATA[アドオン]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[拡張機能]]></category><guid
isPermaLink="false">http://efcl.info/2008/0322/res113/</guid> <description><![CDATA[普段から目に見えている箇所を強化させるアドオンの紹介です。 ステータスバーやツールバーなどを便利にすると意外と気持ちいい。 asdf-jkl 『asdf-jkl』はツールバーのショートカットキーをその場所にマウスを乗せる [...]]]></description> <content:encoded><![CDATA[<p> 普段から目に見えている箇所を強化させるアドオンの紹介です。<br
/> ステータスバーやツールバーなどを便利にすると意外と気持ちいい。</p><p><strong><a
href="http://code.google.com/p/asdf-jkl/">asdf-jkl<br
/> </a></strong></p><p>『<span
class="highlight">asdf</span>-jkl』はツールバーのショートカットキーをその場所にマウスを乗せるとポップアップ表示してくれるアドオン。<br
/> よく検索バーのショートカットは何だっけ？とか忘れるので地味に便利。(正解はCtrl+K)</p><ul><li><a
href="http://www.moongift.jp/2007/04/asdf-jkl/">MOONGIFT: » キーボードショートカット習得支援「asdf-jkl」</a></li></ul><p><strong><a
href="https://addons.mozilla.org/ja/firefox/addon/2025?application=firefox&amp;category=Navigation&amp;numpg=10&amp;id=2025">Active Stop Button</a></strong></p><p><a
href="https://addons.mozilla.org/ja/firefox/addon/2025?application=firefox&amp;category=Navigation&amp;numpg=10&amp;id=2025">Active Stop Button</a>は 中止ボタンを強化する感じで中止ボタンの代わりに置き換えられます。<br
/> 中止ボタンを読み込み時以外にも押せるようになります。ページ内のGIFを押すと停止しします。<br
/> 一番いいところはボタンを右クリックすると他のタブも読み込みを中止することができます。</p><p><strong><a
href="http://homepage3.nifty.com/georgei/extension/ftt.html">Find Toolbar Tweaks</a></strong></p><p>ページ内検索バーの挙動をいろいろ便利するアドオンです。<br
/> safariのような？スーパー強調モード(周りも変化する)や検索し終えた後に検索バーを閉じるのが楽になったり検索履歴を残すこともできます。<br
/> ページ内検索をよく使う人は入れても損はない。</p><ul><li><a
href="http://fxwiki.blog63.fc2.com/blog-entry-27.html">[New] Find Toolbar Tweaks &#8211; Firefox拡張機能 &#8211; Firefox更新情報Wikiブログ</a> <strong><br
/> </strong></li></ul><p><strong><a
href="http://searchbarautosizer.mozdev.org/">Searchbar Autosizer</a></strong></p><p><a
href="https://addons.mozilla.org/ja/firefox/addon/1172">Searchbar Autosizer</a>は上に付いてるグーグルなどの検索窓を便利にするアドオンで、検索バーの長さを入力に合わせて変化させたり、検索した後に検索窓を空にしたりと、かなり便利です。</p><ul><li><a
href="http://level.s69.xrea.com/mozilla/index.cgi?id=20060909_Autosizer">検索窓を自動リサイズする Searchbar Autosizer &#8211; えむもじら</a></li><li><a
href="http://www.ikimono.org/soft/searchbar-autosizer/">拡張：Searchbar Autosizer &#8211; Online soft</a></li></ul><p><strong><a
href="https://addons.mozilla.org/ja/firefox/addon/2995">Splash!</a></strong></p><p><a
href="https://addons.mozilla.org/ja/firefox/addon/2995">Splash!</a>はそのままですが、立ち上がりが遅いFirefoxに対してのイライラするのを軽減できるかも。<br
/> 起動時にスプラッシュ(画像)を表示することができます。画像は自分で用意しますが基本的に細かな設定をしなくてもいいので簡単に扱えます。(デザインを細かくも設定できます)<br
/> 起動が少し楽しく感じていい感じです。(起動時間自体はそこまで変化してないと思う。)</p><ul><li><a
href="http://banpe-yu.seesaa.net/article/31519134.html">Splash -Firefox拡張機能- &#8211; banpe-yu♪ &#8220;Firefox拡張機能 紹介&#8221;</a></li><li><a
href="http://mozilla-remix.seesaa.net/article/39825225.html">Mozilla Re-Mix: Firefox起動時に任意のスプラッシュスクリーンを表示する「Splash!」</a></li></ul><p><strong><a
href="https://addons.mozilla.org/ja/firefox/addon/1934">巻き戻し/早送りボタン</a></strong></p><p>これは知ってる方が多い思いますが、ドメイン毎の戻るや進むができる便利なボタンを追加することができます。</p><p><strong> <a
href="http://caspar.regis.free.fr/ahs/">autoHideStatusbar</a></strong></p><p><a
href="http://caspar.regis.free.fr/ahs/">autoHideStatusbar</a>はステータスバー(画面下のバーです。)を条件を指定して非表示にする事ができるアドオンです。<br
/> 普段非表示にしておけば少し画面を広く扱えるので便利です。<br
/> またリンク上なら表示、画面した何pxにマウスが来たら表示など表示する条件も指定できるので非表示にしても不便にならずにすみます。</p><ul><li> <a
href="http://oboegaki.nobody.jp/extensions/autohidestatusbar.html">autoHideStatusbar &#8211; 拡張機能のおぼえがき -</a></li><li><a
href="http://www.popxpop.com/archives/2007/06/firefoxautohidestatusbar.html">ステータスバーを要らないときは非表示にしてくれるFirefox拡張『autoHideStatusBar』 | POP*POP</a></li></ul><p>今回はこんな感じで、普段から目に見えているとこを改善していくと他のアドオンの印象も変わったりするので初めにいじっておきたい項目な気もします。</p> ]]></content:encoded> <wfw:commentRss>http://efcl.info/2008/0322/res113/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Firefoxの右クリックメニュー項目を並び替え、編集する</title><link>http://efcl.info/2008/0225/res82/</link> <comments>http://efcl.info/2008/0225/res82/#comments</comments> <pubDate>Mon, 25 Feb 2008 13:41:09 +0000</pubDate> <dc:creator>azu</dc:creator> <category><![CDATA[Firefox]]></category> <category><![CDATA[アドオン]]></category> <category><![CDATA[拡張機能]]></category><guid
isPermaLink="false">http://efcl.info/2008/0225/res82/</guid> <description><![CDATA[アドオンを増やしてくると右クリックメニューが煩雑になり、せっかくの拡張機能が塚づらくなってしまいます。 その右メニューの項目を削除したり並び替えたりするアドオンはいくつか存在します。 上から順に簡単→難しい Menu E [...]]]></description> <content:encoded><![CDATA[<p>アドオンを増やしてくると右クリックメニューが煩雑になり、せっかくの拡張機能が塚づらくなってしまいます。<br
/> その右メニューの項目を削除したり並び替えたりするアドオンはいくつか存在します。</p><p>上から順に簡単→難しい</p><p><a
href="http://mozilla.seesaa.net/article/2085013.html">Menu Editor 1.2.3 日本語版</a><br
/> <a
href="http://mozilla.seesaa.net/article/2085013.html">Menu Editor</a>は視覚的に判断して、右クリックメニューとツールバーのメニュー項目を編集できます。<br
/> しかし、何かと他の拡張と競合するので、インストールしてみて競合する場合は避けた方がいいかも。</p><p>もう一つのアドオンとしてMenuManipulatorがあります。</p><p>MenuManipulator</p><p><a
href="http://wikiwiki.jp/firefox/?cmd=read&amp;page=Ext%2FMenuManipulator" target="_blank">http://wikiwiki.jp/firefox/?cmd=read&amp;page=Ext%2FMenuManipulator</a><br
/> <a
href="http://mozilla.dorando.at/" target="_blank">http://mozilla.dorando.at/</a></p><p>これはFirefox1.5で更新が止まっているので、インストールするにはextensions.checkCompatibility をFalseにする必要があります。<br
/> 詳しくは<a
href="http://fxwiki.blog63.fc2.com/blog-entry-66.html" title="Firefox2.0に未対応な拡張機能を使うには？">Firefox2.0に未対応な拡張機能を使うには？</a> や<a
href="http://wikiwiki.jp/firefox/?%B8%DF%B4%B9%C0%AD">互換性について</a>を参照するといいでしょう。<br
/> 簡単に言えば互換性がありますよと言い張る処理をさせる必要があるのです。</p><p>MenuManipulatorメニューの並べ変えなど、複雑な処理もできます。<br
/> 使い方が少し複雑なのと情報が少ないのがアレデスね。</p><p>参考サイト<br
/> <a
href="http://blogs.dion.ne.jp/k_sn/archives/3016008.html">三軒隣の斜め向かい</a></p><p>もう一つは<a
href="http://firefox.geckodev.org/index.php?userchrome.css" title="userchrome.css">userChrome.css</a>を使う方法です。</p><p><a
href="http://firefox.geckodev.org/index.php?userchrome.css" title="userchrome.css">userChrome.css</a>はFirefoxのメニューなどをcssでいじくるものです。</p><ul><li><a
href="http://firefox.geckodev.org/?userchrome.css">userchrome.css &#8211; Mozilla Firefox まとめサイト</a></li><li><a
href="http://blog.livedoor.jp/blankcity/archives/15346691.html">小さな瞬き:Firefox &#8211; コンテキストメニュー(右クリックメニュー)の編集</a><span
style="text-decoration: underline"></span></li><li><a
href="http://suzumi.boo.jp/adanami/200505/01_2106.php">徒波｜不要なコンテキストメニューを非表示にする　【userChrome.css】</a></li><li><a
href="http://browserjs.blog102.fc2.com/blog-entry-600.html">Browser.js Firefox：Tips 9 Firefoxのコンテキストメニューを変更する</a></li></ul><p>などを参考にすれば右メニューの編集はできると思いますが、少し知識が必要な方法だと思います。</p><p>MenuManipulatorでclassやidを調べて(変更して)、 <a
href="http://firefox.geckodev.org/index.php?userchrome.css" title="userchrome.css">userChrome.css</a>で非表示にするのが弊害が出なくていい方法だと思う。</p><p><a
href="http://firefox.geckodev.org/index.php?userchrome.css" title="userchrome.css">userChrome.css</a>についてはもう一度書く変更かも。</p> ]]></content:encoded> <wfw:commentRss>http://efcl.info/2008/0225/res82/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 1/34 queries in 0.060 seconds using disk: basic
Object Caching 810/880 objects using disk: basic

Served from: efcl.info @ 2012-02-05 04:25:14 -->
