Closure Toolsの紹介

1,064 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,064
On SlideShare
0
From Embeds
0
Number of Embeds
43
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Closure Toolsの紹介

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

×