ykskはかしゆかのアナグラムではありません。 ♥Tumblr Twitter 煤 - Note Tumblr (3.0; @carbonless)http://less.carbonfairy.org/<p>ひどい・・。もうサポート切れてるブラウザだけどページ遷移周りの問題はバグると深刻なので知っておいた方がよさそう。</p> <p>location.hashを空にしたい場合、</p> <pre><code>location.hash = ""; </code></pre> <p>すると問題になるので以下のように「#」を渡すとよい。</p> <pre><code>location.hash = "#"; </code></pre> <p>3.5以上では直っている。<a href="http://www.creave.dk/post/2009/10/02/locationhash-javascript-bug-in-Firefox-30.aspx">creave.dk | location.hash javascript bug in Firefox 3.0</a>で知りました。ありがとう！</p>http://less.carbonfairy.org/post/456392427http://less.carbonfairy.org/post/456392427Thu, 18 Mar 2010 19:20:00 +0900firefoxjavascriptbug<p>小数点以下の桁を丸める <a href="https://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Global_Objects/Number/toFixed">Number.toFixed</a>は丸める際に四捨五入する。僕は切り捨てるメソッドが欲しい。</p> <ul> <li><a href="http://gist.github.com/336086">http://gist.github.com/336086</a></li> </ul> <script src="http://gist.github.com/336086.js?file=Number.prototype.drop.js"></script><p>toFixedしたい時にも<a href="http://d.hatena.ne.jp/oldriver/20071218/1197996868">IEだけ挙動が違う</a>ようなので作った方がいいかもしれない。その時は丸め処理をMath.floorからMath.roundに変えればいい。</p>http://less.carbonfairy.org/post/456136216http://less.carbonfairy.org/post/456136216Thu, 18 Mar 2010 15:25:00 +0900javascriptie<p>住んでいる鎌倉はラジオの電波状態が悪いと聞いて諦めていたのですが、今日から始まった<a href="http://radiko.jp/">radiko.jp</a>でブラウザからラジオが聞けるようになりました。久しぶりに深夜の馬鹿力が全部聞けるのが楽しみです。</p> <p>忘れないようにiCalにスケジュール設定しました。アラーム設定からAppleScriptを走らせて、1分前になったら自動的にブラウザが立ち上がってページを開くようにしました。</p> <p><a href="http://www.flickr.com/photos/clothfairy/4434268763/"><img src="http://farm3.static.flickr.com/2798/4434268763_b5b1c41e51_o.png" alt="伊集院光・深夜の馬鹿力"/></a></p> <p>スクリプトはこちら。適当な場所に保存して実行させればOKです。</p> <ul> <li><a href="http://gist.github.com/332640">http://gist.github.com/332640</a></li> </ul> <script src="http://gist.github.com/332640.js?file=listen_tbs_radio.scpt"></script>http://less.carbonfairy.org/post/449642570http://less.carbonfairy.org/post/449642570Mon, 15 Mar 2010 18:17:00 +0900radioicalapplescript<p><a href="http://www.flickr.com/photos/clothfairy/4400263723/"><img src="http://farm5.static.flickr.com/4042/4400263723_8f64a82aec_o.png" alt="Firefox Tumblr Profile.app"/></a></p> <p>Firefoxを別プロファイルで同時に立ち上げたい。Macの場合はコンソールから起動します。「Tumblr」プロファイルで起動したい時はTerminal.appで</p> <pre><code>/Applications/Firefox.app/Contents/MacOS/firefox-bin -P Tumblr & exit 0 </code></pre> <p>のように実行する感じ（Firefox 3.6時点）。何度も使いそうな時はAutomatorの「Run Shell Script」アクションを使ってそのままアプリにすると便利です。</p> <p><a href="http://www.flickr.com/photos/clothfairy/4401055370/"><img src="http://farm5.static.flickr.com/4050/4401055370_d3ed57846e_o.png" alt="Firefox Tumblr Profile Automator"/></a></p> <p>Automatorすごい。</p> <p>開発中にTumblrしたくなっても安心＼(^o^)／</p>http://less.carbonfairy.org/post/421779017http://less.carbonfairy.org/post/421779017Tue, 02 Mar 2010 18:56:12 +0900firefoxtumblrosxsoftwareautomator<p>ドコモの絵文字バイナリを画像化するメソッドと編集フォームを作るクラス。</p> <script src="http://gist.github.com/315638.js"></script><p><code>RegExp.$1</code>は非推奨です。すみません。</p>http://less.carbonfairy.org/post/413101792http://less.carbonfairy.org/post/413101792Fri, 26 Feb 2010 20:18:00 +0900javascriptemoji<p><a href="http://subtech.g.hatena.ne.jp/cho45/20100221/1266680746">JavaScript、仮引数で宣言した変数へ代入したあとの arguments の挙動 - 冬通りに消え行く制服ガールは、夢物語にリアルを求めない。 - subtech</a>より。</p> <blockquote> <p>さて問題です。以下のコードで alert されるのは何でしょう!!</p> <pre><code> (function (x) { x = 2; alert(arguments[0]); })(1); </code></pre> </blockquote> <p>答えは2。この挙動については</p> <pre><code>(function(x) { arguments[0] = 2; alert(x); // 2 })(1); </code></pre> <p>のようなことが出来るので不思議に思わなかった（いかにも裏にオブジェクトがある風）のだけど、むしろ</p> <pre><code>(function (x) { x = 2; alert(arguments[0]); })(); // 仮引数なし </code></pre> <p>の場合の結果が<code>undefined</code>なのにびびった。仮引数が渡されなかった場合はバインドされない。でも<code>undefined</code>を明示的に渡した場合はされる。</p> <pre><code>(function (x) { x = 2; alert(arguments[0]); // 2 })(undefined); </code></pre> <p><a href="http://less.carbonfairy.org/post/250546504/undefined">昔そのことについて調べた</a>んだった・・。arguments面白い。手元にサイ本がないのが悔やまれる。</p> <p>ついでに<a href="http://less.carbonfairy.org/post/171119027/ie"><code>arguments.callee</code>はブラウザ差異があるよ</a>。</p> <hr> <ul> <li><a href="http://javascript.ru/blog/Dmitry-A.-Soshnikov/The-quiz">http://javascript.ru/blog/Dmitry-A.-Soshnikov/The-quiz</a></li> </ul> <p>JSのクイズ。おもしろかった。6問不正解（#3、#4、#5、#6、#7、#9）。<a href="https://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Operators/Special_Operators/Comma_Operator">カンマ演算子</a>を理解していないことが分かった。発見があるのは楽しい。</p> <pre><code>(foo, bar) === bar // 常に後者を返す </code></pre>http://less.carbonfairy.org/post/410272327http://less.carbonfairy.org/post/410272327Thu, 25 Feb 2010 11:49:00 +0900javascript<p>以前Twitterで<q><a href="http://twitter.com/yksk/status/7092899753">tumblrのアクティビティをメールに流しておくとスレッド表示で誰にどれくらいリブログされてるのかが分かる。</a></q>とつぶやいたのですが、スレッド表示だと感覚でしか分からないので<a href="http://yksk.tumblr.com/">yksk.tumblr.com</a>の被リブログ数を実際に集計してグラフにしてみました。</p> <p><a href="http://www.flickr.com/photos/clothfairy/4351781244/"><img src="http://farm5.static.flickr.com/4011/4351781244_98f134aa43_o.png" alt="Reblogged from 2009-12-21 to 2010-02-13"/></a></p> <p>自分の場合少数の近い人がリブログしまくっていて、ほとんどは1人1リブログ。もう少しきれいなロングテールになるかと思っていたけど、だいぶ極端な結果になりました。誰に多くリブログされたかとかは伏せておきます・・。もう少し安定してくると面白いかな。</p> <p>グラフの作り方。MacなのでMacです。流れは</p> <ol> <li>Tumblrからリブログ通知メールを送るように設定</li> <li>Mail.appで受信。ルールからAppleScript（から実行したRuby）を走らせてデータを集計</li> <li>作ったデータから<a href="http://code.google.com/intl/ja/apis/chart/docs/making_charts.html">Google Charts API</a>を使ってグラフを作成</li> </ol> <p>です。</p> <p>まず<a href="http://www.tumblr.com/preferences">Tumblrの設定画面</a>を開き、Email notificationsで集計したいTumblelogのリブログにチェックを入れてメールを受け取るようにします。メールがある程度溜まらないとグラフにならないよ。</p> <p>グラフを作るスクリプトを準備。以下のようなスクリプトを使いました。</p> <script src="http://gist.github.com/302768.js"></script><p>全部同じフォルダへ。このAppleScriptはいろんなメール処理の雛形に出来そう。おまけとして受信時にGrowlで通知を出すようにしました。</p> <p><a href="http://www.flickr.com/photos/clothfairy/4351273967/"><img src="http://farm5.static.flickr.com/4022/4351273967_3674acfc35.jpg" alt="Tumblr Reblogged Notifier"/></a></p> <p>どばーー。</p> <p>準備が出来たらMail.appの設定をします。Tumblrからリブログの通知メールを受信したら内容をAppleScriptに渡す（ついでに既読にする）ルールを追加しました。</p> <p><a href="http://www.flickr.com/photos/clothfairy/4351166225/"><img src="http://farm3.static.flickr.com/2742/4351166225_8a9bc4799c_o.png" alt="Mail.app Tumblr Stats Rule"/></a></p> <p>こんな感じ。</p> <p>これでメールの受信時にリブログ数がデータベースに集計されるようになりました。あとはグラフを作りたい時にcreate_chart.rbを実行すればグラフ画像が生成されます。</p>http://less.carbonfairy.org/post/385861284http://less.carbonfairy.org/post/385861284Sat, 13 Feb 2010 04:10:00 +0900tumblrstatsrubyapplescriptmail.apposx<p>Macの話。iTunesでFLVファイルを管理しようと思っても普通はFLVファイルをiTunesに追加することは出来ませんが、動画のファイルタイプを<code>MooV</code>に書き換えるとQuickTimeファイルとして扱われ、追加出来るようになります。</p> <p>Automatorで簡単に変換サービスを作ることが出来ます。予め<a href="http://perian.org/">Perian</a>を入れてQuickTimeでFLVを再生出来るようにしておきましょう。</p> <p><a href="http://www.flickr.com/photos/clothfairy/4342630503/"><img src="http://farm3.static.flickr.com/2689/4342630503_10bf9f2e4e_o.png" alt="Import Flash Video to iTunes"/></a></p> <ol> <li>Automatorを開いてテンプレートからサービスを選ぶ</li> <li>画像のように組み立てる</li> <li>適当な名前を付けて保存</li> </ol> <p>保存するとFinderのファイル、フォルダのコンテキストメニューに項目が追加されます。項目を選択するとファイルタイプを<code>MooV</code>に書き換えてiTunesに送るようになっています。テンプレートの種類を変えればドロップレットやフォルダアクションも作れますね。</p> <p>スクリプトはこちら。</p> <script src="http://gist.github.com/299086.js?file=gistfile1.scpt"></script>http://less.carbonfairy.org/post/379799318http://less.carbonfairy.org/post/379799318Tue, 09 Feb 2010 20:06:00 +0900osxautomatoritunesflvvideo<img src="http://29.media.tumblr.com/tumblr_kxho52P0gE1qztjyuo1_500.jpg"/><br/><br/><p><b>10020801</b></p>http://less.carbonfairy.org/post/376635769http://less.carbonfairy.org/post/376635769Mon, 08 Feb 2010 05:41:28 +0900<img src="http://27.media.tumblr.com/tumblr_kxcy7dVgQ31qztjyuo1_500.jpg"/><br/><br/>http://less.carbonfairy.org/post/371996352http://less.carbonfairy.org/post/371996352Fri, 05 Feb 2010 16:30:48 +0900cat<p>ファイル整理期。</p> <ul> <li>画像: Tumblr（アップロード後<a href="http://staff.tumblr.com/post/286303145/tumblr-backup-mac-beta">Tumblr Backup</a>で再びローカルへ）</li> <li>コード: <a href="https://github.com/">GitHub</a> </li> <li>写真ライブラリ: 外付けHDD</li> <li>絵、テキストとか: <a href="https://www.dropbox.com/">Dropbox</a> </li> </ul> <p>Tumblrについてはフォルダアクションを使って特定のフォルダに入れたら自動的にTumblrに上がるようにしてる。毎日アップロード制限に引っかかる。後で詳しく書こう。</p>http://less.carbonfairy.org/post/364836715http://less.carbonfairy.org/post/364836715Mon, 01 Feb 2010 17:57:00 +0900tumblr<p>リブログした際にローディング画像を表示するようにしてみた。</p> <p><a href="http://www.flickr.com/photos/clothfairy/4289626892/"><img src="http://farm5.static.flickr.com/4023/4289626892_04458bd6ec_o.png" alt="Tumblr Dashboard Quick Reblog loading animation"/></a></p> <p>あと<code>DOMNodeInserted</code>の範囲を狭めて少し速くした。</p> <ul> <li><a href="http://userscripts.org/scripts/show/59330">Tumblr Dashboard Quick Reblog</a></li> <li><a href="http://github.com/yoko/userscripts/blob/master/tumblr_dashboard_quick_reblog.user.js?">GitHub</a></li> </ul>http://less.carbonfairy.org/post/343579145http://less.carbonfairy.org/post/343579145Wed, 20 Jan 2010 11:20:00 +0900quickrebloggreasemonkeyjavascripttumblrgreasekitsafari<p><a href="http://less.carbonfairy.org/post/207603949/safari-greasekit-reblogcommand">Tumblr Dashboard Quick Reblog</a>にendless scrollingのサポートを追加しました。</p> <ul> <li><a href="http://userscripts.org/scripts/show/59330">Tumblr Dashboard Quick Reblog</a></li> <li><a href="http://github.com/yoko/userscripts/blob/master/tumblr_dashboard_quick_reblog.user.js?">GitHub</a></li> </ul> <p><a href="http://www.tumblr.com/preferences">TumblrのPreferences</a>から「Enable endless scrolling」していれば<a href="http://d.hatena.ne.jp/os0x/20071202/oautopagerize">oAutoPagerize</a>を入れていなくてもボタンが出ます。<kbd>t</kbd>キーボードショートカットについては<a href="http://d.hatena.ne.jp/os0x/20080110/ldrize_minibuffer">Minibuffer</a>を入れていないと動きません。サポートしたいけど現在のアイテムを取るのが難しいのでどうしようか考え中。</p> <p>あと、<em>Greasemonkeyでは動きません</em>。</p>http://less.carbonfairy.org/post/340631506http://less.carbonfairy.org/post/340631506Mon, 18 Jan 2010 17:54:00 +0900greasemonkeyquickreblogtumblr<p>足がやわらかそうに見えないー。</p>http://less.carbonfairy.org/post/336496618http://less.carbonfairy.org/post/336496618Sat, 16 Jan 2010 09:21:00 +0900<img src="http://25.media.tumblr.com/tumblr_kwb5v3WNMz1qztjyuo1_500.jpg"/><br/><br/><p><b>10011601</b></p>http://less.carbonfairy.org/post/336306941http://less.carbonfairy.org/post/336306941Sat, 16 Jan 2010 06:46:08 +0900<p>少しずつパラメーターが増えているので組み立て方をまとめ。</p> <ul> <li><a href="http://wedata.net/databases/Redirector/items">Item - データベース: Redirector - wedata</a></li> </ul> <h3><var>url</var></h3> <ul> <li>必須</li> </ul> <p>スキップするURLの正規表現を指定します。<code>()</code>でグルーピングすると<var>replace_url</var>で後方参照を利用出来ます。</p> <h3><var>link</var></h3> <ul> <li> <var>replace_url</var>を指定しない場合必須</li> </ul> <p>ページのa要素、input、button要素を始めとするクリックイベントを付加された要素をXPathで指定します。指定された要素を自動的にクリック（クリックイベントをトリガー）して遷移します。</p> <h3><var>replace_url</var></h3> <ul> <li> <var>link</var>を指定しない場合必須</li> <li>両方指定されていた場合は<var>replace_url</var>を利用</li> </ul> <p>httpまたはhttpsで始まるURLを指定します。ページの内容はチェックせず、URLのみで遷移します。<var>url</var>で指定した後方参照を利用することが出来ます。</p> <h3><var>site_url</var></h3> <p>リダイレクトページのサイトのURLを指定します。Chrome拡張で対応ページのリストを作る際のリンクなどに利用されます。</p> <h3><var>fixme</var></h3> <p>指定が間違っていたり既に古くなっていて動かない、調査が必要な定義に対して<code>1</code>を設定するとその定義は利用されなくなります。誰かが原因を調べます（たぶん）。サイトの構造が変わるなどして、もはや対応出来ないことが確認された場合、定義は消去されます。</p>http://less.carbonfairy.org/post/331739866http://less.carbonfairy.org/post/331739866Wed, 13 Jan 2010 13:10:00 +0900greasemonkeychromeextensionskipredirector<ul> <li><a href="https://chrome.google.com/extensions/detail/khepipohfophddcdkcebejoglgfdibja">Google Chrome Extensions: Skip Redirector</a></li> </ul> <p>機能的には<a href="http://userscripts.org/scripts/show/57806">Greasemonkey版</a>と全く同じです。ソースは<a href="http://github.com/yoko/skip-redirector-chrome-extension">GitHubに置きました</a>。</p> <p>クロスドメイン越えるためと、キャッシュを保持するために拡張にしました。</p> <ul> <li>permissionsでwedataを許可</li> <li>content_scriptからbackgroundにアクセス</li> <li>backgroundで通信、レスポンスをキャッシュしつつcontent_scriptにコールバック</li> <li>content_scriptでリダイレクト判定</li> </ul> <p>きれいに分けて書けた:)</p>http://less.carbonfairy.org/post/320654369http://less.carbonfairy.org/post/320654369Thu, 07 Jan 2010 10:27:00 +0900skipredirectorgreasemonkeyjavascriptchromeextension<ul> <li>IEはiframeのsrcが空の場合でも遅延するような挙動。直後だと内容の取得が出来ない。Safari、Fxでは問題ない。動作的は同期扱いなので強制的に非同期にするといい？</li> <li>IEで直後に<code>iframe.contentWindow.document.body</code>とかするとブラクラ</li> <li> <p>iframe内に書き込む処理が非同期だと上手く行かないようなので、とりあえず確実に取得することは保証しないことにした＞＜</p> <pre><code>var doc = iframe.contentWindow.document; doc.open(); doc.write('foo'); doc.close(); </code></pre> </li> </ul>http://less.carbonfairy.org/post/301105200http://less.carbonfairy.org/post/301105200Sat, 26 Dec 2009 18:35:00 +0900javascriptieiframe<p>VMWare Fusion 3の共有フォルダのショートカットは消しても再起動すると復活する。デスクトップに何も置きたくないので設定で無効にした。</p> <ul> <li><a href="http://communities.vmware.com/thread/178942">http://communities.vmware.com/thread/178942</a></li> </ul> <ol> <li>仮想OSをシャットダウン、VMWareを終了</li> <li>仮想ファイル（~/Documents/Virtual Machines/Windows XP Home Edition.vmwarevmなど）のパッケージを開く</li> <li>中に入っている.vmxファイル（例えばWindows XP Home Edition.vmx）をTextEditなどで開く</li> <li> <code>hgfs.linkRootShare = "TRUE"</code>を検索。<code>hgfs.linkRootShare = "FALSE"</code>に書き換えて保存</li> </ol> <p>再び起動すればもう作られなくなっているはず。</p>http://less.carbonfairy.org/post/294236379http://less.carbonfairy.org/post/294236379Tue, 22 Dec 2009 10:52:00 +0900vmwarewindowsosxsoftware<p><a href="http://github.com/jquery/qunit/commit/e88049a0ddb26c244d9359c9b614cf70c877f5e4">最新版のQUnit</a>が<a href="http://wiki.commonjs.org/wiki/Unit_Testing">CommonJSのAPI</a>（初耳！）に対応したようなので、バンドルも合わせて変更しました。</p> <ul> <li><a href="http://github.com/yoko/javascript-qunit-tmbundle">JavaScript QUnit.tmbundle</a></li> </ul> <p>名前が変更されたメソッド（旧名はエイリアスとして残る）:</p> <ul> <li> <code>equals</code> → <code>equal</code> </li> <li> <code>same</code> → <code>deepEqual</code> （<code>===</code>比較は<code>strictEqual</code>へ）</li> </ul> <p>追加されたメソッド:</p> <ul> <li><code>notEqual</code></li> <li><code>notDeepEqual</code></li> <li><code>strictEqual</code></li> <li><code>notStrictEqual</code></li> </ul> <p>バンドルでも一応<code>equals</code>、<code>same</code>を残しました。非推奨のコメント付き。否定系のメソッドが入って分かりやすくなった気がしますね。</p> <p><a href="http://www.flickr.com/photos/clothfairy/4183931566/"><img src="http://farm3.static.flickr.com/2755/4183931566_b988eac73c_o.png" alt=""/></a></p>http://less.carbonfairy.org/post/282718389http://less.carbonfairy.org/post/282718389Mon, 14 Dec 2009 13:37:00 +0900qunitjquerytextmatebundleosxsoftwaretesting