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 -> 進行中の動作が終わった後に始動
って感じでした
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形式で返してくれる。
登録:
投稿 (Atom)