Closure Toolsの紹介

Closure Toolsの紹介

• 1.
  Closure Tools 2013/08/24 LLまつり
• 2.
  自己紹介 •天野 祐介 (@ama_ch) •サイボウズ株式会社 •kintone開発チーム •WEB+DBPRESSにてJS連載を執筆中 「JavaScript活用最前線 ─ 大規模開発 の現場から」
• 3.
  •webデータベース型のビジネスアプリ を作成できるサービス •ノンプログラミングで作れる •データベース + コミュニケーション
• 8.
  kintoneの規模 •PG12名 •JSは約21万行
• 9.
  JSフレームワーク •Closure Compiler •Closure Library •ClosureTemplates •Closure Linter + JSHint
• 10.
  Closure Library •フルスタックなJSライブラリ •クラスベースなオブジェクト指向 •低レイヤな機能からUIコンポーネント, テストスイートまで •Closure Compilerと一緒に使われるこ とを想定
• 11.
  Closure Compiler •JS圧縮・難読化ツール •高い圧縮率 •詳細なエラーレポート •JSDocアノテーションによる型付け
• 12.
  JSDocアノテーション
• 13.
  エラーレポート
• 14.
  ツール同士の連携 •Closure Tools同士を一緒に使うと、さ らに最適化される •Closure CompilerがClosureLibrary の特定のコードを削除したり型推論し たり
• 15.
  コンパイル前 コンパイル後 Warning 連携なし
• 16.
  コンパイル前 コンパイル後 Warning 連携なし assertで要素の存在は確認しているのに、 nullableだと怒られる
• 17.
  コンパイル前 コンパイル後 Warningなし 連携あり
• 18.
  コンパイル前 コンパイル後 Warningなし 連携あり •CompilerがLibraryのassertを削除 •Libraryのassertを見て型推論
• 19.
  Closure Toolsまとめ •Googleで使われている実績 •フルスタックなライブラリ •高い圧縮率 •JSDocアノテーションによる型付け •コンパイル時の詳細なレポート •ツール同士の連携