![レキシカルスコープ
outer = 1
changeNumbers = ->
inner = -1
outer = 10
inner = 20
changeNumbers()
alert [outer, inner]](https://image.slidesharecdn.com/20120118coffeescrpit-120528192747-phpapp02/85/CoffeeScript-10-320.jpg)
![内包表記
eat food for food in ['toast', 'cheese', 'wine']
countdown = (num * num for num in [10..1])
yearsOld = max: 10, ida: 9, tim: 11
ages = for child, age of yearsOld
"#{child} is #{age}"](https://image.slidesharecdn.com/20120118coffeescrpit-120528192747-phpapp02/85/CoffeeScript-11-320.jpg)
![配列のスライスとレンジ
numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
middle = numbers[3..6]
numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
numbers[3..6] = [-3, -4, -5, -6]](https://image.slidesharecdn.com/20120118coffeescrpit-120528192747-phpapp02/85/CoffeeScript-12-320.jpg)
![展開代入
theBait = 1000
theSwitch = 0
[theBait, theSwitch] = [theSwitch, theBait]](https://image.slidesharecdn.com/20120118coffeescrpit-120528192747-phpapp02/85/CoffeeScript-16-320.jpg)
CoffeeScript
- 1. CoffeeScript 2012/01/18 h13i32maru@Twitter maruyama-r@KLab
- 2. 自己紹介 • 丸山 亮(h13i32maru) 最近はJSを触ってます • KLab株式会社所属 32 http://blog.h13i32maru.jp http://twitter.com/h13i32maru https://www.facebook.com/ryo.maruyama https://github.com/h13i32maru
- 3. JavaScript
- 4. JavaScriptって結構大変 • ファイルのinclude機構が無い • プロトタイプ指向 • 動的スコープ • 不思議なthis • などなど
- 5. そこで、
- 6. CoffeeScript
- 7. CoffeeScriptとは • JavaScriptにコンパイル可能な小さな言語 • RubyやPythonから色々取り込んでる • @jashkenasが作ってる - 他にもruby-processingなど • http://coffeescript.org/
- 8. Language Reference 翻訳してみた http://d.hatena.ne.jp/h13i32maru/ 20120119/1326955300
- 9. 関数 func = (arg1, arg2) -> arg1 * arg2 func = (arg1, arg2) -> x = arg1 * arg2 x * x
- 10. レキシカルスコープ outer = 1 changeNumbers = -> inner = -1 outer = 10 inner = 20 changeNumbers() alert [outer, inner]
- 11. 内包表記 eat food for food in ['toast', 'cheese', 'wine'] countdown = (num * num for num in [10..1]) yearsOld = max: 10, ida: 9, tim: 11 ages = for child, age of yearsOld "#{child} is #{age}"
- 12. 配列のスライスとレンジ numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] middle = numbers[3..6] numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] numbers[3..6] = [-3, -4, -5, -6]
- 13. 比較 if x is 0 if y isnt 100 cholesterol = 127 healthy = 200 > cholesterol > 60
- 14. 存在演算子 solipsism = true if mind? and not world? zip = lottery.drawWinner?().address?.zipcode
- 15. クラスと継承 class Animal constructor: (@name) -> move: (meters) -> alert @name + " moved #{meters}m." class Snake extends Animal move: -> alert "Slithering..." super 5
- 16. 展開代入 theBait = 1000 theSwitch = 0 [theBait, theSwitch] = [theSwitch, theBait]
- 17. 関数束縛 Account = (customer, cart) -> @customer = customer @cart = cart $('.shopping_cart').bind 'click', (event) => @customer.purchase @cart
- 18. 文字列内変数展開 author = "Wittgenstein" quote = "A picture is a fact. -- #{ author }"
- 19. 全てが式 i = 0 res = while i isnt 10 i++ i * i #1,4,9,16,25,36,49,64,81,100 alert res
- 20. ビルドシステム • Cake : CoffeeScript付属のビルドシステム • MakeやRakeみたいなもの • ファイルの結合もできるよ！
- 21. 他にも • YAML的なオブジェクトの書き方 • if/unlessの後置記法 • JavaScriptの埋め込み • ヒアドキュメント • 可変引数 • デフォルト引数 などなど
- 22. 翻訳をしてみて • コードのおかげでなんとなく翻訳できる • 7600文字の翻訳で10時間くらい • ジョークっぽいのがあったけど上手く訳せず • 実は既に翻訳があったりするｗｗｗ
- 23. おわり