ありえるえりあミニ勉強会#4 ～ Google Closure LibraryでのLT資料 http://connpass.com/event/1214/

1. goog.require()を
手書きしていいのは
小学生まで
@teppeis
2012/11/08 ありえるミニ勉強会 #4
http://connpass.com/event/1214/

2. 自己紹介
• 佐藤鉄平 @teppeis
• サイボウズでkintoneっていう
サービスを作っています。
参考: 大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の
現場から。デブサミ2012 − Publickey
• フロントからバックエンドまでやって
ます。

3. JS連載中!

4. !!

5. jQueryなど
世を忍ぶ仮の姿に過ぎない。

6. Closure歴2年ちょっと

7. 好きなClosure Toolsは
Closure Templatesと
fixjsstyleです！

8. 好きなクラスは
goog.Disposableです！

9. ※本題とはそれますが
• Closure Libraryは、
Closure Compilerの能力を
最大限に引き出すために作られたFWです
• Closure Compilerが大前提です。
• それを踏まえて使用を検討しましょう。

10. 本題

11. みなさん、
goog.require()とか、
書くの面倒じゃないですか？

12. Java（とEclipse）で
import文を手書きしてたら
「え？」ですよね。

13. fixclosure:
goog.require/provideの過不足をチェックして
コードに挿入/削除するコマンドを作って、
vimと連携してみた。

14. Demo

15. 最初はどこでも動くように
bashで書きました。

16. どの環境でもすぐ動いた。
CIにも組み込めた。
（requireが漏れてたらビルドを落とす）

17. ところが、

18. sed地獄

19. Mountain Lionで使えない...
http://www.dirtdon.com/?p=14

20. 拡張もメンテもきつい。。

21. そこで、

22. Esprima!

23. Esprimaベースでリライト！

24. Esprimaベースなら、
柔軟な拡張が可能。

25. 例えば、
disposeInternalメソッド内での
goog.base呼び忘れ（リソース漏れの大惨事）
をチェックするとか、
より柔軟なLint&Fixが実現できる。

27. $ npm install -g fixclosure
https://github.com/teppeis/fixclosure
先ほど無理矢理publishしたalpha版のため、
ご利用の際はご注意ください:)

28. ありがとうございました！