CoffeeScript+enchant.jsでクロージャが気持よくかけた話
Download as PPTX, PDF8 likes3,725 views
enchant.js meetup! 東京 vol.2 ( http://atnd.org/events/26921 )で行ったライトニングトークの資料です。
![参考文献
• CoffeeScript
– http://coffeescript.org/
• CoffeeScript入門 – プログラムdeタマゴ
– http://d.hatena.ne.jp/nodamushi/20110108/1294518316
• [JavaScript] 猿でもわかるクロージャ超入門 まとめ - DQNEO
起業日記
– http://dqn.sakusakutto.jp/2009/01/javascript_5.html
• スライド中の画像は以下を使わせていただきました
– http://simapantu.blog130.fc2.com/blog-entry-140.html
• Osaki.js (ステマ)
– http://osakijs.blogspot.jp/](https://image.slidesharecdn.com/hidesukelt-120420100904-phpapp02/85/CoffeeScript-enchant-js-28-320.jpg)
CoffeeScript+enchant.jsでクロージャが気持よくかけた話
- 1. それ、CoffeeScriptで 簡単に書けるよ(仮) @hidesuke
- 2. hidesuke (表) • ISPとかネトゲ屋さんで スマホ向けゲームを作っ ている人 • ここ２年間くらい仕事で 特殊なjsしか書いてない – Sencha Touch – ngGame – node.js – Unity
- 3. Osaki.js • 会社の有志で集まって楽しくプログラミ ングする会 • 別名：『enchant.js部』
- 4. hidesuke (裏) • シャチクミィという同人 サークルで社畜グッズを 作っている • http://please.shachiku.me/
- 5. CoffeeScript
- 6. CoffeeScript • JSにコンパイル(変換？）して使う • Better JavaScript – JavaScriptの悪いところの多くが解決してい る – JSのバッドノウハウとかいちいち覚えてられ ん • 簡潔な記述 • とても小さな言語なのですぐ覚えること ができる
- 7. 詳しくはググれ
- 8. で、
- 9. 今日は
- 10. クロージャ の話をします。
- 11. CoffeeScript + enchant.js で 気持ちよく クロージャが書けた話
- 12. クロージャ クロージャはある関数全体が他の関数（以下、エ ンクロージャ）の内部で宣言されたときに発生し、 内部の関数はエンクロージャのローカル変数（レ キシカル変数）を参照する。実行時に外部の関数 が実行された際、クロージャが形成される。ク ロージャは内部の関数のコードとエンクロージャ のスコープ内の必要なすべての変数への参照から なる。 -- Wikipediaより
- 13. なるほど、まったくわからん。
- 15. わかりやすい解説が！
- 16. で、
- 18. シューティングゲームのN連射弾
- 19. かク けロ るー ！ジ ャ で
- 20. クロージャで書いてみた ご自慢のクロージャ部分
- 21. 解説(クロージャ部分) 弾の種類を表すcallback関 N連発の指定 数 初期値はn = 5 弾が発射される間隔のフレーム数 初期値は10フレーム 条件を満たすと弾を発射する 前の弾をうってからの 関数を戻り値として返却する 経過フレーム数
- 22. 解説(呼び出し部分) this.curtainFire(さっきのクロージャが返却した 関数)が定義されていれば毎フレーム呼び出す さっきのクロージャにわたす Callback関数(弾を作ってSceneに追加する) 180フレームに一回、クロージャを呼び 出す 弾を打つ関数を作ってもらう
- 23. N連射弾がうてた！
- 24. JSで書いたらこうなった
- 25. まとめ • かるい気持ちでCoffeeScriptとか発言する と刺される • クロージャは全然怖くない • https://github.com/hidesuke/danmaku.enc hant.js
- 26. まとめ • かるい気持ちでCoffeeScriptとか発言する と刺される • クロージャは全然怖くない • https://github.com/hidesuke/danmaku.enc hant.js
- 27. 宿題 • 『slideshare hidesuke』 でググる • 『CoffeeScript』でググる • 『猿でもわかるクロージャ』でググる 私にもクロージャ が書ける！
- 28. 参考文献 • CoffeeScript – http://coffeescript.org/ • CoffeeScript入門 – プログラムdeタマゴ – http://d.hatena.ne.jp/nodamushi/20110108/1294518316 • [JavaScript] 猿でもわかるクロージャ超入門 まとめ - DQNEO 起業日記 – http://dqn.sakusakutto.jp/2009/01/javascript_5.html • スライド中の画像は以下を使わせていただきました – http://simapantu.blog130.fc2.com/blog-entry-140.html • Osaki.js (ステマ) – http://osakijs.blogspot.jp/