フロントエンド技術を学ぼう 3-36.タスクランナー/ビルドツール

Front-end Developer Handbook 2017を教科書にフロントエンド周りの技術を習得する連載。

第88回は Part III: Front-End Dev Toolsから、36項のTasking (aka Build) Toolsを紹介します。

タスクランナー/ビルドツールの説明です。

タスクランナー/ビルドツール

タスクランナー/ビルドツール

• Gulp
• Broccoli.js

アドバイス

Gulpを使用する前に、npm scripts や yarn scriptで事足りないか確認してみて下さい。“Why I Left Gulp and Grunt for npm Scripts”(なぜ私はGlupとGruntからnpm Scriptsに乗り換えたか)を読みましょう。

評価の高い タスキング/ビルド パイプラインツール

• Brunch
• Mimosa
• Lineman

調査結果

以下の画像は、2016 Frontend Tooling Survey(開発者4,715名)および2016 State of JS Survey(開発者9,307名)からのものです。

Image source: https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results

Image source: http://stateofjs.com/