require.js + CoffeeScriptでお幸せに

Transcript

1. Script
2. お前だれよ
3. @IanMLewis
8. I like Python
9. I hate JavaScript
10. Why?
11. this
12. No classes
13. prototypes don't count
14. No comprehensions
15. Namespaces
16. Environment
17. Config
18. <script> var myconfig = “HOGE”; </script> <script src=”file1.js”></script> <script src=”file2.js”></script>
19. やめろ！
20. Testing
21. サーバーに持っていきたいの?
22. JS以外は知らないの？
23. 他の言語勉強しましょう
25. Require.js + cs.js + CoffeeScript = ❤
26. class MyModule.MyClass ### My class ### hoge: -> console.log(“hoge”)
27. x = [fun(y) for y in lst if y == “hoge”]
28. define [“jquery”, “underscore”], ($, _) -> ### My module ### MyModule = {} class MyModule.MyClass ### My class ### return MyModule
29. require [“cs!mymodule”], (MyModule) -> ### New Module ### NewModule = {} class NewModule.SubClass extends MyModule.MyClass ### New sub-class ### return NewModule
30. <script> require([“cs!newmodule”], function(NewModule) { var instance = new NewModule.NewClass(); // ... }); </script>
31. define [“cs!newmodule”]
32. ({ appDir: "../static/js", baseUrl: ".", dir: "../tmp/static/js", stubModules: ['cs'], modules: [ { name: "app.js", exclude: ["coffee-script"] } ] })
33. node r.js -o build_profile.json
34. <script src=”require.js”></script> <script src=”app.js”></script> <script> require([“cs!newmodule”], function(NewModule) { var instance = new NewModule.NewClass(); // ... }); </script>
35. お幸せに