Recommandé
Contenu connexe
Tendances
Tendances (12)
En vedette
Similaire à Favtile ~never write JS again~
Similaire à Favtile ~never write JS again~ (20)
Dernier
Dernier (8)
Favtile ~never write JS again~
- 1. - never write JS again - @hanachin_
- 8. fe eS cr ipt 10 0 % Cof
- 9. fe eS cr ipt 10 0 % Cof nSource 10 0 % Ope
- 10. DEMO
- 13. æ ææææ ææ œœœ] ææææææ ‹ ›ææ‹›æ ïﾘç ,æææææ‹æÁŸË æÁŸË› ææææ‹ææ ⌒Á]]人]]Ë⌒ ›もうJS書かないお ææææzææ æææzp┬+zææææzæææ ææææ ›ææææ ^Ÿ%´ææ ‹æææ ææææノææææææææææææ› æ ‹´ææææææææææææ ææ–
- 14. CoffeeScript最高だお« æ æ ææ朜œ] æ æææ‹⌒ææ⌒› æææ‹Á ●Ë æÁ●Ë› æ ‹888888⌒Á]]人]]Ë⌒88888 › æ zæææææzp┬+zæææææz æ › ææ æ ^Ÿ%´ æ æ ‹
- 15. CoffeeScript信者による JavaScripterを CoffeeScript信者にするプレゼン
- 22. Favtileでの例 twapi_url = (path, options) -> defaults = include_entities: true suppress_response_codes: true options[k] = v for own k, v of defaults when not options[k]? options = ("#{k}=#{encodeURIComponent v}" for own k, v of options).join("&") "https://api.twitter.com/1#{path}.json?#{options}&callback=?" console.log twapi_url "/search", q:"CoffeeScript" TwitterのAPIのURLを組み立てる関数
- 23. 関数 ction twapi_url(path, options) { // inside. // inside. // inside. } JavaScript
- 24. 関数 functionは長ーーーーーい {}が必要 ction twapi_url(path, options) { // inside. // inside. ←インデント自由 // inside. } JavaScript
- 25. æ æ ææ朜œ] æ æææ‹ææ æ æ› æææ‹æ ]ノ æ–Ç]æ ›æædslargml面倒だお æ ‹ æmﾟ⌒æææ⌒ﾟmæ › もっと楽に書きたいお æ zææææ Á]]人]]Ëææææz æ ›ææ æ À ⌒´ æ æ ‹
- 26. 関数 twapi_url = (path, options) -> # do something... CoffeeScript
- 27. 関数 λ twapi_url = (path, options) -> # do something... functionは長い。->で書ける。
- 28. 関数 引数 λ twapi_url = (path, options) -> # do something... 引数は()でくくって、,で区切る
- 29. 関数 関数の名前 引数 λ twapi_url = (path, options) -> # do something... 関数に名前を付ける
- 30. 関数 関数の名前 引数 λ twapi_url = (path, options) -> # inside. # inside. # outside. インデントで処理の単位を分ける
- 32. オブジェクトリテラル twapi_url = (path, options) -> defaults = include_entities: true suppress_response_codes: true options[k] = v for own k, v of defaults when not options[k]? options = ("#{k}=#{encodeURIComponent v}" for own k, v of options).join("&") "https://api.twitter.com/1#{path}.json?#{options}&callback=?" console.log twapi_url "/search", q:"CoffeeScript" TwitterのAPIのURLを組み立てる関数
- 33. オブジェクトリテラル defaults = { include_entities: true, suppress_response_codes: true } JavaScript
- 34. オブジェクトリテラル defaults = { include_entities: true, suppress_response_codes: true } JavaScript
- 35. オブジェクトリテラル defaults = include_entities: true suppress_response_codes: true CoffeeScript
- 36. オブジェクトリテラル defaults = include_entities: true suppress_response_codes: true CoffeeScript
- 38. 変数展開 twapi_url = (path, options) -> defaults = include_entities: true suppress_response_codes: true options[k] = v for own k, v of defaults when not options[k]? options = ("#{k}=#{encodeURIComponent v}" for own k, v of options).join("&") "https://api.twitter.com/1#{path}.json?#{options}&callback=?" console.log twapi_url "/search", q:"CoffeeScript" TwitterのAPIのURLを組み立てる関数
- 39. 変数展開 "https://api.twitter.com/1” + path + ”.json?” + options + “&callback=?" JavaScript
- 41. 変数展開 "https://api.twitter.com/ 1#{path}.json?#{options} &callback=?" 変数の値を文字列中で展開 CoffeeScript
- 43. 配列の操作 var i, max, results = search.results; for (i = 0, max = results.length; i < max; i++) { Tweet.create(results[i]); } 検索結果の配列から表示するTweet作成
- 44. 配列の操作 Tweet.create t for t in search.results 検索結果の配列から表示するTweet作成
- 46. Why CoffeeScript? •美しい • 可読性 • パターン
- 47. Why CoffeeScript? } •美しい 早く • 可読性 • パターン 実装
- 54. 一番効率の良い 学習方法