Gruntで自動化が超便利なのはわかっているけど動けない人のためのまとめ資料。
こんにちわ。
ふぃふぃです。
Gruntとゆう開発ツール?の勉強会に行くので事前に調査してまとめてみました。
Gruntとは?
Grunt: The JavaScript Task Runner
Gruntとは、JavaScriptで書いたタスクを実行してくれるアプリケーション(JavaScript Task Runner)です。 Webアプリケーションの開発が複雑になってきて、CoffeeScript、Sassなどのコンパイルが必要な技術を使うことが多くなってきたことや、フロントエンドのパフォーマンスチューニングのためにJavaScriptやCSSファイルの最小化や画像の最適化を行うことが増えてきました。 Gruntを使うとそれらをまとめて自動化することができるようになります。「今どきのGruntを使ったフロントエンド開発(HTML/CSS編)」HTML5 Conference 2013 セッションレポート | HTML5Experts.jp
ビルドツールまとめ系の記事。 (まずは広い視野からGruntの立ち位置を知りましょう。)
ビルドツールまとめ。Gruntとかgulpとか (フロント寄り) - Qiita
Gruntはjavascriptで動くものですが、ほかにもRubyやMacOS系のツールもあるようです。
Gruntの導入方法の記事。
情報は多くあるので、好みで選ぶと良さそうです。
Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門|Web Design KOJIKA17
黒い画面が苦手なデザイナーでもGruntが使いたい! - Catcher in the tech
ドットインストールで学びたいならこちら。
#01 Gruntとはなにか? | Grunt入門 - プログラミングならドットインストール
Gruntのプラグインについての記事
Plugins - Grunt: The JavaScript Task Runner
Gruntにはプラグインがあり、いろいろとごにょごにょできるそうです。
Webサイト制作に便利なGruntプラグイン(その1) - Qiita
開発に必須のツール「Grunt」の便利なプラグイン | Diglog
Node.js - 僕がGrunt.jsで使っているPlugin一覧 - Qiita
### Grunt関連のスライド資料
書籍
- 作者: 藤本壱
- 出版社/メーカー: 藤本 壱
- 発売日: 2013/05/30
- メディア: Kindle版
- この商品を含むブログを見る
Getting Started with Grunt: The JavaScript Task Runner
- 作者: Jaime Pillora
- 出版社/メーカー: Packt Publishing
- 発売日: 2014/02/19
- メディア: Kindle版
- この商品を含むブログを見る
フロントエンドエンジニア養成読本 [HTML、CSS、JavaScriptの基本から現場で役立つ技術まで満載! ] (Software Design plus)
- 作者: 斉藤祐也,石本光司,加藤賢一,水野隼登,谷拓樹,泉水翔吾,原一成,平木聡,佐藤歩,杉本吉章
- 出版社/メーカー: 技術評論社
- 発売日: 2014/07/02
- メディア: 大型本
- この商品を含むブログを見る