<?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/%e3%82%a2%e3%83%89%e3%82%aa%e3%83%b3/feed/" rel="self" type="application/rss+xml" />
	<link>http://efcl.info</link>
	<description>フリーソフトやFirefoxなどについて、web全般なサイト</description>
	<lastBuildDate>Wed, 08 Sep 2010 05:51:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<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 Firefo [...]]]></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>Google Web Historyに見たページを自動記録するアドオン(Jetpack SDK)</title>
		<link>http://efcl.info/2010/0809/res1872/</link>
		<comments>http://efcl.info/2010/0809/res1872/#comments</comments>
		<pubDate>Sun, 08 Aug 2010 17:16:16 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Jetpack]]></category>
		<category><![CDATA[アドオン]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1872</guid>
		<description><![CDATA[GoogleにはGoogle &#8211; ウェブ履歴というものがあり、検索してどのページを訪ねたかなどが記録されています。またその記録は検索ページで既読リンクの色にするなどの判定にも使われています。Google検索か [...]]]></description>
			<content:encoded><![CDATA[<p>Googleには<a href="https://www.google.com/history/">Google &#8211; ウェブ履歴</a>というものがあり、検索してどのページを訪ねたかなどが記録されています。<br />またその記録は検索ページで既読リンクの色にするなどの判定にも使われています。<br />Google検索から訪ねたサイト以外のURLもウェブ履歴に登録するFirefox拡張機能を作成してみました。<br />既に</p>
<ul>
<li><a href="http://d.hatena.ne.jp/brazil/20080514/1210767708">Googleウェブ履歴を残すGreasemonkeyスクリプト</a></li>
<li><a href="http://d.hatena.ne.jp/mallowlabs/20080104/1199461216">Opera で Google Web History を使えるようにする UserJS &#8211; mallowlabsの備忘録</a></li>
</ul>
<p>などGreasemonkeyやTomblooパッチなど代わりになる手段は山ほどある気がしますが、<strong>Jetpack SDK</strong>を使いたかったのと、意外にもFirefoxアドオンとして同じ役割するものが見つからなかったので作ってみました。</p>
<p>他のスクリプトとの違いは大して無いと思いますが、できるだけ無駄な送信を控えるようにしています。</p>
<ul>
<li>最近訪れたサイトは重複送信しない(100件ぐらいでクリアされます)</li>
<li><a href="http://outgoing.mozilla.org/v1/62ec45e9d2205ac4d757b771a01ed16cc048d97e/https%3A//">https://はホストのみを送信</a></li>
<li>ローカルやIPアドレスベースのURLの場合は送らない</li>
</ul>
<p>ダウンロードはAMOからできるようにしてあります。<br />Firefoxアドオンのxpiを簡単における場所が無かったので、AMOに登録しておいてあります。</p>
<ul>
<li><a href="https://addons.mozilla.org/ja/firefox/addon/213956/">Google WebHistory Updater :: Add-ons for Firefox</a></li>
</ul>
<p>Jetpack SDKでコンパイル?前のソースコードはこちらに</p>
<ul>
<li><a href="http://github.com/azu/JetpackSDK/tree/master/Google-webhistory-updater/">Google-webhistory-updater at master from azu&#8217;s JetpackSDK &#8211; GitHub</a></li>
</ul>
<h3>Jetpack SDKで何か作るには</h3>
<p>Jetpack SDKで既に<a href="https://addons.mozilla.org/ja/firefox/user/2222641/">3つ</a>ほどアドオンを作成していますが、0.5だとJetpack prototypeとできることはそこまで変わってないです。(prototypeのギャラリー無くなったみたいですね。8個ぐらい作った気がする)<br />Jetpack SDKで作る上で参考にしたのは</p>
<ul>
<li><a href="http://www.xuldev.org/blog/?cat=42">SCRAPBLOG : Jetpack</a> 基礎的なAPIの使い方</li>
<li><a href="http://www.asukaze.net/etc/jetpack/">Jetpack SDK &#8211; あすかぜ・ねっと</a> とても参考になる</li>
<li><a href="https://jetpack.mozillalabs.com/sdk/latest/docs/#guide/getting-started">Jetpack SDK Docs</a></li>
</ul>
<p>最後のJetpack SDK Docsはcfx docsで開いて、jetpack-coreあたりに現在使えるAPIが載っているのでそれを見て使い方を調べるとAPIの使い方は分かる感じ。(Jetpack prototypeの頃よりはドキュメントにサンプルもあってマシになりました)<br />一番ハマるところはcfxとかコマンドでエラーがでるとかその辺だった気がする。<br />環境はWindows Vistaです。<br />cfx testallすら通らない場合は-aとか-bオプションを指定してみるといい。 <a href="http://d.hatena.ne.jp/Cherenkov/20100603/p1">Jetpack SDK 0.4でcfx testallを成功させる方法 (windows) &#8211; Cherenkovの暗中模索にっき</a><br />毎回オプションを付けるのが面倒になったら<a href="http://www.xuldev.org/blog/?p=697">local.json</a>を作りデフォルト値を決めてみましょう。<br />自分はjetpack用のプロファイルを作りそれを指定してます</p>
<pre>{
  "configs": {
    "default": &#91;
      "-a", "firefox",
      "-b", "C:\\Program Files\\Mozilla Firefox\\firefox.exe",
      "-P", "%appdata%\\Mozilla\\Firefox\\Profiles\\h545wqkn.jetpack"
    &#93;,
    "ff37": &#91;
      "-a", "firefox",
      "-b", "C:\\Program Files\\Mozilla Firefox 3.7\\firefox.exe",
      "-P", "C:\\Users\\admin\\AppData\\Roaming\\Mozilla\\Firefox\\Profiles\\testuser"
    &#93;
  }
}</pre>
<p>package.jsonを作り、libフォルダを作りmain.jsを書いて → さあcfx runで起動しようとしたら、まずはpackage.json内にidが自動生成されます。そしてもう一度cfx runすると下のようなエラーが出てくることがあります。</p>
<pre>Traceback (most recent call last):
  File "D:\jetpack\bin\cfx", line 6, in
    cuddlefish.run()
  File "D:\jetpack\python-lib\cuddlefish\__init__.py", line 475, in run
    include_dep_tests=options.dep_tests
  File "D:\jetpack\python-lib\cuddlefish\packaging.py", line 267, in generate_bu
ild_for_target
    add_dep_to_build(dep)
  File "D:\jetpack\python-lib\cuddlefish\packaging.py", line 254, in add_dep_to_
build
    add_section_to_build(dep_cfg, "lib", is_code=True)
  File "D:\jetpack\python-lib\cuddlefish\packaging.py", line 232, in add_section
_to_build
    validate_resource_hostname(name)
  File "D:\jetpack\python-lib\cuddlefish\packaging.py", line 65, in validate_res
ource_hostname
    raise ValueError('invalid resource hostname: %s' % name)
ValueError: invalid resource hostname: jid0-英数字-フォルダ名-lib</pre>
<p>これはpackage.jsonのnameに<strong>大文字</strong>やマルチバイト文字やスペースなどが含まれていると出てきます。(んなの分かるか)<br />なので小文字英数とハイホンあたりでnameを決めておきましょう。</p>
<p>console.logはコマンドプロンプトの方にでてくるので、それを使って(他に何かあるのかなー)デバッグしながらmain.jsなどを完成させて、xpiをcfx xpiコマンドではき出せば完成です。<br />まだ設定画面やパネルなどのGUIが簡単に使えなかったりしますが、用途が合えば簡単にアドオンを作成できるのでなかなか面白いです。</p>
<dl>
<dt><strong>Google WebHistory Updater :: Add-ons for Firefox</strong></dt>
<dd><a title="Google WebHistory Updater :: Add-ons for Firefox" href="https://addons.mozilla.org/ja/firefox/addon/213956/">https://addons.mozilla.org/ja/firefox/addon/213956/</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2010/0809/res1872/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>OneNoteのプラグインまとめ</title>
		<link>http://efcl.info/2010/0613/res1759/</link>
		<comments>http://efcl.info/2010/0613/res1759/#comments</comments>
		<pubDate>Sun, 13 Jun 2010 00:55:57 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[OneNote]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[まとめ]]></category>
		<category><![CDATA[アドオン]]></category>
		<category><![CDATA[スクラップ]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1759</guid>
		<description><![CDATA[そろそろOffice2010がでますが、今更OneNote2007を使い始めたのでOneNoteのプラグイン(add-in)のまとめです。 最後の方はプラグインというよりは関連ソフト。
&#160;
&#160;
Cal [...]]]></description>
			<content:encoded><![CDATA[<p>そろそろOffice2010がでますが、今更OneNote2007を使い始めたのでOneNoteのプラグイン(add-in)のまとめです。<br /> 最後の方はプラグインというよりは関連ソフト。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Calendar/Planner</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/johnguin/archive/2008/10/07/a-calendar-planner-powertoy-for-onenote.aspx">http://blogs.msdn.com/johnguin/archi&#8230;r-onenote.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">A new OneNote Favorites Powertoy &#8211; OneNote Testing &#8211; Site Home &#8211; MSDN Blogs</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/b/johnguin/archive/2008/03/03/a-new-onenote-favorites-powertoy.aspx">http://blogs.msdn.com/b/johnguin/archive/2008/03/03/a-new-onenote-favorites-powertoy.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">ページをお気に入り登録する感じでお気に入りリストを作る。<br /> →最新版　<a href="http://blogs.msdn.com/b/johnguin/archive/2008/09/11/onenote-favorites-updated-with-user-requested-feature.aspx">http://blogs.msdn.com/b/johnguin/archive/2008/09/11/onenote-favorites-updated-with-user-requested-feature.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Canvas for OneNote<br /> <a href="http://www.officelabs.com/projects/canvasforonenote/Pages/default.aspx?id34kndf">http://www.officelabs.com/projects/canvasforonenote/Pages/default.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">サムネなどでノートの全体を見る。参考 <a href="http://www.yasuhisa.com/could/article/canvas-for-onenote/">Canvas for OneNoteの感覚的な情報整理 : could</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">ダウンロードはIEからで無いと崩れていて難しいです。TRY ITのとこをクリックでダウンロード。</p>
<div class="kwout"><img style="border: medium none;" title="Canvas for OneNote" usemap="#map_xfpiwdc3" src="http://kwout.com/cutout/x/fp/iw/dc3_bor_rou.jpg" alt="http://www.officelabs.com/projects/canvasforonenote/Pages/default.aspx" width="157" height="112" /><br />
<map id="map_xfpiwdc3" name="map_xfpiwdc3">
<area shape="rect" coords="12,43,81,63" href="http://www.officelabs.com/_layouts/olsite/TryIt.ashx?downloadUrl=http://officelabs.vo.msecnd.net/630251f6-d575-4fcc-94b8-abcefb77a15f/1.1.2324.0/CanvasForOneNoteSetup.msi&amp;project=Canvas%20for%20OneNote" /></map>
<p style="margin-top: 10px;"><a href="http://www.officelabs.com/projects/canvasforonenote/Pages/default.aspx">Canvas for OneNote</a> via <a href="http://kwout.com/quote/xfpiwdc3">kwout</a></p>
</div>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">OneNote PowerToys &#8211; A Collection of PowerToys for OneNote</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://www.onenotepowertoys.com/2007/06/23/onenote-search-and-replace/">http://www.onenotepowertoys.com/2007/06/23/onenote-search-and-replace/</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">検索置換を行うプラグイン。</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">結果をプレビューできる。</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Merge Pages</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/johnguin/archive/2007/08/16/merge-pages-in-onenote-powertoy.aspx">http://blogs.msdn.com/johnguin/archi&#8230;-powertoy.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">ページをマージする。</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Printout to OneNote Manager</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/johnguin/archive/2007/09/19/an-addin-to-manage-printouts-to-onenote.aspx">http://blogs.msdn.com/johnguin/archi&#8230;o-onenote.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">印刷のレイアウト調整<a href="http://www.onenotepowertoys.com/2007/09/19/onenote-printout-manager/">OneNote PowerToys &#8211; A Collection of PowerToys for OneNote</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Word Count</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/descapa/archive/2007/02/14/onenote-2007-word-count.aspx">http://blogs.msdn.com/descapa/archiv&#8230;ord-count.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">文字数カウント</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Template Manager</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/johnguin/archive/2007/12/13/template-manager-powertoy-for-onenote-2007.aspx">http://blogs.msdn.com/johnguin/archi&#8230;note-2007.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/olya_veselova/archive/2006/10/02/How-to-reorganize-page-templates.aspx">http://blogs.msdn.com/olya_veselova/&#8230;templates.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Outlook To OneNote AddIn</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/descapa/archive/2007/02/06/powertoy-outlook-to-onenote-addin.aspx">http://blogs.msdn.com/descapa/archiv&#8230;ote-addin.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Text Importer</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://www.onenotepowertoys.com/2007/04/30/onenote-text-importer/">http://www.onenotepowertoys.com/2007&#8230;text-importer/</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">テキストファイルをインポート</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">OneNote PowerToys &#8211; A Collection of PowerToys for OneNote</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://www.onenotepowertoys.com/2007/12/03/html-importer/">http://www.onenotepowertoys.com/2007/12/03/html-importer/</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: Verdana;" lang="en-US">HTML</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">ファイルをインポート</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><span lang="ja">Better Living through Software </span><span lang="en-US">» Blog Archive » OPML import for OneNote</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://www.netcrucible.com/blog/2004/04/28/opml-import-for-onenote/">http://www.netcrucible.com/blog/2004/04/28/opml-import-for-onenote/</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: Verdana;" lang="en-US">OPML</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">ファイルをインポート</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Journal to OneNote Importer &#8211; OneNote Testing &#8211; Site Home &#8211; MSDN Blogs</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/b/johnguin/archive/2007/12/21/journal-to-onenote-importer.aspx">http://blogs.msdn.com/b/johnguin/archive/2007/12/21/journal-to-onenote-importer.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Journal ファイルをインポート</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Rambles In The Brambles: PowerPoint To OneNote</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://www.borlik.net/blog/archives/000097.html">http://www.borlik.net/blog/archives/000097.html</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: Verdana;" lang="en-US">PowerPoint</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">ファイルからインポート</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Notebook Cleaner &amp; Privatizer</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/johnguin/archive/2007/12/15/notebook-cleaner-and-privatizer-powertoy.aspx">http://blogs.msdn.com/johnguin/archi&#8230;-powertoy.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">作者情報などを取り除く</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Image Rotator</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/johnguin/archive/2007/12/14/image-rotator-powertoy-for-onenote-2007.aspx">http://blogs.msdn.com/johnguin/archi&#8230;note-2007.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">画像を回転させる</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Sort Sections</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/descapa/archive/2007/03/03/sort-sections-powertoy.aspx">http://blogs.msdn.com/descapa/archiv&#8230;-powertoy.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">セクションでソートを行う</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Sort Pages</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/descapa/archive/2007/02/17/sort-pages-powertoy.aspx">http://blogs.msdn.com/descapa/archiv&#8230;-powertoy.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">ページでソート</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Table of Contents</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/johnguin/archive/2009/01/05/a-small-update-to-the-onenote-table-of-contents-powertoy.aspx">http://blogs.msdn.com/johnguin/archi&#8230;-powertoy.aspx</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">ページの一覧をまとめてテーブルページを作る。</span><a href="http://www.onenotepowertoys.com/2007/07/12/onenote-table-of-contents/"><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">OneNote PowerToys &#8211; A Collection of PowerToys for OneNote</span></a><span style="font-family: Verdana;" lang="en-US"> </span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">を参考に</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Table Sum Powertoy for OneNote &#8211; OneNote Testing &#8211; Site Home &#8211; MSDN Blogs</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/b/johnguin/archive/2007/12/10/table-sum-powertoy-for-onenote.aspx">http://blogs.msdn.com/b/johnguin/archive/2007/12/10/table-sum-powertoy-for-onenote.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">テーブルで計算を行う。</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Make Subpage</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="https://blogs.msdn.com/johnguin/archive/2007/09/07/make-subpage-addin-updated-and-a-lenovo-update.aspx">https://blogs.msdn.com/johnguin/arch&#8230;vo-update.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">A beta powertoy for OneNote 2007 to extract highlighted text from a page &#8211; OneNote Testing &#8211; Site Home &#8211; MSDN Blogs</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/b/johnguin/archive/2009/08/24/a-beta-powertoy-for-onenote-2007-to-extract-highlighted-text-from-a-page.aspx">http://blogs.msdn.com/b/johnguin/archive/2009/08/24/a-beta-powertoy-for-onenote-2007-to-extract-highlighted-text-from-a-page.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">選択範囲から新たなページを作る</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">OneNote 2007 Powertoy to change section colors &#8211; OneNote Testing &#8211; Site Home &#8211; MSDN Blogs</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/b/johnguin/archive/2010/06/10/onenote-2007-powertoy-to-change-section-colors.aspx">http://blogs.msdn.com/b/johnguin/archive/2010/06/10/onenote-2007-powertoy-to-change-section-colors.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">セクションの色を変える</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">A beta powertoy for OneNote 2007 to extract highlighted text from a page &#8211; OneNote Testing &#8211; Site Home &#8211; MSDN Blogs</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/b/johnguin/archive/2009/08/24/a-beta-powertoy-for-onenote-2007-to-extract-highlighted-text-from-a-page.aspx">http://blogs.msdn.com/b/johnguin/archive/2009/08/24/a-beta-powertoy-for-onenote-2007-to-extract-highlighted-text-from-a-page.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">A powertoy to make using Adapx pens for OneNote a little easier for me &#8211; OneNote Testing &#8211; Site Home &#8211; MSDN Blogs</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/b/johnguin/archive/2009/03/09/a-powertoy-to-make-using-adapx-pens-for-onenote-a-little-easier-for-me.aspx">http://blogs.msdn.com/b/johnguin/archive/2009/03/09/a-powertoy-to-make-using-adapx-pens-for-onenote-a-little-easier-for-me.aspx</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">ページのサイズを自動で</span><span style="font-family: Verdana;" lang="en-US">fit</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">するように。</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Copy page to OneNote Mobile notebook</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/johnguin/archive/2007/06/11/making-pages-easier-to-sync-with-a-mobile-device.aspx">http://blogs.msdn.com/johnguin/archi&#8230;le-device.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">OneNote Math AddIn | Dragonshorn Studios</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://dragonshorn.info/node/4?page_id=372">http://dragonshorn.info/node/4?page_id=372</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">数式を書くツール</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">OneNote Web Exporter</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://www.codeplex.com/ONWebber">http://www.codeplex.com/ONWebber</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">ノートブックを</span><span style="font-family: Verdana;" lang="en-US">Web</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">ページとして出力する。</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><span lang="ja">Powertoy: Double Hyperlink </span><span lang="en-US">« Tablet PC – A Student’s Perspective</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://tabletpcstudent.wordpress.com/2007/11/17/powertoy-double-hyperlink/">http://tabletpcstudent.wordpress.com/2007/11/17/powertoy-double-hyperlink/</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">ページ作成時のナビゲーションを補助</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Export OneNote to PDF (OneNote2PDF)</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://onenote2pdf.codeplex.com/Wiki/View.aspx?title=OneNote2PDF%20Usage">http://onenote2pdf.codeplex.com/Wiki&#8230;te2PDF%20Usage</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: Verdana;" lang="en-US">Onenote</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">のファイル</span><span style="font-family: Verdana;" lang="en-US">.one</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">から</span><span style="font-family: Verdana;" lang="en-US">PDF</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">形式に変換する。</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Send to OneNote 2007 powertoy &#8211; Daniel Escapa&#8217;s OneNote Blog &#8211; Site Home &#8211; MSDN Blogs<br /><a href="http://blogs.msdn.com/b/descapa/archive/2007/02/15/send-to-onenote-2007-powertoy.aspx">http://blogs.msdn.com/b/descapa/archive/2007/02/15/send-to-onenote-2007-powertoy.aspx</a><br />エクスプローラからOneNoteへファイルを送る</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><span lang="ja">OneNote PowerShell Provider </span><span lang="en-US">« Brian’s Brain</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://bdewey.com/2007/07/18/onenote-powershell-provider/">http://bdewey.com/2007/07/18/onenote-powershell-provider/</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: Verdana;" lang="en-US">PowerShell</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">と</span><span style="font-family: Verdana;" lang="en-US">OneNote</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">The Unknown OneNote Guy&#8217;s Blog: OneNote 2007 Xml Viewer</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://unknown-onenote.blogspot.com/2006/09/onenote-2007-xml-viewer.html">http://unknown-onenote.blogspot.com/2006/09/onenote-2007-xml-viewer.html</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: Verdana;" lang="en-US">OneNote</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">の</span><span style="font-family: Verdana;" lang="en-US">XML</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">をみるためのビューアー</span></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">A really great tip to make getting information into OneNote much easier &#8211; OneNote Testing &#8211; Site Home &#8211; MSDN Blogs</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/b/johnguin/archive/2009/04/02/a-really-great-tip-to-make-getting-information-into-onenote-much-easier.aspx">http://blogs.msdn.com/b/johnguin/archive/2009/04/02/a-really-great-tip-to-make-getting-information-into-onenote-much-easier.aspx</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: Verdana;" lang="en-US">OneNote</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">へコピペするための</span><span style="font-family: Verdana;" lang="en-US">AutoHotKey</span></p>
<p style="margin: 0in; font-family: &amp;quot;ＭＳ ゴシック&amp;quot;; font-size: 10pt;">任意のキーにセットして使う。</p>
<p style="margin: 0in; font-family: &amp;quot;ＭＳ ゴシック&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Clip to OneNote :: Add-ons for Firefox</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="https://addons.mozilla.org/ja/firefox/addon/12003/">https://addons.mozilla.org/ja/firefox/addon/12003/</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: Verdana;" lang="en-US">Firefox</span><span style="font-family: &amp;quot;ＭＳ ゴシック&amp;quot;;" lang="ja">から落書きノートでスクラップするアドオン</span></p>
<p style="margin: 0in; font-family: Verdana; font-size: 10pt;" lang="en-US">
<p style="margin: 0in; font-family: &amp;quot;ＭＳ ゴシック&amp;quot;; font-size: 10pt;">他のまとめ</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">A summary of the OneNote powertoys from the test team for 2007 &#8211; OneNote Testing &#8211; Site Home &#8211; MSDN Blogs</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/b/johnguin/archive/2008/01/17/a-summary-of-the-onenote-powertoys-from-the-test-team-for-2007.aspx">http://blogs.msdn.com/b/johnguin/archive/2008/01/17/a-summary-of-the-onenote-powertoys-from-the-test-team-for-2007.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;ＭＳ ゴシック&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">21 OneNote Power Toys | Sarah In Tampa | Channel 10</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://on10.net/blogs/sarahintampa/20844/">http://on10.net/blogs/sarahintampa/20844/</a></p>
<p style="margin: 0in; font-family: &amp;quot;ＭＳ ゴシック&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">OneNote PowerToys &#8211; The Daily Ramblings of an SMS Engineer</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://myitforum.com/cs2/blogs/socal/archive/2008/03/30/onenote-powertoys.aspx">http://myitforum.com/cs2/blogs/socal/archive/2008/03/30/onenote-powertoys.aspx</a></p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">意外とソースを公開しているものが多くていいね。<br /> C#とかでプラグインを作れるようなので興味がある方は作ってみるといいかも。</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">記事の元ネタにいろいろ追加と説明を加えた。</p>
<dl>
<dt><strong>Favorite Plugins &#8211; www.ms-news.net</strong></dt>
<dd><a title="Favorite Plugins - www.ms-news.net" href="http://www.ms-news.net/f2614/favorite-plugins-10277983.html">http://www.ms-news.net/f2614/favorite-plugins-10277983.html</a></dd>
</dl>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 2120px; width: 1px; height: 1px; overflow: hidden;">
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;">Send to OneNote 2007 powertoy &#8211; Daniel Escapa&#8217;s OneNote Blog &#8211; Site Home &#8211; MSDN Blogs</p>
<p style="margin: 0in; font-family: &amp;quot;MS Gothic&amp;quot;; font-size: 10pt;"><a href="http://blogs.msdn.com/b/descapa/archive/2007/02/15/send-to-onenote-2007-powertoy.aspx">http://blogs.msdn.com/b/descapa/archive/2007/02/15/send-to-onenote-2007-powertoy.aspx</a></p>
<p style="margin: 0in; font-size: 10pt;"><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">エクスプローラから</span><span style="font-family: Verdana;" lang="en-US">OneNote</span><span style="font-family: &amp;quot;MS Gothic&amp;quot;;" lang="ja">へファイルを送る</span></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2010/0613/res1759/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GreasemonkeyにGrowlのような通知を呼ぶ機能を加える「Dbus Notify」</title>
		<link>http://efcl.info/2010/0606/res1708/</link>
		<comments>http://efcl.info/2010/0606/res1708/#comments</comments>
		<pubDate>Sat, 05 Jun 2010 17:10:42 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[Greasemonkey]]></category>
		<category><![CDATA[アドオン]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[growl]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1708</guid>
		<description><![CDATA[紹介するDbus Notify for GreaseMonkeyはGreasemonkeyスクリプトにGrowlのような通知を行うAPIを加えるアドオンです。Greasemonkeyにcallout.notifyというA [...]]]></description>
			<content:encoded><![CDATA[<p>紹介する<strong><a href="https://addons.mozilla.org/ja/firefox/addon/80827/">Dbus Notify for GreaseMonkey</a></strong>はGreasemonkeyスクリプトにGrowlのような通知を行うAPIを加えるアドオンです。<br />Greasemonkeyに<em>callout.notify</em>というAPIを追加するだけのシンプルなアドオンです。<br />使い方は単純でDbus Notify for GreaseMonkeyをインストールして、Greasemonkeyスクリプト内にcallout.notifyのAPIを使った記述を加えるだけで動きます。(当たり前だが、インストールしてない環境だと動かない)</p>
<p><a href="http://efcl.info/wp-content/uploads/2010/06/sshot-2010-06-06-1.png"><img class="alignnone size-full wp-image-1709" title="sshot-2010-06-06-1" src="http://efcl.info/wp-content/uploads/2010/06/sshot-2010-06-06-1.png" alt="" width="247" height="80" /></a></p>
<p>APIは凄くシンプルで、<em>callout.notify(title, message, [options])</em>となっていて、タイトルはそのまま、メッセージはタイトルの下に表示されていて、optionのhrefが設定されている場合はリンクになる。</p>
<p>optionで設定できるのもhrefとiconぐらいで、Greasemonkeyからページの外側に通知を出したいなーって思う人はそれだけを求めるならアドオンなどにしないでこれを使うのもいいかも。</p>
<p>簡単なサンプル</p>
<dl>
<dt><strong>gist: 426775 &#8211; Dbus Notify for GreaseMonkeyのテスト- GitHub</strong></dt>
<dd><a title="gist: 426775 - Dbus Notify for GreaseMonkeyのテスト- GitHub" href="http://gist.github.com/426775">http://gist.github.com/426775</a></dd>
</dl>
<p>APIの解説</p>
<dl>
<dt><strong>lackac&#8217;s callout at master &#8211; GitHub</strong></dt>
<dd><a title="lackac's callout at master - GitHub" href="http://github.com/lackac/callout">http://github.com/lackac/callout</a></dd>
</dl>
<p>Greasemonkeyに何か機能を加えるアドオンって意外と見かけない感じがする。<br /> <a href="http://d.hatena.ne.jp/Griever/20090617/1245256102">Greasemonkey でクリップボードを扱う…悪い方法（？） &#8211; Griever</a> でも言っているように受け口を持つと悪用の可能性も出てくるが、セキュリティ的な影響がでないように狭い範囲で機能追加できれば楽しそうだなーと思った。</p>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2010/0606/res1708/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>userChrome.jsでメニュー拡張を追加できる「userMenu.js」</title>
		<link>http://efcl.info/2010/0512/res1692/</link>
		<comments>http://efcl.info/2010/0512/res1692/#comments</comments>
		<pubDate>Tue, 11 May 2010 15:42:04 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[userChome.js]]></category>
		<category><![CDATA[Firebug]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Greasemonkey]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[userChrome.js]]></category>
		<category><![CDATA[アドオン]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1692</guid>
		<description><![CDATA[
userChrome.jsでJavascript Actionsのようなスクリプトの実行コマンドをサブメニューのネスト, タブメニューやメインメニュー、コンテキストメニューなどのメニューに追加する形のスクリプトを扱いや [...]]]></description>
			<content:encoded><![CDATA[<dl>
<dt>userChrome.jsで<a title="Javascript Actions" href="http://firefox.geckodev.org/index.php?Javascript%20Actions">Javascript Actions</a>のようなスクリプトの実行コマンドをサブメニューのネスト, タブメニューやメインメニュー、コンテキストメニューなどのメニューに追加する形のスクリプトを扱いやすくしたり、GreasemonkeyのAPIと似たような機能を持つライブラリが使える要にするuserMenu.jsの紹介</dt>
<dt>ダウンロードは以下の場所から</dt>
<dt><strong>userChrome.js &#8211; Mozilla Firefox まとめサイト</strong></dt>
<dd><a title="userChrome.js - Mozilla Firefox まとめサイト" href="http://firefox.geckodev.org/index.php?cmd=read&amp;page=userChrome.js&amp;word=user#g4f5f928">http://firefox.geckodev.org/index.php?cmd=read&amp;page=userChrome.js&amp;word=user#g4f5f928</a></dd>
</dl>
<p>いろいろバージョンが置かれてますが<a class="ext" rel="nofollow" href="http://loda.jp/script/?id=95"><strong class="word0">user</strong>Menu.js ver. 1.21mod 一式(Fx3以降)</a>と最新のものをダウンロードして、ver1.21はあらかじめtabmenuなどのフォルダがあって分かりやすいので、それらを最新版で上書きすると良いでしょう。</p>
<p>こんな感じのファイルが入ってるので、とりあえず動作させるために、FirefoxプロファイルのChromeフォルダにそのまま中身を突っ込みます。</p>
<pre>Chrome
│  0.UCJSToolkit.uc.js
│  GM_modoki.jsl
│  jsa.jsl
│  JSA_modoki.jsl
│  preload.sample.txt
│  scripting.txt
│  userMenu.js.readme.txt
│  userMenu.pl.js
│  userMenu.uc.js
│  ここにはuserChrome.jsなども存在
│
├─contextmenu
│      Add Copy.se.js
│      Element Killer.js
│      Google cache.nl.js
│      Google Translate.se.js
│      Open IE.nl.js
│      Open Selection.se.js
│      Reload Image.im.js
│      Use Javascript.auto.js
│      Wayback.nl.js
│
├─tabmenu
│  └─Order.ct
│          FrameOrder.ct.auto.js
│          ImageOrder.ct.auto.js
│          JSOrder.ct.auto.js
│          PluginOrder.ct.auto.js
│          RedirectOrder.ct.auto.js
│          userContentOrder.ct.auto.js
│
└─toolmenu
        0000.アドオンリストをタブに表示.L.js
        Inspection Here.js
        Rebuild User Menu.js
        Reload userContent.css.js
        Restart Firefox.r.js
        ~.---
</pre>
<p>移動させて再起動すると、コンテキストメニューやツールメニューにいろいろな項目が増えていれば成功です。</p>
<p>一つ一つのスクリプトの機能は数が多いので適当に見れば分かるので、開発したスクリプトをメニューに表示させる方法へ。scripting.txtやuserMenu.js.readme.txtを見ると詳しく書いてありますが、contextmenuやtoolmenuといったフォルダがそのままの構成でメニューと対応してるので、それらのフォルダに作ったスクリプトをjs拡張子にして入れるだけで簡単に登録できます。(スクリプトのファイル名ルールでショートカットなども設定できる)<br />例えば、右クリックに表示されるスクリプトで複数のものを一つのフォルダに入れれば、それが一つの階層になります。</p>
<pre>contextmenu
└─JSAction
        Add Copy.se.js
        Element Killer.js
</pre>
<p>また先ほど紹介したようにGreasemonkeyのAPIと同様の機能を持ったものが一部使えます。<br />GM_setValueやGM_xmlhttpRequestなど。</p>
<p>デバッグ方法としてconsole.ほげ()というFirebugで使われるメソッドが使用できると書いてあるのですが、イマイチ動かなかったので、<br />GM_modoki.jsl (GreasemonkeyのAPIを定義してるファイル)の先頭部分に</p>
<pre class="brush:javascript;">
// fbug(x)でFirebugのコンソールに出力
function main(){
  var windowManager = Components.classes&#91;'@mozilla.org/appshell/window-mediator;1'&#93;
                                .getService(Components.interfaces.nsIWindowMediator);
  return windowManager.getMostRecentWindow("navigator:browser");

}
function fbug(x){
   var {Firebug} = main();
   if(Firebug.Console.isEnabled() &amp;&amp; Firebug.toggleBar(true, 'console'))
     Firebug.Console.logFormatted(Array.slice(arguments));
   return x;
}
</pre>
<p>と書き足して、fbug(x)でFirebugのコンソールに出力するようにしました。<br />Services.jsmが使えるなら以下のような感じで書けるようです。<a href="http://d.hatena.ne.jp/murky-satyr/20100504/xqjs">xqjs &#8211; ’ellaneous</a> が元ネタです。</p>
<pre class="brush:javascript;">Cu.import('Services.jsm');// 読み込み先にresource:// かfile://
function main() Services.wm.getMostRecentWindow('navigator:browser');
function fbug(x){
   var {Firebug} = main();
   if(Firebug.Console.isEnabled() &amp;&amp; Firebug.toggleBar(true, 'console'))
     Firebug.Console.logFormatted(Array.slice(arguments));
   return x;
}
</pre>
<p>上記のfirebugコンソールへの出力は<a href="https://addons.mozilla.org/ja/firefox/addon/159546">xqjs</a>のソースコードを見て知ったものです。<br /><strong><a href="http://d.hatena.ne.jp/murky-satyr/20100504/xqjs">xqjs</a></strong>は<a href="http://code.google.com/p/executejs/" target="_blank">Execute JS</a>のようなその場でChromeやcontentに対してJavaScript実行できるアドオンです。<br />話題の<a href="http://outgoing.mozilla.org/v1/70902f1cc617f6ab9569a48e3398cbef2a14c6ab/http%3A//jashkenas.github.com/coffee-script/">CoffeeScript</a>や<strong>JavaScriptの単語補完</strong>、マクロ機能、便利なユーティティ関数などが使える優れたFirefoxアドオンなので、<a href="http://www.squarefree.com/shell/">JavaScript Shell</a>やFirebugのコンソールで入力するのが微妙だなーと思う人は一度使って見るといいかと思います。<br /><code>fbugでFirebugのコンソールにもlogを吐けるので連携させるとなお便利。<br />Firebugで定義されているXpathやCSSセレクタもマクロで定義されており、copy関数なども存在します。</code></p>
<p>詳しくは作者さんのページとAMOとソースを読む。</p>
<dl>
<dt><strong>xqjs &#8211; ’ellaneous</strong></dt>
<dd><a title="xqjs - ’ellaneous" href="http://d.hatena.ne.jp/murky-satyr/20100504/xqjs">http://d.hatena.ne.jp/murky-satyr/20100504/xqjs</a></dd>
</dl>
<p>話が完全にすり替わりましたが、userMenu.jsはuserChrome.jsを書く上でかなり便利だと思うので、一度見てみることを進めます。</p>
<dl>
<dt><strong>userMenu.js</strong></dt>
<dd><a title="userMenu.js" href="http://firefox.geckodev.org/index.php?cmd=read&amp;page=userChrome.js&amp;word=user#g4f5f928">http://firefox.geckodev.org/index.php?cmd=read&amp;page=userChrome.js&amp;word=user#g4f5f928</a></dd>
</dl>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow: hidden;">
<dl>
<dt><strong>userChrome.js &#8211; Mozilla Firefox まとめサイト</strong></dt>
<dd><a title="userChrome.js - Mozilla Firefox まとめサイト" href="http://firefox.geckodev.org/index.php?cmd=read&amp;page=userChrome.js&amp;word=user#g4f5f928">http://firefox.geckodev.org/index.php?cmd=read&amp;page=userChrome.js&amp;word=user#g4f5f928</a></dd>
</dl>
</div>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2010/0512/res1692/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; 縦置きタブバーの下にサイドバーを統合するUnif [...]]]></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>Javascript向けIDE「Spket IDE」の導入</title>
		<link>http://efcl.info/2009/1203/res1496/</link>
		<comments>http://efcl.info/2009/1203/res1496/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 08:36:19 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[software]]></category>
		<category><![CDATA[Editor]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[アドオン]]></category>
		<category><![CDATA[設定]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1496</guid>
		<description><![CDATA[Spket IDEをインストールしてみるメモ。
Spket IDEはJavaScriptのコーディングやXMLなど向けのIDEでAptanaと同様にEclipseのプラグインとしても動作します。
 また、Firefox  [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://spket.com/">Spket IDE</a>をインストールしてみるメモ。</p>
<p>Spket IDEはJavaScriptのコーディングやXMLなど向けのIDEでAptanaと同様にEclipseのプラグインとしても動作します。<br />
 また、<span>Firefox</span> Extension Projectを作成できたりアドオン作成向け機能もある。<br />
 今回は単体で動作するスタンドアロンとしてインストールする。</p>
<p>Spket IDEとは何かを詳しく知りたい人は下を読んでみるといいかも。</p>
<dl>
<dt><strong>[Think IT] 第1回：Spket IDEとは何か？ (1/3)</strong></dt>
<dd><a title="[Think IT] 第1回：Spket IDEとは何か？ (1/3)" href="http://www.thinkit.co.jp/free/article/0709/1/1/">http://www.thinkit.co.jp/free/article/0709/1/1/</a></dd>
</dl>
<dl>
<dt><strong>Spketを使う | OpenLaszlo JP</strong></dt>
<dd><a title="Spketを使う | OpenLaszlo JP" href="http://www.openlaszlo.jp/?q=node/13">http://www.openlaszlo.jp/?q=node/13</a></dd>
</dl>
<dl>
<dt><strong>ExtJSの開発はSpket IDEがイイ感じ。Eclipseのプラグインでも動く。 &#8211; 蜘蛛の糸をつむぐには…</strong></dt>
<dd><a title="ExtJSの開発はSpket IDEがイイ感じ。Eclipseのプラグインでも動く。 - 蜘蛛の糸をつむぐには…" href="http://djodjo.jp/archives/149">http://djodjo.jp/archives/149</a></dd>
</dl>
<dl>
<dt><strong>Firefoxアドオン（拡張機能）の作り方</strong></dt>
<dd><a title="Firefoxアドオン（拡張機能）の作り方" href="http://masahal.web.fc2.com/addon_lecture/">http://masahal.web.fc2.com/addon_lecture/</a></dd>
</dl>
<dl>
<dt><strong>Eclipse plugin Spket IDE を試してみる &#8211; hogehoge</strong></dt>
<dd><a title="Eclipse plugin Spket IDE を試してみる - hogehoge" href="http://d.hatena.ne.jp/teramako/20070409/p1">http://d.hatena.ne.jp/teramako/20070409/p1</a></dd>
</dl>
<h3>インストール</h3>
<p>上のサイトにインストール手順も書いてあるので重複するけど簡単な流れ</p>
<ol>
<li><a href="http://www.spket.com/download.html">Downloads</a> からSpket IDEをダウンロード</li>
<li>jarファイルなので、<code>java -jar spket-1.6.8.jar みたいな感じでjarファイルを実行してインストーラーを起動</code></li>
<li>インストーラーで<span>IDE</span>を選びインストール場所とかを決めてインストール</li>
<li>起動するとWorkspaceを聞かれるので適当に決めて動くか確認。</li>
</ol>
<p>基本的にはEclipseなので、あんまり問題ないと思います。</p>
<h3>日本語化</h3>
<p>こちらもEclipseと同じやり方が通用するので簡単な流れ</p>
<ol>
<li><a href="http://mergedoc.sourceforge.jp/">Pleiades</a> (今回は安定版)をダウンロード</li>
<li>中身のfeatures、pluginsをSpket IDEに上書き</li>
<li>起動して日本語になってなければ、Spket IDEフォルダのspket.iniの最後に以下を書き加える
<pre>-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar=default.splash</pre>
</li>
<li>変な動作するなら<a href="http://neetup.wordpress.com/2009/02/01/aptana-on-pleiades-versioncheck-failed/">-clean</a>オプションを付けて見るといいかも。</li>
</ol>
<p><br class="spacer_" /></p>
<div id="attachment_1500" class="wp-caption alignnone" style="width: 310px"><a href="http://efcl.info/wp-content/uploads/2009/12/sshot-2009-12-03-1.png"><img class="size-medium wp-image-1500" title="sshot-2009-12-03-1" src="http://efcl.info/wp-content/uploads/2009/12/sshot-2009-12-03-1-300x183.png" alt="日本語化した画面" width="300" height="183" /></a><p class="wp-caption-text">日本語化した画面</p></div>
<h3>設定</h3>
<p>まず最初に設定から文字コードをUTF-8にしておく</p>
<div>
<blockquote title="Spket IDE, Firebug を使って JavaScript|すぐに忘れる脳みそのためのメモ" cite="http://jutememo.blogspot.com/2008/09/spket-ide-firebug-javascript.html"><p>メニューより、Windows &gt; Preferences… を選択し、 General &gt; Workspace &gt; Text file encoding において Other をチェックし、 「UTF-8」 を選択する。</p>
<p><cite><a href="http://jutememo.blogspot.com/2008/09/spket-ide-firebug-javascript.html">Spket IDE, Firebug を使って JavaScript|すぐに忘れる脳みそのためのメモ</a></cite></p></blockquote>
</div>
<h3>感想</h3>
<ul>
<li>Aptanaに比べるとかなり軽い</li>
<li>コード補完にXPCOMもでてくるのが少しウザイ(拡張機能開発には便利そう)</li>
<li>JSDocに対応している</li>
<li>アウトラインがわかりやすい</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2009/1203/res1496/feed/</wfw:commentRss>
		<slash:comments>0</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><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><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><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><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><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><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><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><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>
	</channel>
</rss>
