マネーフォワードでフロントエンドの開発者をしています大塔と申します。 今回は個人的にお世話になることの多いGeneratorおよび Async/Await を使って非同期処理を、同期処理っぽく書く方法について、記載させていただきたいと思います。 環境構築 webpackやrollupなど新しいバンドラーが出てきていますが、今回はECMAScriptのビルドにgulpを使います。またトランスパイラにはBabelを用います。 NodeJS 4.2.1 npm 2.14.7 Google Chrome 49.0.2623.112 (64-bit) ソースコード 今回作成したソースコードはすべてこちらからダウンロードできます。ソースコードのビルド方法や動かし方はお手数ですがリンク先をご覧ください。 package.json 必要となるパッケージを記述します。 { "name": "blog_sam