フロントエンド技術を学ぼう 2-33.ビルドとタスクの自動化について学ぶ

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

第43回はPart II: Learning Front-End Devから、33項のLearn Build and Task Automationを紹介します。

ビルドとタスクの自動化について学ぶの説明です。

ビルドとタスクの自動化について学ぶ

ビルドの自動化は、コンピュータのソースコードをバイナリコードにコンパイルし、バイナリコードをパッケージ化し、自動化されたテストを実行するなど、ソフトウェアビルドおよび関連プロセスの作成を自動化するプロセスです。

参照元：英語版Wikipedia

一般的な学習リソース

• 現場で使えるgulp入門 第1回 gulpとは何か [読み物][日本語]
• Gulp.js入門 [読み物][日本語]
• gulp入門 (全12回) - ドットインストール [読み物][日本語]
• Gulp.js入門 – コーディングを10倍速くする環境を作る方法まとめ [読み物][日本語]

Getting Started with Gulp(Gulp入門)

リファレンス/ドキュメント

• Gulp

アドバイス

Gulpは素晴らしいです。しかし、npm runだけで十分な場合もあるかもしれません。あなたのアプリケーションスタックが複雑性を増す前に、npm runでこなせるかどうか自問してください。それ以上に機能が必要な場合は、Gulpを使用してください。

npm runを使う

学習リソース

• Give Grunt the Boot! A Guide to Using npm as a Build Tool [読み物]
  (ブートにはGruntを！npmをビルドツールとして使用するためのガイド)
• How to Use npm as a Build Tool [読み物]
  (ビルドツールとしてnpmを使用する方法)
• Task Automation with npm Run [読み物]
  (npm実行によるタスク自動化)
• Using npm as a Build System for Your next Project [読み物]
  (次のプロジェクトの構築システムとしてnpmを使用する)
• Why I Left Gulp and Grunt for npm Scripts [読み物]
  (なぜ私はGulpとGruntをnpmスクリプトに任せたか？)
• Why npm Scripts? [読み物]
  (なぜnpmスクリプトなのか？)
• npm で依存もタスクも一元化する [読み物][日本語]