JavaScript/参考メモ/Grunt, Gulp(2015-03時点) (v1)

• [ Prev ]
• [ Next ]
• [ 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自体、開発が止まり衰退期に入ったのでは、という指摘も。

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の記事)

• [ Prev ]
• [ Next ]
• [ JavaScript ]