Gulp.jsのおすすめプラグインをご紹介します！ 基本的な使い方も解説しているので参考にしてみてください

1. 村田

2. Gulpって
なに？

3. Node.jsをベースとした
ビルドシステムヘルパー
です

5. 様々な作業を
自動化できる
便利なツールです

6. どうやって使うの？

7. 豊富なプラグインを組み合わせて
お好みのタスクを作成
gulp-add-src
gulp-angular-filesort
gulp-angular-templatecache
gulp-autoprefixer
gulp-beautify
gulp-bump
gulp-cache
gulp-changed
gulp-coffee
gulp-csslint
gulp-data
gulp-debug
gulp-eslint
gulp-exec
gulp-filter
gulp-git
gulp-header
gulp-iconfont
gulp-ignore
gulp-istanbul
gulp-jasmine
gulp-jsdoc
gulp-jshint
gulp-markdown
gulp-minify-html
gulp-mocha
gulp-nodemon
gulp-notify
gulp-plumber
gulp-replace
gulp-sass
gulp-sequence
gulp-streamify
gulp-template
gulp-watch
gulp-zip
gulp-json-editor
gulp-docco
gulp-conflict ,etc..

8. もっと具体的に

9. できることたくさんあります
SCSSをCSSに
ビルドする
markdownをPDF
に変換
SCSSの
スタイルガイド
を作成する
特定のファイル
を結合する
ファイルの変更
を
監視する
ソースコードを
圧縮する
JavaScriptの
ドキュメント
を作成する
画像を
圧縮する

10. フォルダ構成ってどうなってんの？
gulpfile.js
node_modules
package.json
[root directory]
gulp
gulp-jsdoc
gulp-template
gulp-sass
gulp-plumber
gulp-minify-css

11. フォルダ構成ってどうなってんの？
gulpfile.js
node_modules
package.json
[root directory]
gulp
gulp-jsdoc
gulp-template
gulp-sass
gulp-plumber
gulp-minify-css
各種プラグインを格納

12. フォルダ構成ってどうなってんの？
gulpfile.js
node_modules
package.json
[root directory]
gulp
gulp-jsdoc
gulp-template
gulp-sass
gulp-plumber
gulp-minify-css
インストール対象設定JSON
（後で活躍します）

13. フォルダ構成ってどうなってんの？
gulpfile.js
node_modules
package.json
[root directory]
gulp
gulp-jsdoc
gulp-template
gulp-sass
gulp-plumber
gulp-minify-css
ここにタスクを記述します

14. gulpfile.jsはこんな感じで書きます
ストリーム形式
で記述できる
プラグインの組
み合わせも自由
自在

15. こいつらがおすすめです
×SCSSをCSSに
ビルドする
gulp-sass
ファイルの変更
を
監視する
gulp
JavaScriptの
ドキュメント
を作成する
gulp-jsdoc

16. ×SCSSをCSSに
ビルドする
gulp-sass
ファイルの変更
を
監視する
gulp
さてスタイル
書こうっと

17. JavaScriptの
ドキュメント
を作成する
gulp-jsdoc

18. コメントコメント♪
JavaScriptの
ドキュメント
を作成する
gulp-jsdoc

19. JavaScriptの
ドキュメント
を作成する
gulp-jsdoc

20. 大規模開発でも活躍します
gulpfile.js
node_modules
package.json
[root directory]
gulp
gulp-jsdoc
gulp-template
gulp-sass
gulp-plumber
gulp-minify-css
インストール対象設定JSON
（後で活躍します）

21. 今です

22. インストールするプラグインを
統一できる
1回作れば
後は展開するだ
け
バージョンまで
指定できる
コマンド1個で
簡単インストー
ル

23. つかってみてください