ryan's blog

近頃、毎日使うツールのショートカットを意識的に使うようにしている。毎日使うツールとして、gmailやgoogle calendarなどのgoogle製品を多用している。その多くはデフォルトでキーボードショートカットが用意されている。検索をのぞいては。

最も多用する検索にショートカットがないことを不満に思い、調べてみると、google labsで検索にもショートカットが提供されていた。

Google Experimental Search

このキーボードショートカットをデフォルトの検索にすべく、chromeを設定したので、方法を示しておく。日々の鍛錬の成果を示すべく、設定方法もキーボードショートカットで説明する、、予定だったが１ステップで詰まったので、まともに説明する。

• まず、「基本設定」パネルを開く(Cmd + ,)。
• 「規定の検索エンジン」項目の右端にある「管理」ボタンを押し、「検索エンジン」パネルを開く。
• パネル左下の「＋」ボタンで、検索エンジンを追加する。ここで、以下のように入力する。


名前: google keyboard shortcut
キーワード: gk
URL: http://www.google.com/search?q=%s&esrch=BetaShortcuts


入力後、「OK」ボタンを押し、「検索エンジン」パネルに戻る。

ここまでの手順でgoogle検索のキーボードショートカットを利用できる。Chromeのアドレスバーにカーソルを合わせ、「gk(Tab)(検索ワード)」と入力することで、その機能を活用できる。さらに「gk(Tab)」さえ打ちたくないというハードハッカーの諸君は、この設定を規定の検索エンジンに設定することをお勧めする。

では、快適な打鍵索ライフを。

周囲でRackやらPlackやらの名前を聞くことが増えた。興味を持ったのでJS実装であるjackを読んでみようと思ったが、その実行環境であるnarwhalが次のエラーを吐いて起動しなかった。

Narwhal on Rhino requires Java 1.5 or higher. You have _JAVA_OPTIONS:.-Duser.

原因を探ると、次の環境変数が悪さをしていた。

export JAVA_OPTIONS=-Duser.language=en

この環境変数を設定した理由は、 javaのエラーが文字化けした日本語で出力されたためだ。以前Javaでソフト開発をしていたときに、コンソールを使ってjavaのクラスファイルを実行したらそうなった。似た体験をし、narwhalを入れようと思う人には、この環境変数が悪さをするかもしれない。

Chromeのバグかと思われるものに遭遇したので、Web開発者の責任に乗っ取り、OSX用Chromiumのナイトリービルドを入れることにした。

OSX用 Chromiumナイトリービルド

しかし、日々アップデートされるChromeのナイトリービルドを、手作業で更新し続けるのは面倒だ。そこで、OSX用のChromeナイトリービルドアップデータを調べた。

いくつか候補はあったが、Dom BarnesのChromium Updaterが最も良かった。

Dom Barnes dot com » Chromium Updater

ちなみに、上のツールでダウンロードされたナイトリービルドは、Chromiumとして/Applications/Chromiumとして保存される。普段Chromeを使われているユーザーは注意。

が用意されていたが、記事中のリンクが切れていてダウンロードできない。ユーザーがコメント欄で多数指摘しているが、対応する気はないようだ。なお、上にあげたburnes氏のものは、tech crunchの記事のコメント欄にあった書き込みから知った。

【レポート】Google Chromeが検索プロバイダに送信するデータ、Chromiumがある真の理由 (1) Google Chrome = Chromium + GoogleUpdate + RLZ | エンタープライズ | マイコミジャーナル

先月開催されたjQuery Confでは、大規模jQueryアプリケーションの開発手法についての発表があったみたい。(参考サイト:jQuery conference 2010: San Francisco Bay Area に関するスライドら。ちなみにこのエントリはめちゃくちゃ助かった。資料を探し出した@Takazudoさんに感謝。)

jQueryは、フロントエンドのちょっとしたエフェクトを簡単に書けるフレームワークという位置づけから、もはやJSのラッパーに進化しつつある。そのため、これまでJSだけで書いてきた大規模なwebアプリケーションフロントエンドを、jQueryで構築するノウハウを共有する流れになっている。

そんな中、jQuery Confでも大規模なjQueryアプリケーション開発の発表をしたRebecca murpheyさんが、大規模jQueryアプリケーション開発の今を知れるプロジェクト「srchr」をやっている。
srchr: Crowdsourcing JavaScript wisdom

srchrとは、要約すると以下のようなプロジェクトだ。

• 趣旨：あるサイトの開発競争
• 目的：大規模jQueryアプリケーションの知見を交換する
• 期限：jQuery Conf開催まで

JSやjQuery関係の著名人(Sexy.jsのfurfとか)が参加していて、大規模jQueryアプリケーション開発のTipsが花盛り。jQueryで大規模なフロントエンドを構築したい人は読むことをお勧めする。レポジトリは以下。

rmurphey’s srchr at master – GitHub

P.S.今僕も読んでいて、とても勉強になってる。なので、各人のスタイルの違いやプラグインなどを5月19日までにまとめて紹介したい。

結論：javascript(+HTML)に関するテストコードを晒すときは, JS Binを使うことを勧める。

今までちょっとしたコードを晒すときやバックアップするときにはgithub関連のgistというサービスを使ってた。Perlの人やらRubyの人やらはgistで十分事足りるかも。

でも、JavaScriptの場合はHTMLのコードが付随することがよくある。こんなときunobtrusiveなJavaScriptを書いてる素敵なJavaScripterにとっては、HTMLのソースとJavaScriptのソースの２つをアップする手間がかかる。HTMLとJavaScriptを一つにまとめて書いてる人は関係ないが、gistをダウンロードしてブラウザ開いて動作確認しないといけないのでどっちみちめんどい。

ここでJS Binの登場だ。JS BinではJavaScriptとHTMLを分けて書くことができて、さらに動作確認もその場でできる。もちろん、gistと同様、パーマリンクも(URL短く!)発行してくれる。

というわけで、JS BinはJavaScriptのテストコードを晒すときに使いましょう。

さらに、JavaScript使いならjQueryのテストコードを晒したいときもあるはず。その場合は、類似のツールでjsFiddleという、フレームワークも読み込んでくれるツールがあるので、そちらを使いましょう。

gistでがんばってたけど、これから僕はテストコード晒すときはjsFiddleとJS Binを使います。あとはブログに貼れるスニペットが出るといいのになぁ。

droppableなコンテナが入れ子になっている場合，droppable()を呼び出す順番に注意．下手をすると親コンテナのdropハンドラーしか呼び出されなくなる．

対策は，droppable()は必ず子要素が先になるように実行すること．

具体例を上げる．


このソースでの目標は，#draggableを，#containerにドロップした場合には，alert(‘container’);が呼び出されて欲しい．また，#ans_containerにドロップした場合には，alert(‘ans_container’);が呼び出されて欲しい．

しかし上記のjsソースだと，#containerにdropしても必ずalert(‘ans_container’)が呼ばれてしまう．ここにdroppableプラグインの癖がある．バグかも？

上記のjsソースは，以下のように変えることで意図通りの動作をするようになる．

変更点は，#ans_container.droppableと#container.droppableの呼び出し順序．

jquery-ui:droppableを使うときは気をつけましょう．

gemからappengine-jrubyを入れようとしたら, appengine-jruby-jarsの0.0.7.preが必要だとエラーが出た．だけど，appengine-jruby-jarsをgem installしても0.0.6しか入らない．gem update –systemでgemのバージョン上げたり，.gemrcでhttp://rubygems.org/をremote sourcesに追加したりしたがダメ．

そこで，rubygems.orgのappengien-jruby-jars 0.0.7.preのページを見てみた．

appengine-jruby-jars | RubyGems.org | your community gem host

$gem install appengine-jruby-jars –pre

正解はこのコマンドだそうだ．知らなかった．

資料はこちら．

jquery conference 2009のTalks, Sundayにリンクがある．

コードと時々入る字面だけだが，していることは大変勉強になる．特にカスタムイベントを使う点は勉強になった．(live()を知れたし)

jQueryのベストプラクティスってまだないのか，あまり日本語リソースがない印象．日本ではそんなに使われてないのかな．jQuery始めたけどどう書くのがいいかわからない人，Rails + jQueryの構成で開発してる人におすすめ．

疑問に思ったので調べた．
$(‘div’).find(‘.someclass’)では，.someclassを持つ，divの子要素を返す．filterは.someclassを持つdiv自体を返す．

filterのコメント部分に載っていた．
http://api.jquery.com/filter/#comments

試したソースは以下．

$()で書けることを知った．ドキュメントにも載ってたみたい．
http://api.jquery.com/jQuery/#jQuery3