2012/07/25

[MooTools] 今日覚えた機能のメモ


今さら覚えてどうすんのという疑問を無視して、メモメモ
※各コードは公式のドキュメントのものです

Array.invoke(メソッド名[, 引数, 引数....])
配列の中の各要素に引数として渡したメソッド名を実行させる
var foo = [4, 8, 15, 16, 23, 42];
var bar = foo.invoke('limit', 10, 30);  //bar is now [10, 10, 15, 16, 23, 30]

Array.include(art)
引数で渡したものを配列に追加する。
すでに入っていた場合は何もしない
['Cow', 'Pig', 'Dog'].include('Cat'); // returns ['Cow', 'Pig', 'Dog', 'Cat']
['Cow', 'Pig', 'Dog'].include('Dog'); // returns ['Cow', 'Pig', 'Dog']

Function.bind
function myFunction(){
    // Note that 'this' here refers to window, not an element.
    // the function must be bound to the element we want to manipulate.
    this.setStyle('color', 'red');
};
var myBoundFunction = myFunction.bind(myElement);
myBoundFunction(); // makes myElement's text red


tween.start(***).start(****).start(****)
アニメーションを連続して実行する

2012/07/24

[MooTools]mootoolsを使うのに参考になるページまとめ


もはや虫の息なんじゃないの?と不安になりながらもなぜかMooTools使ってます。
自分以外の人がコードを触るような場合は、舌打ちされそうなのでjQueryにしてます。

jQueryに比べてぐっとすくない参考ページのまとめ

MooTools公式ドキュメント
http://mootools.net/docs/core

高橋文樹さんという方が翻訳されたドキュメントの日本語版
http://takahashifumiki.com/web/mootools/152/
※バージョン1.2の頃のドキュメントのようなので、ちょっと古いです。

WebTecNote
http://tenderfeel.xsrv.jp/category/mootools/
日本の方。数少ない日本語のチュートリアルがある

sharedhat
http://sharedhat.com/
http://mootips.org/
MooToolsのプラグインなんかを作ったりしてる方

straightline
http://straightline.jp/
数少ない、仕事でバンバンMooTools使ってる方
解説なんかはないけど、コードを見て参考に。

Make your MooTools Code Shorter, Faster, and Stronger(※英語)
意訳:テメーの股間のMooToolsをもっと強くしてやるぜ!
http://net.tutsplus.com/tutorials/javascript-ajax/make-your-mootools-code-shorter-faster-and-stronger/
nettutsの2年前の記事。
画像も表示されなくなってるからなかったコトにされてるのかも。
具体的に複数のClassをImplementしてるサンプルは初めて見た

[JavaScript]JavaScriptのデザインパターン


JavaScriptのいい書き方なんかを知りたくて、「JavaScriptパターン ―優れたアプリケーションのための作法」を読んだ。
正直、全然意味わかんねーやってとこもあったけど、わかる箇所はためになった。
まだ把握しきれてるわけじゃないけど、本が重いんで持ち歩きたくない。

おんなじような情報載ってるページねーかなーと探してたらあった!
Essential JavaScript And jQuery Design Patterns の日本語訳

サンキュー、世の中!


[CakePHP] アソシエーションでデータを取得すると、joinして取得する場合とSQLを別で発行する場合がある


結びついてるテーブルを全部JOINで取得するもんだと思って、conditionsにjoinされる(と思っていた)テーブルのカラムで条件を指定したらエラーになった。

いっつもjoinされないわけでもなくて、joinされて来る時もある。
どういう理由かわかんなくて、一番パフォーマンスが良い方法を自動で選んだりしてくれてるのかしら?なんて思ってたけど違うみたい。

参考:SQLから考えるModel::findの使い方

hasManyだとjoinしないでbelongsToだとjoinするってよ。
分かればまあ、使いわけられるかな。

2012/07/17

[MooTools] Fxにあるlinkオプションの挙動

MooToolsのFxにはlinkってオプションがあるんだけど、よくわかってなかった。 英語力あれば簡単だったんだろうけど。

linkオプションにはignore, cancel, chainの3種類あって、アニメーション中にイベントが起きた際の処理方法を決める
ignore -> 無視
cancel -> 進行中の動作を止めて、新しく始動
chain -> 進行中の動作が終わった後に始動
って感じでした

2012/07/09

YouTubeのAPIで特定の動画の情報を取得する


YouTubeのAPIのドキュメントを見てると、人気の動画を**件出す、とか関連してる動画を出すとか書いてあるんだけど、いやいや特定の1件だけほしいのよって時があるのでメモ。

やり方は簡単
http://gdata.youtube.com/feeds/api/videos/動画のID
のデータを取得するだけ。

http://gdata.youtube.com/feeds/api/videos/動画のID?alt=json
にすれば、JSON形式で返してくれる。