Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Closure Compiler Updates for ES6

2,645 views

Published on

Meguro.es #2 でのLT発表資料
http://meguroes.connpass.com/event/25018/

Published in: Technology
  • Be the first to comment

Closure Compiler Updates for ES6

  1. 1. Closure Compiler Updates for ES6 @teppeis Meguro.es #2 2016/02/10
  2. 2. Hello! • Teppei Sato, @teppeis • Cybozu, Inc. / kintone • from Nihonbashi.es
  3. 3. http://azu.github.io/slide/2016/jser5years/sc22-ecmascript-ahodc.html
  4. 4. Closure Compiler It compiles from JavaScript to better JavaScript.
  5. 5. 本当のClosure Compiler • 圧縮&最適化 • JSDocベースの静的型チェック • ES6 Transpiler & Polyfills • GitHubで超アクティブに進化中
 https://github.com/google/closure-compiler
  6. 6. Compile ES6 to ES5 java -jar compiler.jar --language_in ES6 --language_out ES5 foo.js
  7. 7. core-jsずるいよ!
  8. 8. core-js とは • Polyfillライブラリ (ES5/6/7, DOM, 独自) • 機能検出が細やか
 native実装をなるべく使ってくれる • ES6のPolyfillとしてはほぼ完成
 単体でcompat-table 30%ぐらい稼ぐ
  9. 9. TypeScriptずるい • ぜんぜん関係ないくせに
 compat-tableではcore-jsでスコアを水増し • babelはデフォルトでセットになってるから
 まあしょうがない気がするけど
  10. 10. Closure Compilerにも core-js を追加してみた(ローカルで)
  11. 11. 勝った!
  12. 12. Conclusion • Closure Compiler の ES6トランスパイル機能は、
 TypeScript や Traceur より強い程度には
 使えるレベルにあるよ。 • でもClosure Compiler、
 最近ES6 polyfillを独自実装し始めたってよ。
 大丈夫か。。。
 https://github.com/google/closure-compiler/tree/master/test/com/google/javascript/jscomp/js/es6
  13. 13. Thanks!

×