<?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; javascript</title>
	<atom:link href="http://efcl.info/category/javascript/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>TwitterとJavascriptな人々</title>
		<link>http://efcl.info/2010/0304/res1584/</link>
		<comments>http://efcl.info/2010/0304/res1584/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 15:39:17 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1584</guid>
		<description><![CDATA[自分のTLで見る感じのJavascriptな人々
 勝手な印象、主観なのでコメントを気にしたら負け。
 Firefoxはデフォルト要素なので特に書いてません。



t_trace

pbtweet、mbtweetの作者 [...]]]></description>
			<content:encoded><![CDATA[<p>自分のTLで見る感じのJavascriptな人々<br />
 勝手な印象、主観なのでコメントを気にしたら負け。<br />
 Firefoxはデフォルト要素なので特に書いてません。</p>
<table style="width: 483px; height: 1867px;" border="0">
<tbody>
<tr>
<td><a href="http://twitter.com/t_trace"><img src="http://img.tweetimag.es/i/t_trace_n" alt="" /></a>t_trace</td>
<td>
<p>pbtweet、mbtweetの作者 <br />
 CSS3が好きそうな人<br />
 実際にHTML5を使ったアプリケーションをつくったりしてる</p>
</td>
</tr>
<tr>
<td><a href="http://twitter.com/m_satyr"><img src="http://img.tweetimag.es/i/m_satyr_n" alt="" /></a>m_satyr</td>
<td>Ubiquity<br />
 何かJavascriptでも珍しい事をやってる気がする。</td>
</tr>
<tr>
<td><a href="http://twitter.com/Griever2"><img src="http://img.tweetimag.es/i/Griever2_n" alt="" /></a>Griever2</td>
<td>Opera、Firefox<br />
 userChrome.jsとか弄ってる</td>
</tr>
<tr>
<td><a href="http://twitter.com/miya2000"><img src="http://img.tweetimag.es/i/miya2000_n" alt="" /></a>miya2000</td>
<td>Opera<br />
 <a href="http://orera.g.hatena.ne.jp/miya2000/20091010/p0">wnp</a>の作者。<br />
 テクい事をやってたりするような</td>
</tr>
<tr>
<td><a href="http://twitter.com/snj14"><img src="http://img.tweetimag.es/i/snj14_n" alt="" /></a>snj14</td>
<td><a href="http://userscripts.org/scripts/show/11562">LDRize</a>とか<a href="http://userscripts.org/scripts/show/11759">Minibuffer</a></td>
</tr>
<tr>
<td><a href="http://twitter.com/hell2u"><img src="http://img.tweetimag.es/i/hell2u_n" alt="" /></a>hell2u</td>
<td>Emacs、CSSに詳しそう</td>
</tr>
<tr>
<td><a href="http://twitter.com/teramako"><img src="http://img.tweetimag.es/i/teramako_n" alt="" /></a>teramako</td>
<td>
<p>vimperator(<a href="http://twitter.com/teramako/vimperator">vimperator</a>となげくと監視されます)<br />
 JScriptとかxpcshellとか<br />
 Firefoxのあんなことやこんなことを知ってる印象</p>
</td>
</tr>
<tr>
<td><a href="http://twitter.com/monjudoh"><img src="http://img.tweetimag.es/i/monjudoh_n" alt="" /></a>monjudoh</td>
<td>jQueryとかfirebugとかMercurial<br />
 プログラミング関係のツールが好きそう。</td>
</tr>
<tr>
<td><a href="http://twitter.com/nanto_vi"><img src="http://img.tweetimag.es/i/nanto_vi_n" alt="" /></a>nanto_vi</td>
<td>JavascriptやHTMLなど仕様に関して本当に詳しい<br />
 nantoメソッド:誰かが記事にしたことに対して既に<a href="http://nanto.asablo.jp/blog/">Days on the Moon</a>で記事になっていたことがよくある。</td>
</tr>
<tr>
<td><a href="http://twitter.com/ku"><img src="http://img.tweetimag.es/i/ku_n" alt="" /></a>ku</td>
<td>iPhoneアプリとかGoogleChromeとか<br />
 新しいことを見つけ出したりしてる印象</td>
</tr>
<tr>
<td><a href="http://twitter.com/stillpedant"><img src="http://img.tweetimag.es/i/stillpedant_n" alt="" /></a>stillpedant</td>
<td><a href="https://addons.mozilla.org/ja/firefox/addon/13118">KeySnail</a>の作者。<br />
 勉強家、出てきたことに対してちゃんと学ぼうとしてる感じ。</td>
</tr>
<tr>
<td><a href="http://twitter.com/javascripter"><img src="http://img.tweetimag.es/i/javascripter_n" alt="" /></a>javascripter</td>
<td>nightlyを追ってる気がする。<br />
 あんまりTLじゃ見ないけど、一行コードを残していく。</td>
</tr>
<tr>
<td><a href="http://twitter.com/amachang"><img src="http://img.tweetimag.es/i/amachang_n" alt="" /></a>amachang</td>
<td>最近はJavascriptな話題はあんまりみないけど。<br />
 高速化、新しいことには手が早い<br />
 昔のプレゼンの資料どこだろ？</td>
</tr>
<tr>
<td><a href="http://twitter.com/ofk"><img src="http://img.tweetimag.es/i/ofk_n" alt="" /></a>ofk</td>
<td>オレオレjQueryとか。<br />
 Javascriptの高速化について詳しい<br />
 そういえばこれ書こうと思ったきっかけ → <a href="http://d.hatena.ne.jp/ofk/20091219/1261161288">日本のJavaScript界隈のブログを適当かつ詳細にまとめてみようと思って挫折したけど、もうちょっと頑張ってみた &#8211; ?D of K</a></td>
</tr>
<tr>
<td><a href="http://twitter.com/uupaa"><img src="http://img.tweetimag.es/i/uupaa_n" alt="" /></a>uupaa</td>
<td>uupaa.js(uupaa.jsはフレームワークではなくてライブラリ)の人<br />
 Javascriptの高速化について詳しい。<br />
 黒魔術の使い手。<br />
 他とは互換が効かないような人な気がする。</td>
</tr>
<tr>
<td><a href="http://twitter.com/azu_re"><img src="http://img.tweetimag.es/i/azu_re_n" alt="" /></a>azu_re</td>
<td>自分<br />
 Greasemonkeyとかニコニコ</td>
</tr>
<tr>
<td><a href="http://twitter.com/edvakf"><img src="http://img.tweetimag.es/i/edvakf_n" alt="" /></a>edvakf</td>
<td>Opera、Google Chrome<br />
 英語圏の記事を読んでたり、新しい機能を弄ってたり、それをアウトプットしたりいくつかあるブログの更新頻度は高め<br />
 勉強家</td>
</tr>
<tr>
<td><a href="http://twitter.com/33"><img src="http://img.tweetimag.es/i/33_n" alt="" /></a>33</td>
<td><a href="http://wiki.github.com/to/tombloo/">tombloo</a>作者<br />
 kiva</td>
</tr>
<tr>
<td><a href="http://twitter.com/swdyh"><img src="http://img.tweetimag.es/i/swdyh_n" alt="" /></a>swdyh</td>
<td><a href="http://autopagerize.net/">AutoPagerize</a>作者</td>
</tr>
<tr>
<td><a href="http://twitter.com/os0x"><img src="http://img.tweetimag.es/i/os0x_n" alt="" /></a>os0x</td>
<td>Opera、Google Chromeに深く関係<br />
 細かいところまで拾える人</td>
</tr>
<tr>
<td><a href="http://twitter.com/cherenkov"><img src="http://img.tweetimag.es/i/cherenkov_n" alt="" /></a>cherenkov</td>
<td>jetpack、Greasemonkey</td>
</tr>
<tr>
<td><a href="http://twitter.com/hagino3000"><img src="http://img.tweetimag.es/i/hagino3000_n" alt="" /></a>hagino3000</td>
<td>サーバーサイドJSとかExt JS</td>
</tr>
<tr>
<td><a href="http://twitter.com/anekos"><img src="http://img.tweetimag.es/i/anekos_n" alt="" /></a>anekos</td>
<td>猫、vimperator</td>
</tr>
<tr>
<td><a href="http://twitter.com/xulapp"><img src="http://img.tweetimag.es/i/xulapp_n" alt="" /></a>xulapp</td>
<td>まだつかみ切れてない。<br />
 結構お詳しそうな様子</td>
</tr>
<tr>
<td><a href="http://twitter.com/Constellation"><img src="http://img.tweetimag.es/i/Constellation_n" alt="" /></a>Constellation</td>
<td><a href="http://wiki.github.com/Constellation/taberareloo/">Taberareloo</a>作者、Greasemonkey<br />
 ホントよくコードを書いてる気がする。<br />
 最近はGoogle chromeでいろいろ</td>
</tr>
</tbody>
</table>
<dl>
<dt><strong>azu (azu_re) on Twitter</strong></dt>
<dd><a title="azu (azu_re) on Twitter" href="http://twitter.com/azu_re">http://twitter.com/azu_re</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2010/0304/res1584/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>twicliからRead It Laterへ登録するプラグイン</title>
		<link>http://efcl.info/2010/0223/res1577/</link>
		<comments>http://efcl.info/2010/0223/res1577/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 08:26:21 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1577</guid>
		<description><![CDATA[twicliはブラウザで動くTwitterWebクライアントで、Javascriptでプラグインを書くことで拡張することができます。今回はtwicliから特定のポストに貼られているリンクをRead It Laterへ登録 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.geocities.jp/twicli/index.html">twicli</a>はブラウザで動くTwitterWebクライアントで、Javascriptでプラグインを書くことで拡張することができます。<br />今回はtwicliから特定のポストに貼られているリンクを<a href="http://readitlaterlist.com/">Read It Later</a>へ登録するプラグインを書きました。</p>
<h3 id="b531cdff17-2">必要なもの</h3>
<ul>
<li><a href="http://readitlaterlist.com/">Read It Later</a>のアカウントとパス</li>
</ul>
<h3 id="ec09647dce-2">使用方法</h3>
<p><a href="http://efcl.info/wp-content/uploads/2010/02/sshot-2010-02-23-1.png"><img class="aligncenter size-medium wp-image-1579" title="sshot-2010-02-23-1" src="http://efcl.info/wp-content/uploads/2010/02/sshot-2010-02-23-1-259x300.png" alt="" width="259" height="300" /></a></p>
<p><img src="file:///C:/Users/azu/AppData/Local/Temp/moz-screenshot.png" alt="" /></p>
<pre>http://efcl.info/lab/twicli/ReadItLator.js</pre>
<p>をtwicliの+にあるPluginsに書き足す事で上のプラグインを読み込む。<br />プラグインを読み込むために一度ページをリロードしてら、+のPluginの下に▼Read It Latorというのができるので、<br />Read It Laterのユーザー名とパスワードを記入する。</p>
<p><a href="http://efcl.info/wp-content/uploads/2010/02/sshot-2010-02-23-2.png"><img class="aligncenter size-medium wp-image-1580" title="sshot-2010-02-23-2" src="http://efcl.info/wp-content/uploads/2010/02/sshot-2010-02-23-2-300x257.png" alt="" width="300" height="257" /></a>そして各ポストの▼を押すとRead It Laterが追加されているので、登録したいリンクがあるポストで実行する。<br />(リンクがないポストを選択した時はそのポストのURLが登録されます。)</p>
<p>雑記</p>
<p>API KEYが必要なので自分のをいれていますが、回数制限とかあるらしい。<br />ソース自体もサーバが貧弱なので別のところに置きたい。<br />(<a href="http://readitlaterlist.com/api/">Read It Later API</a>は簡単に取得できます。)</p>
<dl>
<dt><strong>twicli &#8211; A Web Browser-Based Lightweight Twitter Client</strong></dt>
<dd><a title="twicli - A Web Browser-Based Lightweight Twitter Client" href="http://www.geocities.jp/twicli/index.html">http://www.geocities.jp/twicli/index.html</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2010/0223/res1577/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブックマークレットの登録を手助けするブックマークレット</title>
		<link>http://efcl.info/2010/0115/res1537/</link>
		<comments>http://efcl.info/2010/0115/res1537/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 10:14:45 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[ブックマークレット]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=1537</guid>
		<description><![CDATA[タイトルままですが、ブックマークレットがjavascript:~~~みたいにべた書きしてある場合、ブックマークレットとして登録するのが面倒なので、
 それを登録するためのリンク(よくあるツールバーへD&#38;Dするため [...]]]></description>
			<content:encoded><![CDATA[<p>タイトルままですが、ブックマークレットがjavascript:~~~みたいにべた書きしてある場合、ブックマークレットとして登録するのが面倒なので、<br />
 それを登録するためのリンク(よくあるツールバーへD&amp;Dするためのリンク)を作成するブックマークレット。</p>
<ul>
<li><a href="javascript:(function(){function insertAfter(newNode,node){return node.parentNode.insertBefore(newNode,node.nextSibling);}var selection=getSelection();if(!selection.rangeCount)return false;var range=selection.getRangeAt(0);var endNode=range.endContainer;var a=document.createElement(&quot;a&quot;);a.href=range;var str=document.createTextNode(prompt(&quot;ブックマークレットタイトル&quot;));a.appendChild(str);insertAfter(a,endNode);})();">ブックマークレット登録補助</a></li>
</ul>
<h3 id="bb338fd-2">使い方</h3>
<dl>
<dt><strong>英語のニュースを読みやすくするブックマークレット &#8211; by edvakf in hatena</strong></dt>
<dd><a title="英語のニュースを読みやすくするブックマークレット - by edvakf in hatena" href="http://d.hatena.ne.jp/edvakf/20100115/1263539415">http://d.hatena.ne.jp/edvakf/20100115/1263539415</a></dd>
</dl>
<p>上を例にしてみると</p>
<p><a href="http://efcl.info/wp-content/uploads/2010/01/sshot-2010-01-15-1.png"><img class="alignnone size-medium wp-image-1538" title="sshot-2010-01-15-[1]" src="http://efcl.info/wp-content/uploads/2010/01/sshot-2010-01-15-1-300x66.png" alt="ブックマークレットのテキストを選択" width="300" height="66" /></a></p>
<ol>
<li>べた書きされたブックマークレットのコード部分だけを選択する</li>
<li>ブックマークレット登録補助ブックマークレットを実行</li>
<li>プロンプトが出るので、登録するブックマークレットのタイトルをいれる(英語のニュースを読みやすくするとか)</li>
<li>選択範囲のすぐしたにいれたタイトルでリンクができるので、それをブックマークレットツールバーへD&amp;Dする。</li>
</ol>
<p>以上</p>
<pre class="brush:javascript;">
(function(){
function insertAfter(newNode, node) {
        return node.parentNode.insertBefore(newNode, node.nextSibling);
}
var selection = getSelection();
if (!selection.rangeCount) return false;
var range = selection.getRangeAt(0);
var endNode = range.endContainer;
var a =document.createElement("a");
a.href = range;
var str = document.createTextNode(prompt("ブックマークレットタイトル"));
a.appendChild(str);
insertAfter(a,endNode);
})();
</pre>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2010/0115/res1537/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>そのページについて言及しているtwitterの発言を表示するJavascript</title>
		<link>http://efcl.info/2009/0114/res453/</link>
		<comments>http://efcl.info/2009/0114/res453/#comments</comments>
		<pubDate>Wed, 14 Jan 2009 08:49:10 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=453</guid>
		<description><![CDATA[Twitterは日本でも一部では人気のあるウェブサービスですが、発言の中ではURLを貼ってサイトについて言及している発言も多く見かけます。
そのような発言を言及されたページから見られると便利だと思いませんか？
最近類似す [...]]]></description>
			<content:encoded><![CDATA[<p>Twitterは日本でも一部では人気のあるウェブサービスですが、発言の中ではURLを貼ってサイトについて言及している発言も多く見かけます。<br />
そのような発言を言及されたページから見られると便利だと思いませんか？<br />
最近類似するものが多くなってきたのでまとめてみた。</p>
<dl>
<dt><strong>twitterer anywhere</strong></dt>
<dd><a href="http://twitterer.moongift.jp/">http://twitterer.moongift.jp/</a></dd>
</dl>
<p><a href="http://www.moongift.jp/2009/01/twitterer_anywhere/">MOONGIFT</a>製のもので、検索結果をキャッシュして置いたものを使用しているので負荷が少なくて済む。<br />
また通常のURLから検索を行ってもTinyURL化したものを披露ので効率がよい。<br />
Javascriptを埋め込んで使うが、JSONPを直接取得する形でも利用してよいとのこと。<br />
これを利用したGreasemonkeyとして<br />
<a href="http://coderepos.org/share/browser/lang/javascript/userscripts/twitteranywhereview.user.js?">twitteranywhereview.user.js</a>がある</p>
<dl>
<dt><strong>Tweetbacks for WordPress</strong></dt>
<dd><a href="http://yoast.com/tweetbacks-wordpress/">http://yoast.com/tweetbacks-wordpress/</a></dd>
</dl>
<p>Wordpressのプラグイン。<br />
こちらもデータをキャッシュした結果を使用している。</p>
<dl>
<dt><strong>TweetBacks Beta</strong></dt>
<dd><a href="http://danzarrella.com/tweetbacks-beta.html">http://danzarrella.com/tweetbacks-beta.html</a></dd>
</dl>
<p>javascript埋め込み型。<br />
毎回検索を行う。</p>
<dl>
<dt><strong>Tweet Me!</strong></dt>
<dd><a href="http://code.google.com/p/tweetme/">http://code.google.com/p/tweetme/</a></dd>
</dl>
<p>こちらもTweetBacks Betaと同様に埋め込み型で毎回検索を行う。<br />
表示をカスタマイズできる</p>
<ul>
<li><a id="使い方">tweet_me_style = falseを設定するとCSSでスタイルの指定が可能になる </a></li>
<li><a id="使い方">tweet_me_limit = 表示件数 </a></li>
<li><a id="使い方">tweet_me_url = 表示するURL 未指定の場合、このページ </a></li>
</ul>
<p>使い勝手や日本製ということを含めると<a href="http://www.moongift.jp/2009/01/twitterer_anywhere/"><strong>twitterer anywhere</strong></a>が一番使い勝手がよいものになる。</p>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2009/0114/res453/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Flashよりも前面にポップアップを表示する</title>
		<link>http://efcl.info/2008/0622/res227/</link>
		<comments>http://efcl.info/2008/0622/res227/#comments</comments>
		<pubDate>Sun, 22 Jun 2008 07:02:06 +0000</pubDate>
		<dc:creator>azu</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[ポップアップ]]></category>

		<guid isPermaLink="false">http://efcl.info/?p=227</guid>
		<description><![CDATA[Javascriptでポップアップを表示する時(Lightboxとかページ内でポップするやつ)にflashの上に表示しようとすると なぜかflashの背面に表示されてしまうことがあるので解決方法のメモ。 (Greasem [...]]]></description>
			<content:encoded><![CDATA[<p>Javascriptでポップアップを表示する時(Lightboxとかページ内でポップするやつ)にflashの上に表示しようとすると なぜかflashの背面に表示されてしまうことがあるので解決方法のメモ。 (Greasemonkeyスクリプト書いてるときに少し詰まった。)  一つ目の方法  <a href="http://d.hatena.ne.jp/Sore_0/20080620/1213969010">Flushの前面にページの領域を表示する &#8211; Ulmhaft</a>で紹介されているように cssでポップアップする領域(divとか)を</p>
<pre class="brush:css;">position:fixed;
overflow:auto;</pre>
<p>とすればflashより前面に表示されるみたいです。  二つ目の方法 こちらはflashの表示タグに変更を加える方法 参考<a href="http://web-conte.com/blue/200610/23_1952.php">web-conte.com | blue | Lightbox JS v2.0 と Flash</a></p>
<pre class="brush:html;">&#60;!-- object要素内に下記を追加 --&#62;
&#60;param name="wmode" value="transparent" /&#62;
&#60;!-- embed要素に下記の属性を追加 --&#62;
wmode="transparent"</pre>
<p>のようにembedタグに要素を加えるとflashより上に表示できる。 javascriptなら addParam(&#8220;wmode&#8221;, &#8220;transparent&#8221;);  しかし、この方法はflash内のテキストフィールドに日本語を打てなくなるとういう欠点があります。 <a href="http://support.adobe.co.jp/faq/faq/qadoc.sv?228635+002">wmode を transparent に設定した際の注意点</a> 他にいい方法はあるのかな？ addParam(&#8220;wmode&#8221;, &#8220;transparent&#8221;);は動的にきりかえられるのかな？   後は考えられるのはflashをdivなどのコンテナで囲んで、表示非表示を切り替える方法。 この方法は毎回flashの再生がスタート地点に戻るので使いづらいかも。</p>
]]></content:encoded>
			<wfw:commentRss>http://efcl.info/2008/0622/res227/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
