<?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; Firefox</title>
	<atom:link href="http://efcl.info/category/firefox/feed/" rel="self" type="application/rss+xml" />
	<link>http://efcl.info</link>
	<description>フリーソフトやFirefoxなどについて、web全般なサイト</description>
	<lastBuildDate>Wed, 10 Mar 2010 05:35:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Greasemonkey使ってないスクリプトを削除するメモ</title>
		<link>http://efcl.info/2010/0124/res1543/</link>
		<comments>http://efcl.info/2010/0124/res1543/#comments</comments>
		<pubDate>Sun, 24 Jan 2010 07:02:12 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Greasemonkey]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1543</guid>
		<description><![CDATA[Greasemonkeyで使ってないスクリプトを削除したい。
gm_scriptsディレクトリにあるconfig.xmlを編集
^(?!.*enabled="true").*$
を空に置換して有効になっているものだけを取 [...]]]></description>
			<content:encoded><![CDATA[<p>Greasemonkeyで使ってないスクリプトを削除したい。</p>
<p>gm_scriptsディレクトリにあるconfig.xmlを編集</p>
<pre>^(?!.*enabled="true").*$</pre>
<p>を空に置換して有効になっているものだけを取り出す</p>
<pre>^\n</pre>
<p>も空に置換して空の改行をなくす</p>
<pre>^.*?filename="(.*?)".*?basedir="(.*?)".*?$
を下のように置換して使っているファイルのパスを出す。
\2/\1</pre>
<p>なんかゴミが残ったりするので上の正規表現が適当なせい。</p>
<p>ここまでの手順で、使っているスクリプトの.jsまでのファイルパスが抽出できる。<br />
 で、こっからどうやってそれらのファイルだけを取り出せばいいのかがよくわからない。<br />
 こんな感じででる。(なんかいろいろおかしい)</p>
<pre>./googlenotebookcustomizer.user.js
pastedscripinstaller3.user.js.
simplestylegoogle_mania.user.js
hb_display_comment/hb_display_comment.user.js
.....
</pre>
<p>リストに載っているものを移動するときに(その方法すら浮かんでない)Requireしたものが含まれないとそんな問題もある。</p>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2010/0124/res1543/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TwitterのWebページをサイドバーで使うためのまとめ</title>
		<link>http://efcl.info/2009/1125/res1488/</link>
		<comments>http://efcl.info/2009/1125/res1488/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 13:41:58 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Greasemonkey]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1488</guid>
		<description><![CDATA[
Twitterのウェブサイトをクライアントとして使うのに役立つGreasemonkeyとCSS &#124; Web scratch
http://efcl.info/2009/0317/res613/

以前書いたような記事と [...]]]></description>
			<content:encoded><![CDATA[<dl>
<dt><strong>Twitterのウェブサイトをクライアントとして使うのに役立つGreasemonkeyとCSS | Web scratch</strong></dt>
<dd><a title="Twitterのウェブサイトをクライアントとして使うのに役立つGreasemonkeyとCSS | Web scratch" href="http://efcl.info/2009/0317/res613/">http://efcl.info/2009/0317/res613/</a></dd>
</dl>
<p>以前書いたような記事と似たような記事を書きましたが、今回はシンプルにサイドバーでTwitterのWebページを表示する方法です。<br />
 Greasemonkeyがサイドバーでも動作するようになったので、かなり快適になり、またWebページを表示するだけなので<strong>APIを使わない</strong>のが特徴です。</p>
<p><br class="spacer_" /></p>
<div id="attachment_1490" class="wp-caption alignnone" style="width: 131px"><a href="http://efcl.info/wp-content/uploads/2009/11/ss-2009-11-25-22-40-16.png"><img class="size-medium wp-image-1490" title="ss-2009-11-25-22-40-16" src="http://efcl.info/wp-content/uploads/2009/11/ss-2009-11-25-22-40-16-121x300.png" alt="最終的な似た目" width="121" height="300" /></a><p class="wp-caption-text">最終的な似た目</p></div>
<p><br class="spacer_" /></p>
<p>まずはCSSでサイドバーに合わせた形にする必要があります。</p>
<dl>
<dt><strong>nukumori wiki &#8211; Firefoxのサイドバーでtwitter.comするCSS</strong></dt>
<dd><a title="nukumori wiki - Firefoxのサイドバーでtwitter.comするCSS" href="http://nukumori.org/hiki/?TwitterSidebarCSS">http://nukumori.org/hiki/?TwitterSidebarCSS</a></dd>
</dl>
<p>にあるCSSを使ってサイドバーに合わせたものにしていきます。<br />
 使い方は書いてあるのでそれをよく読んでCSSを反映させます。<br />
(ブックマークするのは<a href="http://twitter.com/?sidebar">http://twitter.com/?sidebar</a> という適当なクリエを付けたURLです。<br />
 <a href="http://twitter.com/?sidebar">http://twitter.com/</a>だと通常見るときと混ざってしまうため。)</p>
<p>ブックマークではなく<a href="https://addons.mozilla.org/ja/firefox/addon/2707">Custom Buttons</a>を使ってtwitterをサイドバーに表示するボタンを作成する方法もあります。<br />
 Twitterをサイドバーに表示するボタンを作成しておきました。</p>
<ul>
<li><a title="Twitter sidebar" href="custombutton://%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Ccustombutton%20xmlns%3Acb%3D%22http%3A//custombuttons2.com/%22%3E%0A%20%20%3CCb2Ver%3E3.1.0%3C/Cb2Ver%3E%0A%20%20%3Cname%3ETwitter%20sidebar%3C/name%3E%0A%20%20%3Cimage%3E%3C%21%5BCDATA%5Bdata%3Aimage/png%3Bbase64%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%3D%5D%5D%3E%3C/image%3E%0A%20%20%3Cmode%3E0%3C/mode%3E%0A%20%20%3Ccode%3E%3C%21%5BCDATA%5Bvar%20title%20%3D%20%22Twitter%22%3B%0Avar%20uri%20%3D%20%22http%3A//twitter.com/%3Fsidebar%22%3B%0Avar%20sidebarTitle%20%3D%20document.getElementById%28%22sidebar-title%22%29.value%3B%0Avar%20sidebarBox%20%3D%20document.getElementById%28%22sidebar-box%22%29%3B%0Aif%20%28title%20%3D%3D%20sidebarTitle%29%20%7B%0A%09toggleSidebar%28%29%3B%0A%7D%20else%20%7B%0A%09openWebPanel%28title%2C%20uri%29%3B%20%20%0A%7D%5D%5D%3E%3C/code%3E%0A%20%20%3Cinitcode%3E%3C%21%5BCDATA%5B/*Initialization%20Code*/%5D%5D%3E%3C/initcode%3E%0A%20%20%3Caccelkey%3E%3C%21%5BCDATA%5B%5D%5D%3E%3C/accelkey%3E%0A%20%20%3Chelp%3E%3C%21%5BCDATA%5B%5D%5D%3E%3C/help%3E%0A%3C/custombutton%3E"><img style="margin: 0 6px;" src="data:image/png;base64,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" border="0" alt="Twitter sidebar" />Twitter sidebar</a></li>
</ul>
<ul>
<li><a href="http://gist.github.com/242683">userChrome.css</a><br />
 少し自分向けに修正したCSS(通常のTwitterページ向けも混ざってる)</li>
</ul>
<p>次により使い易くするためのGreasemonkeyを入れていく。</p>
<ul>
<li>
<div>
<div><span><a href="http://gist.github.com/242700">Twitter Enhancements: Press Ctrl + Enter to Send Update.user.js</a></span></div>
<div>
<div id="gist-embed" style="display: inline;">
<input style="display: none;" size="25" src="%22http://gist.github.com/242700.js?file=Twitter+Enhancements%3A+Press+Ctrl+%2B+Enter+to+Send+Update.user.js%22%3E%3C/script%3E" type=" mce_src=" value="&lt;script src=" /></div>
</div>
</div>
</li>
</ul>
<p>Ctrl+Enterでポストする。</p>
<ul>
<li><a href="http://gist.github.com/242666">Twitter Change Style.user.js</a></li>
</ul>
<p>自分の投稿や、特定のワードが入ってる投稿を色分けする<br />
 <cite></cite><a href="../2009/0317/res613/%5C">tyoro.exe: 投稿内容からマッチングしてスタイル変えるグリモン書いたよ！</a></p>
<ul>
<li><a href="http://gist.github.com/242701">TwitterAutoReloader.user.js</a></li>
</ul>
<p>自動更新の差分を自動で取得<br />
 <a href="http://hazisarashi.com/2009/11/17/twitter-web%E3%81%AE%E8%87%AA%E5%8B%95%E5%B7%AE%E5%88%86%E6%9B%B4%E6%96%B0greasemonkey%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E3%82%92%E6%9B%B8%E3%81%84%E3%81%A6%E3%81%BF%E3%81%9F/">Twitter webの自動差分更新Greasemonkeyスクリプトを書いてみた « H.LOG</a></p>
<p><br class="spacer_" /></p>
<p>自分は入れてませんが基本的にはTwitterのWebページと同じなので、</p>
<ul>
<li><a href="http://twitter.trauma2u.com/pbtweet/">PBTweet+</a></li>
<li><a href="http://userscripts.org/scripts/show/40617">troynt&#8217;s Twitter Script</a></li>
</ul>
<p>など入れるのもありかもしれない。</p>
<p><br class="spacer_" /></p>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2009/1125/res1488/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Firefox Developers Conference 2009 アウトラインメモ</title>
		<link>http://efcl.info/2009/1108/res1424/</link>
		<comments>http://efcl.info/2009/1108/res1424/#comments</comments>
		<pubDate>Sun, 08 Nov 2009 13:33:59 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Greasemonkey]]></category>
		<category><![CDATA[アドオン]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1424</guid>
		<description><![CDATA[Firefox Developers Conference 2009に参加して適当にメモを取っていたので一応公開。 
 とても読みづらく、まとまっていません。 またトークセッションなど力尽きているところもあるので真剣に読 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://mozilla.jp/events/2009/fxdevcon/">Firefox Developers Conference 2009</a>に参加して適当にメモを取っていたので一応公開。 <br />
 とても読みづらく、まとまっていません。 またトークセッションなど力尽きているところもあるので真剣に読んではいけない。</p>
<p><span id="more-1424"></span></p>
<h3 id="c4733f54d4-2"><span style="font-size: 1.14em; font-family: ＭＳ ゴシック; color: #000000;">キックオフ</span></h3>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">女王の挨拶</span></div>
<h3 id="b70789ff7-2"><span style="font-size: 1.14em; font-family: ＭＳ ゴシック; color: #000000;">The next 3 years</span></h3>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">今の進化はブラウザに依存</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">identity</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">OpenID</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">失敗</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">HTML5 local storage</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">サービス側が情報を持つ必要がなく、ブラウザ内に保持していける時代</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">ソーシャル</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">99 &#8211; 中国のチャットクライアント</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">統合性</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">Firefox 3.5のGPSサポート</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">すべてブラウザ経由で行えるように</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">タスク中心(ユビキタス)</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">GUI &#8211; 言語というものを無視してる</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">今まで、サービスにいってサービスを受けていたが、今はサービスを持ってきてその場で実行できる。</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">今やりたいことをその場でできるので、ユーザーはその場で何をするのかだけを考える</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">ハッカー性</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">jetpack</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">jetpackはすぐ書ける</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">jQueryとの相性が良い。</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">ブラウザのrestartが必要なくその場で適応できる</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;"><strong>将来の互換性は保持</strong>する方向(API方式)</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">jetpackとセキュリティ</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">スケーラブルな仕組みを作る</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">jetpackギャラリーは来週公開</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">jetpack</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">superpower</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">低レベルなところ</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">Library</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">今のjetpack</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">APIを叩く際に仕様</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">sandbox</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">サンドボックス</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">the web is now yours</span></div>
<h3 id="e392a2d1b7-2"><span style="font-size: 1.14em; font-family: ＭＳ ゴシック; color: #000000;"> 「Mozilla: Web の未来を定義する」</span></h3>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">プラットフォーム</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">3つの視点でブラウザを見る</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">POWER</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">local storage</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">scriptable hardware</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">リッチメディア</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">バッテリー、 GPS 、デバイスもブラウザの API で操作</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">ハードとの結合</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">まだ実験段階 -　WebGLより前の段階</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">BONDIとの取り組み</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">audio &amp; video</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">web file</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">ogg</span></div>
<div style="margin: 0em 0em 0em 6.06em;"><span style="color: #000000;">フリーで使用できるので使いやすい</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">Canvas</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">Geolocation</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">wifiからの場所の検知</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">http://mozilla.jp/firefox/features/geolocation/</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">http://lab.cirius.co.jp/FirefoxGeolocationTest</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">方向の検知(モバイル向け)</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">app cache</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">application cache</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">一つのページをローカルに保存に、バージョンの変更のみを確認する</span></div>
<div style="margin: 0em 0em 0em 6.06em;"><span style="color: #000000;">app内でもローカルに保存できる</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">オフラインでもアプリを利用できるように</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">Firefox 3.5で対応</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">beauty</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">タイポグラフィへの対応 3.6以降～</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">CSSでデザインフォント</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">CSS Transition は firefox 3.7 ～</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">media querity</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">画面の大きさに対してCSSを合わせる技術</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">Downloadable font</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">現在はTTFのみ対応</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">現在のフォントをダウンロードするには大きい</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">新しいフォント形式の定義 &#8211; WOFF</span></div>
<div style="margin: 0em 0em 0em 6.06em;"><span style="color: #000000;">プラットフォームに依存しないフォント</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">SVC</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">ベクターグラフィックの画像</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">WebGL</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">ブラウザでの3D</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">o3D と WebGL</span></div>
<div style="margin: 0em 0em 0em 6.06em;"><span style="color: #000000;">OGLは高いレイヤーなもの(API的) -　Googleが取り組んでる</span></div>
<div style="margin: 0em 0em 0em 6.06em;"><span style="color: #000000;">WebGLは低いレイヤーで使用できる</span></div>
<div style="margin: 0em 0em 0em 6.06em;"><span style="color: #000000;">アプローチが違う</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">ハードウェアに個体差について</span></div>
<div style="margin: 0em 0em 0em 6.06em;"><span style="color: #000000;">まだ判断できない</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">Speed</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">マルチコアを十分使えるように</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">コンテンツ処理部分を別のプロセスで実行できるように &#8211; Chromeと同様</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">Tracemonkeyエンジン</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">Web worker</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">javascript内でスレッド処理</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">負荷が大きいものを別スレッドで実行することでレンダリングに影響が出ない</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">native JSON</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">Agility</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">機敏な開発ができるように</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">モバイル</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">モバイル向けのブラウザ</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">デスクトップとの連動 &#8211; 同期機能 weave</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">年内にリリース予定</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">NOKIAとのアクティブに取り組み</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">WM と Androidの対応予定</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">Androidはいけいけ</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">iPhone向けの話</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">appleからの制約でブラウザの開発はできない</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">将来的にでる可能性は低い</span></div>
<h3 id="ea265a7dbe-2"><span style="font-size: 1.14em; font-family: ＭＳ ゴシック; color: #000000;">B1 「3 分 Jetpacking」</span></h3>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">あかつかだいすけ &amp; Gomita</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Jetpackとは</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">導入の敷居</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">再起動が必要ない</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">開発の敷居</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">Javascriptオンリーで開発できる。(+API)</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">互換性</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">APIにより互換性は保持する</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">アドオンの問題点</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">再起動の必要性 &#8211; 試すのに億劫</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">作成方法が煩雑(XUL ,CSS ,javasript)</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">Firefoxのバージョンアップに対して対応仕切れてないアドオンがある。</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">Jetpackのインストール</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">Jetpackのfeatureがあるページではアドオンみたいなポップアップが表示される。</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">→確認ページに移動しインストール</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">編集したらリフレッシュページにアクセスすると反映される</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">featureの確認</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">about::jetpackページで確認する</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">開発手法</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">about::jetpackページからコードを入力してその場で実行</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">リアルタイムで動作を確認できる。</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">APIリファレンスもabout:jetpackで確認</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">console.log </span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">statusBar</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">append</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">sideBar</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">append</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">jetpack.tabs</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">タブの配列にアクセスできる</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">onReady</span></div>
<div style="margin: 0em 0em 0em 6.06em;"><span style="color: #000000;">タブを読み込んだ際の処理</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">UIのデザインにはhtml、E4Xを使える</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">jQueryがデフォルトで使用できる</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">課題</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">仕様が不透明</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">エディタが使いにくい</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">各自のエディタを使用できるように</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">別ファイルの使用の組み込みが難しい</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">1feature に対して1ファイル</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">セキュリティ</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">オートアップデートに対しての不安</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">APIとドキュメント不足</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">公開サイトが存在してない</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">modestでドキュメントを作成していく予定</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">http://dev.mozilla.jp/</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">Jetpack同士の連携ができない</span></div>
<h3 id="bdf8ad1c1-2"><span style="font-size: 1.14em; font-family: ＭＳ ゴシック; color: #000000;">A2 「ね、簡単でしょ？ すぐできる拡張機能レシピ」</span></h3>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">株式会社マピオン</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">http://labs.mapion.co.jp/</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">拡張の中身</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">install.rdf</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">idは一意である必要があるのでドメイン名など</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">overlay.xul</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">XULないでjavascriptを書ける</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">chrome.manifest</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">拡張で使用するリソースの定義</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">マピオンの宣伝</span></div>
<h3 id="b-2"><span style="font-size: 1.14em; font-family: ＭＳ ゴシック; color: #000000;">A3 「ビッツにおける拡張機能開発 (Wired-Marker 他)」</span></h3>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">ピッツ株式会社　- 生命情報処理の専門家</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Hyperanchor</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">位置をXPathを記録する</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">ハイライトの形式をCSSもURIに保存する</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">コンテキストメニューのような共有するノードに対して実装する場合は構造が変化する可能を考える</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">XSL</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">拡張可能なスタイルシート言語</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">XSLT</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">XML文章を構造の異なるXML構造に変換する</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">AMO</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">反映まで2週間程度</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">別途公開サイトを持っておくと良い</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">不具合があるバージョンを公開すると一気にユーザー数が減少する</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">AMOに不具合報告を書く人も多い</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">実験的なアドオン(sandbox)はほとんど反応がない</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">問い合わせの対応</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">同様の質問が多いのでFAQを充実させる</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">フィードバックの内訳: 賞賛:5-7割、質問:1-5割、苦情:2割、要望:2-4割、ビジネス:希少</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">日本人は問い合わせが少ない</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">海外は活発→英語ロケールの対応はメリット</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">welcomeページ (インストール後の起動で表示されるページ)</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">ここにバージョンを引数にして渡すことでバージョンや言語の割合などを把握</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">AMOでも言語の割合はとれるようになった。</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">新バージョンの通知なども可能(バージョンアップの促し)</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">公開後のまとめ</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">英語ロケールに対応</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">レビューがつきやすい</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">問い合わせが活発</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">Mozilla スタッフと仲良くなると、いろいろ助かる</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">辞書アドオン</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">SQLite</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">熟語の検索は長い単語列から単語を少なくしていく</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">企業とFirefox</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">宣伝／広告として作用</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">新規開発案件開発、各種媒体への露出などを獲得して回収</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">テーマが重要</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">ニッチな分野</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;"><strong>3～4万程度のアクティブユーザー</strong></span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">ユーザーのエクスペリエンスとFirefoxの下位バージョンのサポートのバランス</span></div>
<h3 id="d23c76ee-2"><span style="font-size: 1.14em; font-family: ＭＳ ゴシック; color: #000000;">トークセッション</span></h3>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">ゲスト: Amachang (天野 仁史)、Piro (下田 洋志)、Aza Rakin</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">モデレータ: 有限会社オングス　後藤 大地</p>
<p> </span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「UIを大きくいじるものはまだできない。<br />
 リファレンスが貧弱で更新が行き届いていない。<br />
 とっかかりとなるところが少ない」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「使いやすさ、機能、セキュリティのどの位置にJetpack位置づけるのかを考える。<br />
 すべての一度に解決するとどれも解決できない→セカンドシンドローム<br />
 なので、どれかの機能をあきらめなければならない。<br />
 ハイエンドユーザーがJetpack自体を拡張できるような形を作りたい。」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「多くのユーザー使っているAPIは他の人が安心して使っていける。<br />
 今は頻繁に変わって開発者も触りにくい」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「1.0までは自由にいじれる。1.0からは安定したものを渡せる」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Amachang「なんでjQueryがデフォルト?」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「好きだから。」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Amachang「重くならない?」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「ライブラリを使わないのはクレイジー」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「jQueryはjQuery言語だから新しく覚えないといけない」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「jQueryは作りやすい。将来的には他のものを使えるようにしたい」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「今回Jetpack featureを作ったとき、アニメーションは楽に適応できた。<br />
 そういう点ではライブラリは簡単でいいもの。<br />
 他のライブラリ(dojo,prototype.js)は使えるようになるの?」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「URLでのimportで他のライブラリを使えるようにする。</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">CPAN的な仕組み。<br />
 セキュリティについてもチェックする必要がある。」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「古いアドオンが将来的には0になるの?」<br />
 Aza「古いスタイルのアドオンが0になるのは望んでいない<br />
 Firefox4の段階でJetpackが優勢になる状態を作りたい。」<br />
 piro「オブジェクト汚染や他のアドオンに影響を与える可能性は?」<br />
 Aza「Jetpackは他のものに影響を与える可能性は大きい。」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「今のJetpackはhttpsでは無いところにアップデート見に行ってる」<br />
 Aza「将来的にはアドオンと同じような仕組みもあり得る。<br />
 後はmanifestの仕組み。manifestは将来変わらないように作る」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Amachang「UIについて。今のUIについて不満に思っていることは?」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「まだまだ改善余地があるところが多い」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「オレオレUIが多いなか、一般化(標準的なデザインを用意)する必要があるとは思う?」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「iPhoneみたいに統一されているものは使いやすい。<br />
 何か標準的なものを用意した方がわかりやすい。」<br />
 Amachang「WebのUIについて思うところは?」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「Flashでリッチなものを作るとき、リッチにすることを目的にしないで何をするのかを考えていくことでよりよいものが作れる。ユーザーの立場を考えていく。」<br />
 Amachang「日本と海外のUIの違い」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「物理学者のUIはひどい。<br />
 文化によってUIは大きく違う。<br />
 対象毎にUIを変えていくのは良いこと。</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">中国の場合は複数のことを同時に行っている。→待っている間に何も表示されない、シンプルなGoogleのページはつまらない。</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">グローバルにするにはローカルにする必要がある。」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「about:jetpackがhtmlベースな理由は？」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「webを使っている以上はwebライクなものを使う方がいいのではないか」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Amachang「jetpackはWeb上で書くが、将来はWeb上でコーディングするようになると思うか？」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「YES!!!　web開発者はWebに多く関わっている方がよい」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「Webサービスがアプリと呼ばれるようになってがそれについてどう思う？」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「WebOSという考え方のように、ブラウザと関わっている時間は大きくなっている」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Amachang「Fennec(Firefoxのモバイル版)のいいとこと悪いところは？」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「Fennecはまだほとんど使える端末がない。<br />
 safariは一部の機能制限を設けていると思う。<br />
 Fennecは深く扱えるようなものになる。」</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">piro「FennecもFirefoxと同じようにオーバーヘッドが大きいので、ハードウェアの進歩が必要になる。」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Amachang「Webkitの活躍について」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「ブラウザ業界全体を活性化させていると思う。<br />
 他のレンダリングも活性化すれば、ユーザーはレンダリングを意識する必要がなくなる。<br />
 UX(ユーザーエクスピアレンス)が重要視される」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「mozilla lab に入るにはどうすればいいか？」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「ラーメンで買収。(違」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Amachang「Ubiquityはシェルのコマンドみたいだけど、どの辺からの発想？」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「Ubiquityは人が中心(タスク中心)の考え方というのが発想の元。<br />
 おばあさんに電話で説明できるものを目標にしている。<br />
 Ubiquity2はマルチランゲージに対応してるよ！！」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「javascriptライブラリなしでどうやって開発するの？」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「アドオン開発メインだからライブラリなんて気にしたことない<br />
 spindermonkey の仕様に対する忠実さのおかげで10年やってきました」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Amachang「自分でライブラリ書いて使ってる。<br />
 jQueryはクロージャーすると重くなる。」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「日本は組み込み系のデバイスですごい<br />
 Geckoのプラットフォーム変えるならどこを変えたい？」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「XPCOMがわかりづらい」<br />
 Amachang「ディレクトリなどのファイル構成がわかりにくい」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">piro「誰でも作りやすい環境ができると、良いものも必然的に出てくる」</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Aza「Firefox向けの開発しているとエラーがいつの間にか消えているのか不満。<br />
 pythonみたいにエラーをしっかりしたい。」</span></div>
<h3 id="fa4-2"><span style="color: #000000;">ライトニングトーク</span></h3>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">位置情報通知機能の利用について(30min)</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">位置情報サービスは最近流行っていた</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">wifiの位置情報機能を利用したランチマップ</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">位置情報取得するのは簡単→でもあんまり利用されてない</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">twitter+位置情報を進めていく</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Weather Japan</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">「<strong>無職という自由な職業</strong>」</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">気象データを集めて表示する拡張</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">北海道専門ページも見えるよ。</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">利用者増えるタイミング</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">天候が荒れる時</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">気象災害が起きたとき</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">結論 : NetWalkerが欲しい</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">goo辞書、gooツールバー、緑のgoo</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">1997年～</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">goo辞書</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">履歴を記録して、参照した回数も記録してる</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">緑のgoo</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">検索サービス</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">検索によって得た利益を環境保護に募金</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">エコ気分</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">gooツールバー</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">いろんなものを統合したもの</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">placeEngeinに連動している</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">位置情報を取得ができる→地図との連携</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">placeEnginはユーザーの補正で精度が上がる</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">NAVERツールバーとFirefoxテーマ</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">NAVERの日本サイトは日本向けにすべて作り直している。</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">「探し合う検索」コンセプト</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">NAVERツールバー</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">他のポータルサイトの検索も含まれている</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Autopagerize for firefox &amp; google Chrome</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">swdyh : えすだぶるでぃーだぶるえいち</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">greasemonkeyから始まった</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">拡張化するのは難しい</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">ChromeにもGreasemokeyと同様にcontentに対して実行できる仕組みがある。</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">自作ツールとAPIを使ってFirefox拡張を作成</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">http://github.com/swdyh/chlorine</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">Chrome拡張はFx拡張のいいところ悪いところを踏まえてデザインされている</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Twitter Plus</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">スパムと偽造から成り立つ</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">みんな開発がんばれ！</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">about:ぼかろFx</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">Firefoxの似た目が初音ミク</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">スキン切り替え ペルソナ(再起動が必要ない)<br />
 ペルソナはいじれるところは少ないので別途作成した</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Dropfox</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">プロファイルの共有</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">windowsとlinuxではパスフォーマットが違う</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">この共有できる仕組みを提供する。</span></div>
<div style="margin: 0em 0em 0em 5.05em;"><span style="color: #000000;">javascriptでOSをまたぐものが作成できる。</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">環境変数 ${環境変数}が使用できる。</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">Userscriptは起動時に実行される。</span></div>
<div style="margin: 0em 0em 0em 4.04em;"><span style="color: #000000;">シェルコマンドを実行できる</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">学年別ひらがな切り替えアドオン</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">メニューからロケール変更</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">小学生の学年別の漢字に合わせたメニューを切り替える</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">小学生1ー6年生</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">エラーメッセージや他のアドオンも漢字をひらがなに変換する。</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Google Apps Help &amp; Google Ad planner</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Google Apps Help</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">Google全体のアプリ</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">ヘルプメニューをプルダウンでその場でヘルプの中身をたどれる。</span></div>
<div style="margin: 0em 0em 0em 1.01em;"><span style="color: #000000;">Google Ad Planner</span></div>
<div style="margin: 0em 0em 0em 3.03em;"><span style="color: #000000;">Google側が難読化しているので非公開</span></div>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2009/1108/res1424/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FirebugのDOMタブが壊れた(競合)</title>
		<link>http://efcl.info/2009/1104/res1421/</link>
		<comments>http://efcl.info/2009/1104/res1421/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 08:34:09 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[アドオン]]></category>
		<category><![CDATA[ニコニコ動画]]></category>
		<category><![CDATA[競合]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1421</guid>
		<description><![CDATA[最近になってFirebugのDOMタブで要素をクリックしてもその下の要素が展開されなくなったので、何かのアドオンと競合してるのかを調べてみたら、FxIFというEXIFを見るためのアドオンが原因だと分かった。
FxIFを外 [...]]]></description>
			<content:encoded><![CDATA[<p>最近になってFirebugのDOMタブで要素をクリックしてもその下の要素が展開されなくなったので、何かのアドオンと競合してるのかを調べてみたら、<a href="https://addons.mozilla.org/ja/firefox/addon/5673">FxIF</a>というEXIFを見るためのアドオンが原因だと分かった。<br />
FxIFを外すか、過去のバージョンにするかで回避できた。</p>
<p>もう一つ、こっちは競合というわけではないけど、<strong>ニコニコ動画がリニューアルしてからマイリスト</strong>にアクセスするとFirefoxが固まってフリーズするようになってしまった。<br />
こちらの<strong>原因</strong>は<a href="https://addons.mozilla.org/ja/firefox/addon/4125">It&#8217;s All Text!</a>というテキストエリアをエディタで編集するアドオンを外す事で解消された。<br />
多分Javascriptで動的に表示させるようになったのが要因になって、変な動作をするようになったのかな。</p>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2009/1104/res1421/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LDRの未読件数をステータスバーに表示するuserChrome.js</title>
		<link>http://efcl.info/2009/1008/res1389/</link>
		<comments>http://efcl.info/2009/1008/res1389/#comments</comments>
		<pubDate>Thu, 08 Oct 2009 08:17:56 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[userChrome.js]]></category>
		<category><![CDATA[ステータスバー]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1389</guid>
		<description><![CDATA[LDRの未読件数をステータスバーに表示して定期的に更新するuserChrome.jsスクリプトです。
 中身のユーザー名を自分のものに書き換えてから使用してください。
const userName = ""; // ユー [...]]]></description>
			<content:encoded><![CDATA[<p>LDRの未読件数をステータスバーに表示して定期的に更新するuserChrome.jsスクリプトです。<br />
 中身のユーザー名を自分のものに書き換えてから使用してください。</p>
<pre>const userName = ""; // ユーザー名</pre>
<p>デフォルトでは30分ごとに更新するようになっています。</p>
<pre>const reMinute = 30; // 何分毎に更新する</pre>
<div id="attachment_1391" class="wp-caption alignnone" style="width: 224px"><a href="http://efcl.info/wp-content/uploads/2009/10/ss-2009-10-08-17-10-55.png"><img class="size-full wp-image-1391" title="ss-2009-10-08-17-10-55" src="http://efcl.info/wp-content/uploads/2009/10/ss-2009-10-08-17-10-55.png" alt="ss-2009-10-08-17-10-55" width="214" height="67" /></a><p class="wp-caption-text">数値だけでシンプルです</p></div>
<ul>
<li><a href="http://efcl.info/wp-content/uploads/2009/10/LDRUnreadCounter.uc.js">LDRUnreadCounter.uc.js</a></li>
</ul>
<p>環境によって描画がおかしくなってるかもしれないので、下のあたりといじると解決するかも。</p>
<pre class="brush:javascript;">    clearRect(0, 0, 24, 16);//透明土台 x, y, w, h
    mozTextStyle = 24 + (unread.toString().length) * -3 + "px sans-serif";//サイズ
    textAlign = "center"; // 横位置
    textBaseline = "middle";// 縦位置
    translate(0, 14);// 移動位置x,y</pre>
<p><br class="spacer_" /></p>
<p>参考</p>
<dl>
<dt><strong>LDRの未読件数をステータスバーに表示するプラグイン &#8211; hogehoge</strong></dt>
<dd><a title="LDRの未読件数をステータスバーに表示するプラグイン - hogehoge" href="http://d.hatena.ne.jp/teramako/20080730/p1">http://d.hatena.ne.jp/teramako/20080730/p1</a></dd>
</dl>
<dl>
<dt><strong>LDRの未読数をfaviconに表示するGreasemonkeyスクリプト &#8211; 素人がプログラミングを勉強するブログ</strong></dt>
<dd><a title="LDRの未読数をfaviconに表示するGreasemonkeyスクリプト - 素人がプログラミングを勉強するブログ" href="http://d.hatena.ne.jp/javascripter/20080609/1212968037">http://d.hatena.ne.jp/javascripter/20080609/1212968037</a></dd>
</dl>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 40px; width: 1px; height: 1px;">
<dl>
<dt><strong>LDRの未読数をfaviconに表示するGreasemonkeyスクリプト &#8211; 素人がプログラミングを勉強するブログ</strong></dt>
<dd><a title="LDRの未読数をfaviconに表示するGreasemonkeyスクリプト - 素人がプログラミングを勉強するブログ" href="http://d.hatena.ne.jp/javascripter/20080609/1212968037">http://d.hatena.ne.jp/javascripter/20080609/1212968037</a></dd>
</dl>
</div>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2009/1008/res1389/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firebug コマンドラインのフォントを変更とDOM Inspectorの使い方</title>
		<link>http://efcl.info/2009/0927/res1363/</link>
		<comments>http://efcl.info/2009/0927/res1363/#comments</comments>
		<pubDate>Sat, 26 Sep 2009 15:04:55 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[color]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1363</guid>
		<description><![CDATA[Firebugのコンソール部分のフォントが見づらいので、変更しようとFirebugのコマンドラインが見難いのでフォントを変えてみた &#8211; cloned.logを参考にやったが、
 色だけしか変わらなかったので、 [...]]]></description>
			<content:encoded><![CDATA[<p>Firebugのコンソール部分のフォントが見づらいので、変更しようと<a href="http://d.hatena.ne.jp/cloned/20070808">Firebugのコマンドラインが見難いのでフォントを変えてみた &#8211; cloned.log</a>を参考にやったが、<br />
 色だけしか変わらなかったので、少し調べてみた。<br />
 ChromeフォルダにあるuserChrome.cssに以下を記述することで変更できた。(Stylishでもいいと思う)</p>
<pre class="brush:css;">#fbLargeCommandLine &#62; .textbox-input-box {
  font-size: 11pt !important;
  font-family: Consolas !important;
}</pre>
<p>CSSで指定するクラス名をDOM Inspectorで特定する流れ。</p>
<div class="quote">
<blockquote title="FirefoxとFirebugの色分けを変更するユーザーCSS書いた - vantguarde - web:g" cite="http://web.g.hatena.ne.jp/vantguarde/20080524/1211560511"><p>DOMの方はいろいろめんどくさそうだったのでやってないんですが、DOM Inspectorで簡単に調べられます。</p>
<p>1. てきとーなページを開く <br />
 2. Firebugを開いて、ウインドウを分離する <br />
 3. DOM Inspectorを開く <br />
 4. 「File」→「Inspect Chrome Document」から、分離したFirebugと同じタイトルを持つ項目を選択 <br />
 5. Inspectボタンで気になるところをクリック <br />
 6. ノードからclassなりidなりを拾ってCSSを書く<br />
 こんな感じです。</p>
<p><cite><a href="http://web.g.hatena.ne.jp/vantguarde/20080524/1211560511">FirefoxとFirebugの色分けを変更するユーザーCSS書いた &#8211; vantguarde &#8211; web:g</a></cite></p>
</blockquote>
<p>実際にやってる様子</p>
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="498" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="bgcolor" value="#FFFFFF" /><param name="flashVars" value="containerwidth=640&amp;containerheight=498&amp;showstartscreen=true&amp;showendscreen=true&amp;loop=false&amp;autostart=false&amp;color=000000,000000&amp;thumbscale=45&amp;content=http://content.screencast.com/users/azu/folders/Default/media/ea57553a-d72a-4df8-b40c-4828fefc28e1/firebug_dominspector.mp4" /><param name="allowFullScreen" value="true" /><param name="scale" value="showall" /><param name="allowScriptAccess" value="always" /><param name="base" value="http://content.screencast.com/users/azu/folders/Default/media/ea57553a-d72a-4df8-b40c-4828fefc28e1/" /><param name="src" value="http://content.screencast.com/users/azu/folders/Default/media/ea57553a-d72a-4df8-b40c-4828fefc28e1/firebug_dominspector_controller.swf" /><param name="flashvars" value="containerwidth=640&amp;containerheight=498&amp;showstartscreen=true&amp;showendscreen=true&amp;loop=false&amp;autostart=false&amp;color=000000,000000&amp;thumbscale=45&amp;content=http://content.screencast.com/users/azu/folders/Default/media/ea57553a-d72a-4df8-b40c-4828fefc28e1/firebug_dominspector.mp4" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="498" src="http://content.screencast.com/users/azu/folders/Default/media/ea57553a-d72a-4df8-b40c-4828fefc28e1/firebug_dominspector_controller.swf" base="http://content.screencast.com/users/azu/folders/Default/media/ea57553a-d72a-4df8-b40c-4828fefc28e1/" allowscriptaccess="always" scale="showall" allowfullscreen="true" flashvars="containerwidth=640&amp;containerheight=498&amp;showstartscreen=true&amp;showendscreen=true&amp;loop=false&amp;autostart=false&amp;color=000000,000000&amp;thumbscale=45&amp;content=http://content.screencast.com/users/azu/folders/Default/media/ea57553a-d72a-4df8-b40c-4828fefc28e1/firebug_dominspector.mp4" bgcolor="#FFFFFF" quality="high"></embed></object>
</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2009/0927/res1363/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://content.screencast.com/users/azu/folders/Default/media/ea57553a-d72a-4df8-b40c-4828fefc28e1/firebug_dominspector.mp4" length="1169201" type="video/mp4" />
		</item>
		<item>
		<title>2chをGoolgeから検索する検索プラグイン</title>
		<link>http://efcl.info/2009/0923/res1358/</link>
		<comments>http://efcl.info/2009/0923/res1358/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 13:09:03 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[2ch]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[検索]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1358</guid>
		<description><![CDATA[
Googleを使って2ちゃんねるの中を検索する方法 &#124; nanapi[ナナピ]
http://r.nanapi.jp/379/

これを見てそういえば掲示板機能なんて合ったのを思い出したので、検索バーから一発で検索でき [...]]]></description>
			<content:encoded><![CDATA[<dl>
<dt><strong>Googleを使って2ちゃんねるの中を検索する方法 | nanapi[ナナピ]</strong></dt>
<dd><a title="Googleを使って2ちゃんねるの中を検索する方法 | nanapi[ナナピ]" href="http://r.nanapi.jp/379/">http://r.nanapi.jp/379/</a></dd>
</dl>
<p>これを見てそういえば掲示板機能なんて合ったのを思い出したので、検索バーから一発で検索できるようにFirefoxの検索プラグインを作りました。</p>
<ul>
<li><a href="http://ready.to/search/jp/?sna=2ch%E6%A4%9C%E7%B4%A2&amp;prf=http%3A%2F%2Fwww.google.co.jp%2Fsearch%3Fq%3D&amp;suf=%2520site%253A2ch.net%26amp%3Bhl%3Dja%26amp%3Blr%3Dlang_ja%26amp%3Bsafe%3Doff%26amp%3Bsa%3DG%26amp%3Btbo%3D1%26amp%3Bnum%3D30%26amp%3Btbs%3Dfrm%3A1%2Csbd%3A1&amp;des=2ch%E3%82%92Google%E3%81%8B%E3%82%89%E6%A4%9C%E7%B4%A2&amp;img=R0lGODlhEAAQAIQAAMzMzAQCBPzy7NyypMyOdKxCFMx+ZNSahKwyBMRyVOzOxLROJOTCtLxaNLxmRPTm3Oza1NymlMyCZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAWWICAGwkCcxTCILBAYgnAUBZIohcC+8nIwjBRAgBg1Bj4Bw9F4sCAHQMT2EBCiw0NDJAEUnJCbNJIURZbShXJhMDhZioMDgig03JGICLlgyOl2eHoAfH4OAgUJbzRtA4gNBwktMgczLEgKZyJyCjEIKyILQ1uQIg8PBJIADKAQBgUGAHIOb64tODYKLSY6kwQFlQcGYiwhADs=&amp;in=utf&amp;ou=ono&amp;mod=pn">Ready2Search(2ch検索)</a> 日付順</li>
<li><a href="http://ready.to/search/jp/?sna=2ch%E6%A4%9C%E7%B4%A2&amp;prf=http%3A%2F%2Fwww.google.co.jp%2Fsearch%3Fq%3D&amp;suf=%2520site%253A2ch.net%26amp%3Bhl%3Dja%26amp%3Blr%3Dlang_ja%26amp%3Bsafe%3Doff%26amp%3Bsa%3DG%26amp%3Btbo%3D1%26amp%3Bnum%3D30%26amp%3Btbs%3Dfrm%3A1&amp;des=2ch%E3%82%92Google%E3%81%8B%E3%82%89%E6%A4%9C%E7%B4%A2&amp;img=R0lGODlhEAAQAIQAAMzMzAQCBPzy7NyypMyOdKxCFMx+ZNSahKwyBMRyVOzOxLROJOTCtLxaNLxmRPTm3Oza1NymlMyCZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAAALAAAAAAQABAAAAWWICAGwkCcxTCILBAYgnAUBZIohcC+8nIwjBRAgBg1Bj4Bw9F4sCAHQMT2EBCiw0NDJAEUnJCbNJIURZbShXJhMDhZioMDgig03JGICLlgyOl2eHoAfH4OAgUJbzRtA4gNBwktMgczLEgKZyJyCjEIKyILQ1uQIg8PBJIADKAQBgUGAHIOb64tODYKLSY6kwQFlQcGYiwhADs=&amp;in=utf&amp;ou=ono&amp;mod=pn#">Ready2Search(2ch検索)</a> 関連度順</li>
</ul>
<p>使ってみてもそこまで精度はよくないので、ちゃんと調べる場合は<a href="http://find.2ch.net/">２ちゃんねる検索 </a>のほうがいいかな。</p>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2009/0923/res1358/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ATOKの電子辞典(Office連携ツール)をFirefoxで使うuserChrome.js</title>
		<link>http://efcl.info/2009/0813/res1252/</link>
		<comments>http://efcl.info/2009/0813/res1252/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 12:11:37 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[userChrome.js]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1252</guid>
		<description><![CDATA[ATOKではOffice連携ツールを使うことで、IE上で選択範囲の漢字などの意味を電子辞典で調べる事ができます。しかし、officeソフトとIE以外には対応していないので、その機能の一部をFirefoxから使うuserC [...]]]></description>
			<content:encoded><![CDATA[<p>ATOKではOffice連携ツールを使うことで、IE上で選択範囲の漢字などの意味を電子辞典で調べる事ができます。<br />しかし、officeソフトとIE以外には対応していないので、その機能の一部をFirefoxから使うuserChrome.jsスクリプトです。<br />まず前提としてOffice連携ツールをインストールしていないといけません。通常は別途インストールになっていたと思います。<br />ATOKアップデートか<a href="http://support.justsystems.com/jp/app/servlet/product?pid=949">［949-P ATOK 2009 for Windows］サポート・ダウンロード情報</a>あたりから各バージョンのOffice連携ツールをインストールしてください。</p>
<p>そして下の場所から各バージョンにあわせたGetTextOperaLClickを任意のフォルダに保存しておいてください。</p>
<dl>
<dt><strong>Opera, Firefox, 秀丸, Janeで電子辞典(for Windows)を使う (JustSystems まとめ)</strong></dt>
<dd><a title="Opera, Firefox, 秀丸, Janeで電子辞典(for Windows)を使う (JustSystems まとめ)" href="http://sites.google.com/site/jsmatome/atok/option/tool">http://sites.google.com/site/jsmatome/atok/option/tool</a></dd>
</dl>
<p>そしてuserChrome.jsスクリプトをFirefoxのchromeフォルダに保存して、中身を編集します。</p>
<ul>
<li><a href="http://efcl.info/wp-content/uploads/Search-Atok.uc.js">Search Atok.uc.js</a></li>
</ul>
<p>中身のGetTextOperaLClickPath=のところを先ほど保存したGetTextOperaLClick.exeのパスに書き換えます。 ((\はエスケープして\\にするか、/にする))<br />そしてFirefoxを再起動すれば、文字列を選択したときにコンテキストメニューに&#8221;ATOKで検索&#8221;とでるので、実行するとGetTextOperaLClick.exeによって<br />電子辞典を引くことができます。</p>
<div id="attachment_1254" class="wp-caption alignnone" style="width: 310px"><a href="http://efcl.info/wp-content/uploads/sshot-2009-08-13-21-10-00.png"><img class="size-medium wp-image-1254" title="sshot-2009-08-13-[21-10-00]" src="http://efcl.info/wp-content/uploads/sshot-2009-08-13-21-10-00-300x181.png" alt="実行例" width="300" height="181" /></a><p class="wp-caption-text">実行例</p></div>
<p>GetTextOperaLClickは他のソフトでもつかえるので、詳しい使い方は<a href="http://sites.google.com/site/jsmatome/atok/option/tool">Opera, Firefox, 秀丸, Janeで電子辞典(for Windows)を使う</a>をみるのがいいと思います。</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2009/0813/res1252/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>選択範囲のテキストをファイルとして保存するuserChrome.jsスクリプト</title>
		<link>http://efcl.info/2009/0813/res1249/</link>
		<comments>http://efcl.info/2009/0813/res1249/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 11:25:13 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[userChrome.js]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1249</guid>
		<description><![CDATA[選択した範囲の文字列をファイルとして保存するuserChrome.jsスクリプトです。userChrome.jsサブスクリプトローダなどで呼び出すと、右クリックのコンテキストメニューに&#8221;選択範囲を保存&#82 [...]]]></description>
			<content:encoded><![CDATA[<p>選択した範囲の文字列をファイルとして保存するuserChrome.jsスクリプトです。<br />userChrome.jsサブスクリプトローダなどで呼び出すと、右クリックのコンテキストメニューに&#8221;選択範囲を保存&#8221;という<br />ラベルがでるのでそこから保存できます。</p>
<ul>
<li><a href="http://efcl.info/wp-content/uploads/saveSelection.uc.js">saveSelection.uc.js</a></li>
</ul>
<p>Syntax Highlighterしてるような文章を保存したとき、改行やタブが反映させる方法がよくわからなかった。<br />教えていただけると助かります。</p>
<p>参考リンク</p>
<dl>
<dt><strong>選択範囲を保存するBookmarklet (Kanasansoft Web Lab.)</strong></dt>
<dd><a title="選択範囲を保存するBookmarklet (Kanasansoft Web Lab.)" href="http://www.kanasansoft.com/weblab/2009/01/bookmarklet_1.html">http://www.kanasansoft.com/weblab/2009/01/bookmarklet_1.html</a></dd>
</dl>
<dl>
<dt><strong>XUL Apps &gt; Tips &gt; ファイル選択のダイアログ &#8211; outsider reflex</strong></dt>
<dd><a title="XUL Apps &gt; Tips &gt; ファイル選択のダイアログ - outsider reflex" href="http://piro.sakura.ne.jp/xul/tips/x0022.html">http://piro.sakura.ne.jp/xul/tips/x0022.html</a></dd>
</dl>
<dl>
<dt><strong>XUL チュートリアル &#8211; 「開く」ダイアログと「保存」ダイアログ</strong></dt>
<dd><a title="XUL チュートリアル - 「開く」ダイアログと「保存」ダイアログ" href="http://xul-app.hp.infoseek.co.jp/xultu-janit/filedialog.html">http://xul-app.hp.infoseek.co.jp/xultu-janit/filedialog.html</a></dd>
</dl>
<dl>
<dt><strong>File I/O &#8211; MDC</strong></dt>
<dd><a title="File I/O - MDC" href="https://developer.mozilla.org/index.php?title=Ja/Code_snippets/File_I%2F%2FO">https://developer.mozilla.org/index.php?title=Ja/Code_snippets/File_I%2F%2FO</a></dd>
</dl>
<dl>
<dt><strong>XUL でローカルファイルの入出力 &#8211; 森小路の雑把日記</strong></dt>
<dd><a title="XUL でローカルファイルの入出力 - 森小路の雑把日記" href="http://morishoji.homelinux.net/2006/11/xul_file_io.html">http://morishoji.homelinux.net/2006/11/xul_file_io.html</a></dd>
</dl>
<dl>
<dt><strong>[firefox][備忘録] ニコニコ動画のflvファイルを保存するfirefoxエクステンションを作成 &#8211; papamitra</strong></dt>
<dd><a title="[firefox][備忘録] ニコニコ動画のflvファイルを保存するfirefoxエクステンションを作成 - papamitra" href="http://d.hatena.ne.jp/papamitra/20071111/nicoget">http://d.hatena.ne.jp/papamitra/20071111/nicoget</a></dd>
</dl>
<dl>
<dt><strong>EMXAS IT工房 » Firefox拡張機能を作ってみる（３）</strong></dt>
<dd><a title="EMXAS IT工房 » Firefox拡張機能を作ってみる（３）" href="http://emxas.co.jp/itblog/category_38/item_173.html">http://emxas.co.jp/itblog/category_38/item_173.html</a></dd>
</dl>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2009/0813/res1249/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox3.5で動かない拡張機能(アドオン)を動かす方法</title>
		<link>http://efcl.info/2009/0703/res1198/</link>
		<comments>http://efcl.info/2009/0703/res1198/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 17:20:45 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[アドオン]]></category>
		<category><![CDATA[設定]]></category>

		<guid isPermaLink="false">http://efcl.info/2009/0703/res1198/</guid>
		<description><![CDATA[Firefox3.5がリリースされてアップデートしたはいいけど、動かないアドオンが出てきてしまった場合、 多くのアドオンは互換性のチェックにより自動的に無効にされてしまっているのが原因です。
この互換性のチェックする機能 [...]]]></description>
			<content:encoded><![CDATA[<p>Firefox3.5がリリースされてアップデートしたはいいけど、動かないアドオンが出てきてしまった場合、<br /> 多くのアドオンは互換性のチェックにより自動的に無効にされてしまっているのが原因です。</p>
<p>この<strong>互換性のチェック</strong>する機能を無効にする事によって、動くアドオンも多いと思います。(仕様が変わって駄目なものもある)<br /> この機能を無効にするにはいくつかの方法があります。(やっていることの結果は同じです)</p>
<ol>
<li><a href="https://addons.mozilla.org/ja/firefox/addon/6543">Nightly Tester Tools</a>を導入する<br />一番シンプルな方法です。<br />設定で「Disable add-on compatibility checking」にチェックを入れて互換性チェックを無効にすると<br />互換性のないアドオンもインストールできるようになります。</li>
<li>about:configから互換性のチェックを無効化する<br /> やっていることは上と全く同じで、互換性のチェックを無効化するだけです。
<div class="quote">
<blockquote title="\&quot;互換性について" cite="http://wikiwiki.jp/firefox/?%B8%DF%B4%B9%C0%AD">
<p>1. ロケーションバー（アドレスバー）に「about:config」と入力する。   <br /> 2. フィルタ欄に「extensions.checkCompatibility」と入力する。 <br /> 3. 設定名「extensions.checkCompatibility」の行が表示されている場合はその行をダブルクリックし、値を「false」へ切り替えて完了です。行が表示されない場合は4.へ。<br /> 4. 右クリックしてコンテキストメニューから「新規作成」→「真偽値」を選択する。 <br /> 5. 設定名は「extensions.checkCompatibility」と記入し、真偽値は「false」を選択して完了です。</p>
</blockquote>
<p><cite><a href="\">互換性について &#8211; Firefox更新情報 Wiki*</a></cite></p>
</div>
</li>
<li><a href="https://addons.mozilla.org/ja/firefox/addon/421">MR Tech Toolkit</a>を導入する<br /> <a href="https://addons.mozilla.org/ja/firefox/addon/6543">Nightly Tester Tools</a>と同じく互換性のチェックを無効化する機能があります。<br /> またアドオン毎に「互換と見なす」ように設定できたりもします。<br /> こちらはアドオンの管理などかなり多機能に渡って設定できるので、一応おすすめです。</li>
</ol>
<p>1が初心者向けで、2がabout:configを分かってる人向け。<br /> 3は<a href="https://addons.mozilla.org/ja/firefox/addon/421">MR Tech Toolkit</a>は便利だよーって紹介。</p>
<dl>
<dt><strong>Nightly Tester Tools</strong></dt>
<dd><a href="https://addons.mozilla.org/ja/firefox/addon/6543">https://addons.mozilla.org/ja/firefox/addon/6543</a></dd>
</dl>
<dl>
<dt><strong>MR Tech Toolkit</strong></dt>
<dd><a href="https://addons.mozilla.org/ja/firefox/addon/421">https://addons.mozilla.org/ja/firefox/addon/421</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2009/0703/res1198/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
