![$ npm install -g babel-cli
$ npm install --save babel
$ npm install --save babel-plugin-syntax-async-functions
$ npm install --save babel-plugin-transform-regenerator
$ npm install --save babel-preset-es2015
$ vi .babelrc
̶
{
"presets": ["es2015"],
"plugins": ["syntax-async-functions", "transform-regenerator"]
}
̶
$ babel-node sample4.js](https://image.slidesharecdn.com/js-160201041606/85/JS-18-320.jpg)
JS非同期処理のいま
- 1. JS非同期処理のいま 2016.1.29 Developers in KOBEVol. 3 Bathtimefish 村岡 正和 Promise, Generator, async/awat
- 2. HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバー 日本ウェアラブルデバイスユーザー会共同発起人 / 神戸ITフェスティバル実行委員など むらおか まさかず 村岡正和 Webアプリケーション開発 IT業務システム設計/開発 Webサービス導入/事業戦略コンサルティング 神戸デジタル・ラボ 社外取締役 @bathtimefish HTML5-WEST.jp
- 4. function() { callback( function() { callback( function() { callback( function () { callback( function () { callback( function () { callback( function () { callback( function () { callback( function () { callback( function () {
- 7. ベタなコールバック
- 10. Promise
- 13. ES6 Generators
- 16. ES7 async/await
- 18. $ npm install -g babel-cli $ npm install --save babel $ npm install --save babel-plugin-syntax-async-functions $ npm install --save babel-plugin-transform-regenerator $ npm install --save babel-preset-es2015 $ vi .babelrc ̶ { "presets": ["es2015"], "plugins": ["syntax-async-functions", "transform-regenerator"] } ̶ $ babel-node sample4.js
- 21. まとめ
- 23. Thanks !