29
Babel, the JavaScript transpiler 今日から使う ES2015

Babel the JavaScript transpiler - 今日から使うES2015 -

Embed Size (px)

Citation preview

Page 1: Babel the JavaScript transpiler - 今日から使うES2015 -

Babel, the JavaScript transpiler

今日から使うES2015

Page 2: Babel the JavaScript transpiler - 今日から使うES2015 -

ES2015 released!

Page 3: Babel the JavaScript transpiler - 今日から使うES2015 -

今すぐ使いたい

Page 4: Babel the JavaScript transpiler - 今日から使うES2015 -

実行エンジンが対応していない orz

Page 5: Babel the JavaScript transpiler - 今日から使うES2015 -

BabelでES5に変換しよう

Page 6: Babel the JavaScript transpiler - 今日から使うES2015 -

Install babel

Page 7: Babel the JavaScript transpiler - 今日から使うES2015 -

transpile

% babel target.js

実行

% babel-node target.js

Page 8: Babel the JavaScript transpiler - 今日から使うES2015 -

ES2015での変更点抜粋

Page 9: Babel the JavaScript transpiler - 今日から使うES2015 -

Constant

Page 10: Babel the JavaScript transpiler - 今日から使うES2015 -

let

Page 11: Babel the JavaScript transpiler - 今日から使うES2015 -

Arrow function

Page 12: Babel the JavaScript transpiler - 今日から使うES2015 -

Arrow function (lexical this)

Page 13: Babel the JavaScript transpiler - 今日から使うES2015 -

Default parameter

Page 14: Babel the JavaScript transpiler - 今日から使うES2015 -

Rest parameter

Page 15: Babel the JavaScript transpiler - 今日から使うES2015 -

Spread operator

Page 16: Babel the JavaScript transpiler - 今日から使うES2015 -

Template literal

Page 17: Babel the JavaScript transpiler - 今日から使うES2015 -

Tagged template literal

Page 18: Babel the JavaScript transpiler - 今日から使うES2015 -

Enhanced object property

Page 19: Babel the JavaScript transpiler - 今日から使うES2015 -

Enhanced object property 2

Page 20: Babel the JavaScript transpiler - 今日から使うES2015 -

Destructuring

Page 21: Babel the JavaScript transpiler - 今日から使うES2015 -

Module

Page 22: Babel the JavaScript transpiler - 今日から使うES2015 -

Class

Page 23: Babel the JavaScript transpiler - 今日から使うES2015 -

for of

Page 24: Babel the JavaScript transpiler - 今日から使うES2015 -

Generator

Page 25: Babel the JavaScript transpiler - 今日から使うES2015 -

set

Page 26: Babel the JavaScript transpiler - 今日から使うES2015 -

map

Page 27: Babel the JavaScript transpiler - 今日から使うES2015 -

array find

Page 28: Babel the JavaScript transpiler - 今日から使うES2015 -

string repeat/search

Page 29: Babel the JavaScript transpiler - 今日から使うES2015 -

Promise

省略