Promiseとは?

この記事はMojirageアドベントカレンダーの6日目の記事です。
matatsuna.hatenablog.com

Promise

ネストが深くなりがちなときに関数キレイに呼び出すことができるやつ
jsでは必ずしもソースの上から実行されるとは限らないので、順序ごとにPromiseがついた関数を呼び出すとキレイに書ける
始めは概念を捉えるのに苦労した

特に非同期な処理(通信やロードなど)を書くときに設定した関数が終わるまで待ってくれるのが嬉しい
この記事の一番最後を見るとありがちなコードを快適にさせてくれるのがわかりやすい
techracho.bpsinc.jp

promise.all()には最近、特にお世話になってる

参考サイト

qiita.com

gulpとwebpack

この記事はMojirageアドベントカレンダーの5日目の記事です。
matatsuna.hatenablog.com

gulp

雑にいうとBrowserifyとかにjsを通すときにファイルの監視をして変更されたらコンパイルというふうに使ってました

webpack

gulpよりも簡単にnodeでしか動かないものをwebで動くようにしてくれるものらしいです
現状はこれを使ってます
gulpはグローバルインストールする必要があったのですが、webpackはローカルで動いたので非常に扱いやすいです
gulpもローカルで動かせるそうです
qiita.com

参考

qiita.com

babelとは

この記事はMojirageアドベントカレンダーの4日目の記事です。
matatsuna.hatenablog.com

昨日の記事で取り上げtたbabelとはなにか?

babel

babeljs.io
ES6の新しい書き方で書いたものを今のブラウザで動くレベルまで勝手に変換してくれるパッケージです。
ただし、require/importなどの依存関係を読み込んではくれないのでBrowserifyとかも一緒に実行する必要があります。