Promiseとは?
この記事はMojirageアドベントカレンダーの6日目の記事です。
matatsuna.hatenablog.com
Promise
ネストが深くなりがちなときに関数キレイに呼び出すことができるやつ
jsでは必ずしもソースの上から実行されるとは限らないので、順序ごとにPromiseがついた関数を呼び出すとキレイに書ける
始めは概念を捉えるのに苦労した
特に非同期な処理(通信やロードなど)を書くときに設定した関数が終わるまで待ってくれるのが嬉しい
この記事の一番最後を見るとありがちなコードを快適にさせてくれるのがわかりやすい
techracho.bpsinc.jp
promise.all()には最近、特にお世話になってる
参考サイト
gulpとwebpack
この記事はMojirageアドベントカレンダーの5日目の記事です。
matatsuna.hatenablog.com
gulp
雑にいうとBrowserifyとかにjsを通すときにファイルの監視をして変更されたらコンパイルというふうに使ってました
webpack
gulpよりも簡単にnodeでしか動かないものをwebで動くようにしてくれるものらしいです
現状はこれを使ってます
gulpはグローバルインストールする必要があったのですが、webpackはローカルで動いたので非常に扱いやすいです
gulpもローカルで動かせるそうです
qiita.com
参考
babelとは
この記事はMojirageアドベントカレンダーの4日目の記事です。
matatsuna.hatenablog.com
昨日の記事で取り上げtたbabelとはなにか?
babel
babeljs.io
ES6の新しい書き方で書いたものを今のブラウザで動くレベルまで勝手に変換してくれるパッケージです。
ただし、require/importなどの依存関係を読み込んではくれないのでBrowserifyとかも一緒に実行する必要があります。