天下一altJS武闘会での発表 http://connpass.com/event/6402/ Google Closure Compilerの最新事情について

1. もう一度来てください、
本当のClosure Compilerを
お見せしますよ。
@teppeis
天下一altJS武闘会 2014/06/08

2. ClojureScriptとは違うよ！

3. Closure Compiler
It compiles
from JavaScript
to better JavaScript.

4. 突然のdis

6. Closure Compilerが
最強である理由

8. エンドユーザー数が圧倒的

9. お前たちのaltJS、
ユーザーに価値届けてんの？
• Google検索: 数十億回/日
• Gmail: 4億2500万ユーザー
• Google+: 3億人アクティブユーザー

10. さておき

11. みんなが知ってるClosure Compiler
• 圧縮＆最適化
• JSDocベースの静的型付け
• 既に枯れたツール

12. JSDocベースの静的型付け

13. JSDocベースの静的型付け
• たしかにだせーｗ
• でも、既存のJSと親和性がバツグン
• コンパイルなしでもそのまま実行できる
Closure Compilerのコンパイルの遅さはJS界のScala…
• どうせJSDoc書くし。
まさか、ドキュメント書かない気ですか？

14. 本当のClosure Compiler
• 圧縮＆最適化
• JSDocベースの静的型チェック
• GitHub化 & 超アクティブに進化中
• ES6 & CommonJS 対応
• Closure Toolsの主軸

15. 5月にGitHub化

16. 超活発にコミット

17. 何やってんの？
• ECMAScript6対応
• 新しい型推論器の実装
• CommonJS対応
• Rhino Parser削除

18. ECMAScript 6
JavaScriptベースなので、
JavaScriptと一緒に進化する。

19. Compile ES6 to ES3
java -jar compiler.jar
--language_in ECMASCRIPT6
--language_out ECMASCRIPT3
もうtrunkでは動くよ。

20. Arrow Function

21. Classes

22. Enhanced object literals

23. Default, rest, spread params

24. Other ES6 features
• Module & Loader
• String templates
• Computed property
• Binary & octal literal
• RegExp new flags

25. Closure Tools
Closure Compilerのポテンシャルを
最大限に引き出すべく、
Googleが総力を結集して作り上げた
フロントエンドツール群

26. Closure Tools
• Closure Compiler
• Closure Library
• Closure Templates
• Closure Stylesheets
• Closure Linter

27. 全部集めると

28. さらなる超絶圧縮＆連結
• HTML, JS, CSSファイル内のCSSクラス名を圧縮
• HTML, JS内の国際化文字列リソースを
埋め込み＆連結
• LibraryのメソッドにCompilerが組み込みで対応

29. Closure Library
• 現存する唯一の
静的型付けフルスタックJSライブラリ
• DOM操作からハッシュ関数まで

30. もったいない
• 静的型付け言語を活かすには
型指向ライブラリが不可欠
• Closure Compiler専用だけではもったいない

31. closure-ts
• Closure LibraryのJSDocから
TypeScriptの型定義ファイルを自動生成
• github.com/teppeis/closure-ts
• 型情報をASTで定義して、
いろんなaltJSから使えるようになる（予定）

32. typescript-spec-md
• MS文化に耐えきれずdocx/pdfをMarkdown化
• github.com/teppeis/typescript-spec-md
• もはやClosure Tools関係ないw
• 翻訳募集中！
• Swiftと違ってライセンスは安全だよ！

33. Thanks!