## gulp.jsとは
# gulp.jsとは

- JavaScriptで書くタスクランナー
  - Node.jsで動きます
- 定義されたタスクを実行できる

## 使いどころ
# 使いどころ

- Sassのコンパイル
- autoprefixerを使ってベンダープリフィックスを付ける
- JavaScriptのlintとかminify
  - ES 2015をbabel
- live reload
- アプリケーションサーバーの起動管理

## 導入の仕方
# 導入の仕方

Mac前提で

- `brew install node`
  - nodebrewとか使いたい場合はそちらで
  - 何もしないと5.x系が入ると思いますが、安定版（LTS）は4.x系
- `npm install gulp --global`

## npmとは
# npmとは

- Node.jsのパッケージマネージャー
  - RubyでいうところのGem（Gemfile）
  - PHPでいうところのComposer（composer.lock）
- Node.jsの場合`package.json`というファイルを使います
  - `npm init`すると雛形が作成できます

## 仕組み

- `npm install`すると`node_modules`というディレクトリーができてそこにパッケージがインストールされます
- `npm install --saveす`るとインストールされた上に`package.json`にそのモジュール名とインストールしたバージョンが記録されます。`dependencies`として。
- `npm install --save-dev`すると同様ですが`devDependencies`として記録されます
- 決められたバージョンをインストールできるようにする仕組み