複数の変数化したjQueryオブジェクトをセレクタ指定する時のやつ

何かいっつも忘れるのでメモ。
jQueryオブジェクトを変数化した方が後々使いまわせて良いし、何より処理速度も僅かながら早くなるのだけど、例えば変数化したjQueryオブジェクトAとBに同時にある処理を加えたい時どうするかと言う問題。やり方はいくらでもあるのだけど、スマートな方法を覚えなければ！

jQueryを使用してデバイス事にマウスとタッチのイベントを分ける

何だかんだで度々PCとその他デバイスの判別処理が必要になるのでメモ。
別に分けなくても.click()や.on('click')の処理はされるが、iPhone4のhoverによるbox-shadowのバグや、フリックやスワイプによる操作を実装する為にもイベントは分けた方が明示的で良いかなと思う。
もしNUIとか流行ったら処理内容じゃなくて拡張の方を書き換えれば対応できるし。

改めてJavaScriptの変数を考える

「そんな物は会社に入ってガイドラインに従えばいい」とか、「人それぞれでしょ」とか言わないで、とりあえず「考える事」として行動してみる。

アンダースコア( _ )から始まる変数名

アンダースコアを頭に付ける変数名は、JAVAではインスタンス変数だったり、Wordpressではローカライズの（Gettextの）関数名だったりする訳だが、JavaScriptにはその様な決まり事は特に無いので、大規模なシステムを構築する際のグローバル変数を表す事にする。

$から始まる変数名

jQueryなんかでよく使われるのはjQueryオブジェクトを変数化する時に使われる、例えば以下の様に。

$wrapper = $('#wrapper');

確かに解りやすいんだけど実際$を2回も打つのが何気に面倒で余りやってない、でも癖を付ける様にしないと。

全てを大文字にした変数名

例えば CONST_WIDTH とか、定数として扱う。

よく使うグローバル変数をそのまま書いてみる

var _a=function(v){alert(v);},_c=function(v){console.log(v);},$d=$(document),$w=$(window);

て言うかこれ見れば（完全に覚えれば）ＯＫね。
http://cou929.nu/data/google_javascript_style_guide/

JavaScriptのディスパッチテーブル

if - else if - else if else とかだと可読性が悪いし、switch文もcaseとbreak;を書くのが面倒だ。そんな人に薦めたいのがディスパッチテーブル！可読性に優れ、大規模な分岐で容量の節約にも繋がる…と言いたい所なんだけど…。