Babel the JavaScript transpiler - 今日から使うES2015 -
29
Babel, the JavaScript transpiler 今日から使う ES2015
-
Upload
f99aq8ove -
Category
Technology
-
view
286 -
download
0
Transcript of Babel the JavaScript transpiler - 今日から使うES2015 -
![Page 1: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/1.jpg)
Babel, the JavaScript transpiler
今日から使うES2015
![Page 2: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/2.jpg)
ES2015 released!
![Page 3: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/3.jpg)
今すぐ使いたい
![Page 4: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/4.jpg)
実行エンジンが対応していない orz
![Page 5: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/5.jpg)
BabelでES5に変換しよう
![Page 6: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/6.jpg)
Install babel
![Page 7: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/7.jpg)
transpile
% babel target.js
実行
% babel-node target.js
![Page 8: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/8.jpg)
ES2015での変更点抜粋
![Page 9: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/9.jpg)
Constant
![Page 10: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/10.jpg)
let
![Page 11: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/11.jpg)
Arrow function
![Page 12: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/12.jpg)
Arrow function (lexical this)
![Page 13: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/13.jpg)
Default parameter
![Page 14: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/14.jpg)
Rest parameter
![Page 15: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/15.jpg)
Spread operator
![Page 16: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/16.jpg)
Template literal
![Page 17: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/17.jpg)
Tagged template literal
![Page 18: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/18.jpg)
Enhanced object property
![Page 19: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/19.jpg)
Enhanced object property 2
![Page 20: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/20.jpg)
Destructuring
![Page 21: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/21.jpg)
Module
![Page 22: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/22.jpg)
Class
![Page 23: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/23.jpg)
for of
![Page 24: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/24.jpg)
Generator
![Page 25: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/25.jpg)
set
![Page 26: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/26.jpg)
map
![Page 27: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/27.jpg)
array find
![Page 28: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/28.jpg)
string repeat/search
![Page 29: Babel the JavaScript transpiler - 今日から使うES2015 -](https://reader036.fdocument.pub/reader036/viewer/2022062401/587a3a2a1a28abdb1c8b69cd/html5/thumbnails/29.jpg)
Promise
省略