Labels
- Sublime Text 2 (5)
- JavaScript (4)
- jQuery (3)
- Git (2)
- PHP (2)
- API (1)
- Blogger (1)
- Dreamweaver (1)
- LESS (1)
- SCSS (1)
- Twitter (1)
- Windows (1)
複数の変数化したjQueryオブジェクトをセレクタ指定する時のやつ
何かいっつも忘れるのでメモ。
jQueryオブジェクトを変数化した方が後々使いまわせて良いし、何より処理速度も僅かながら早くなるのだけど、例えば変数化したjQueryオブジェクトAとBに同時にある処理を加えたい時どうするかと言う問題。やり方はいくらでもあるのだけど、スマートな方法を覚えなければ!
Sublime Text 2におけるLiveReloadの設定
前回Sublime Text 2 を導入してみるにおいてLiveReloadとSFTPの説明は書いたのだけども、使っている内に色々解った事があったので、こちらも個別にメモ。いやしかし、Sublime Text 2は慣れるまでが大変…理想の環境を整えるまでに時間がかかってはあまり意味がないのだけど。
Sublime Text 2 を導入してみる
基本Dreamweaver派の僕ですが、巷で騒がれているSublime Text 2 を導入してみようかと思い、導入方法~インストールしたパッケージ等をメモ。でも実際どうなんだろう、少し触った限りではDreamweaverの方が仕事としては使えそうな気がするのだけど。パッケージをインストールして使っていきながら書いて行きます。
Dreamweaverをインストールした時に書き換えるファイル
Dreamweaverでも*.scssと*.lessに対応させる為に書き換えるファイルと、*.htmlでPHPを使用可能にする為に書き換えるファイルとその行について。
Dreamweaver,
LESS,
PHP,
SCSS
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);て言うかこれ見れば(完全に覚えれば)OKね。
http://cou929.nu/data/google_javascript_style_guide/
Twitter API
Twitter APIで検索
http://dreamsway.net/2999.html
http://qiita.com/rana_kualu/items/357a031c0453a3538ad3
Ajaxでは戻した結果を$.parseJsonでやれば拾えるけど、json_decode()とどっちが早いのだろうか
http://dreamsway.net/2999.html
http://qiita.com/rana_kualu/items/357a031c0453a3538ad3
Ajaxでは戻した結果を$.parseJsonでやれば拾えるけど、json_decode()とどっちが早いのだろうか
Bloggerの判別文
トップページかどうか
<b:if cond='data:blog.url == data:blog.homepageUrl'> // トップページの出力 <b:else/> // それ以外の出力 </b:if>
モバイル判別
<b:if cond="data:mobile"> // モバイルの出力 <b:else> // それ以外の出力 </b:if>
基本です
https://support.google.com/blogger/answer/46995?hl=ja&ref_topic=12449
https://support.google.com/blogger/answer/46888?hl=ja
https://support.google.com/blogger/answer/46870?hl=ja&ref_topic=3339246
https://support.google.com/blogger/answer/47270?hl=ja
参考になります
http://salaryman-life.blogspot.jp/2010/05/googleblogger-html.html
JavaScriptのディスパッチテーブル
if - else if - else if else とかだと可読性が悪いし、switch文もcaseとbreak;を書くのが面倒だ。そんな人に薦めたいのがディスパッチテーブル!可読性に優れ、大規模な分岐で容量の節約にも繋がる…と言いたい所なんだけど…。