1. Closure Tools
2013/08/24 LLまつり

2. 自己紹介
•天野 祐介 (@ama_ch)
•サイボウズ株式会社
•kintone開発チーム
•WEB+DB PRESSにてJS連載を執筆中
「JavaScript活用最前線 ─ 大規模開発
の現場から」

3. •webデータベース型のビジネスアプリ
を作成できるサービス
•ノンプログラミングで作れる
•データベース + コミュニケーション

8. kintoneの規模
•PG12名
•JSは約21万行

9. JSフレームワーク
•Closure Compiler
•Closure Library
•Closure Templates
•Closure Linter + JSHint

10. Closure Library
•フルスタックなJSライブラリ
•クラスベースなオブジェクト指向
•低レイヤな機能からUIコンポーネント,
テストスイートまで
•Closure Compilerと一緒に使われるこ
とを想定

11. Closure Compiler
•JS圧縮・難読化ツール
•高い圧縮率
•詳細なエラーレポート
•JSDocアノテーションによる型付け

12. JSDocアノテーション

13. エラーレポート

14. ツール同士の連携
•Closure Tools同士を一緒に使うと、さ
らに最適化される
•Closure CompilerがClosure Library
の特定のコードを削除したり型推論し
たり

15. コンパイル前 コンパイル後
Warning
連携なし

16. コンパイル前 コンパイル後
Warning
連携なし
assertで要素の存在は確認しているのに、
nullableだと怒られる

17. コンパイル前 コンパイル後
Warningなし
連携あり

18. コンパイル前 コンパイル後
Warningなし
連携あり
•CompilerがLibraryのassertを削除
•Libraryのassertを見て型推論

19. Closure Toolsまとめ
•Googleで使われている実績
•フルスタックなライブラリ
•高い圧縮率
•JSDocアノテーションによる型付け
•コンパイル時の詳細なレポート
•ツール同士の連携