#navi_header|JavaScript|

GruntとGulpの位置付けや関連について勉強するための参考URLの2015-03時点メモ。

ごく簡単に箇条書きで共通点や違いをまとめる。

- どちらもビルドツールである点は同じ。
- Gruntの方が先発で、JavaScriptのオブジェクトとしてタスクを定義する。MavenとかAntっぽい。
- Gulpが後発で、ビルドに使えるAPIをDSL的に提供し、それらを組み合わせてビルドのフローを組み立てていく仕組みで、Gruntより動的。

それぞれ、プラグインの種類やIDE/エディタとの連携で色々細かい差異が出てくるが、ビルドツールのコンセプトとしては上記の違いがあるらしい。

2015-03-29追記：

- Grunt/Gulpで憔悴したおっさんの話 - MOL
-- http://t32k.me/mol/log/npm-run-script/
-- Grunt/Gulpを実際に試した結果、npmベースでのビルドに落ち着いた人の記事。
-- ブクマではGrunt自体、開発が止まり衰退期に入ったのでは、という指摘も。

#more||
----

Grunt参考資料：
- Grunt: The JavaScript Task Runner
-- http://gruntjs.com/
- gruntjs/grunt
-- https://github.com/gruntjs/grunt
- 「Gruntで始めるWeb開発爆速自動化入門」最新記事一覧 - ITmedia Keywords
-- http://www.atmarkit.co.jp/ait/kw/grunt_nyumon.html
-- (2014-03～07にかけての記事)
- grunt.js - Grunt入門 - Qiita
-- http://qiita.com/svartalfheim/items/3968fd94da05f565d18f
-- (2013-07の記事)


Gulp参考資料：
- gulp.js - the streaming build system
-- http://gulpjs.com/
- gulp/getting-started.md at master · gulpjs/gulp
-- https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md
- Gulp.js入門 - コーディングを10倍速くする環境を作る方法まとめ | 株式会社LIG
-- http://liginc.co.jp/web/tutorial/117900
-- (2014-09の記事)
- 現場で使えるgulp入門 - gulpとは何か | CodeGrid
-- https://app.codegrid.net/entry/gulp-1
-- (2014-09の記事)
- gulp.jsで始めるWeb開発爆速自動化入門：便利なGruntの弱点を補うgulp.jsのインストールと使い方 (1/3) - ＠IT
-- http://www.atmarkit.co.jp/ait/articles/1408/19/news035.html
-- (2014-08の記事)
- Gruntの対抗馬として急速に成長しているnode.jsタスクランナー「gulp」とすぐに使えるサンプルファイルのご紹介です。
-- http://www.tettori.net/post/1523/
-- (2014-08の記事)
- [JavaScript] Gruntの後発のフロントエンドビルドツール、gulpに入門 - YoheiM .NET
-- http://www.yoheim.net/blog.php?q=20140602
-- (2014-06の記事)
- grunt から gulp に移行した記念に適当なこと書いておく | デブ ハゲ
-- http://dev.hageee.net/41
-- (2014-06の記事)
- Gruntに置き換わるか？新生ビルドシステム「gulp」v3.5.2入門 | REFLECTDESIGN
-- http://re-dzine.net/2014/02/getting-started-with-gulp/
-- (2014-02の記事)
- 打倒Grunt！Node.js用の新たなビルドシステムgulpことはじめ | OpenWeb
-- http://openweb.co.jp/2013/12/26/%E6%89%93%E5%80%92grunt%EF%BC%81node-js%E7%94%A8%E3%81%AE%E6%96%B0%E3%81%9F%E3%81%AA%E3%83%93%E3%83%AB%E3%83%89%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0gulp%E3%81%93%E3%81%A8%E3%81%AF%E3%81%98%E3%82%81/
-- (2013-12の記事)

#navi_footer|JavaScript|