ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/09/10
NEW
『Go言語入門 制御構造編』をリリースしました
2024/09/05
NEW
【週刊ドットインストール】 レッスン制作の進捗、256timesのエディター更新、メンタリングの現場から
PREMIUM
Grunt入門
Node.jsを使ったタスク自動化ツールであるGruntについて、基本的な使い方を学んでいきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(12)
#01 Gruntとはなにか?
(02:58)
無料公開中
概要
公式サイト
必要となる知識
レッスンにおける環境
sudo npm install -g grunt-cli
未完了
#02 package.jsonを作ろう
(02:49)
無料公開中
プロジェクトフォルダの作成
npm init
npm install grunt --save-dev
npm install
未完了
#03 Gruntfile.jsを作ろう
(02:16)
無料公開中
Gruntfile.jsの作成
プラグインの検索方法
未完了
#04 grunt-contrib-lessを使おう
(02:50)
作業用フォルダ・ファイルの準備
npm install grunt-contrib-less --save-dev
Grunfile.jsの設定
動作確認
未完了
#05 ターゲットを設定しよう
(02:43)
ターゲットの書き方
未完了
#06 src、destを設定しよう
(02:51)
src、dest
ワイルドカード
未完了
#07 optionsを設定しよう
(02:55)
options
/*! ... */
未完了
#08 grunt-contrib-csslintを使おう
(02:46)
npm install grunt-contrib-csslint --save-dev
<%= ... %>
動作確認
未完了
#09 grunt-contrib-cssminを使おう
(02:55)
npm install grunt-contrib-cssmin --save-dev
package.jsonの読み込み
未完了
#10 grunt-contrib-watchを使おう
(02:50)
npm install grunt-contrib-watch --save-dev
動作確認
未完了
#11 grunt-contrib-connectを使おう
(03:00)
npm install grunt-contrib-connect --save-dev
index.html
動作確認
未完了
#12 livereloadを使おう
(02:12)
livereloadの設定
動作確認
未完了
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2014年2月20日
バージョン情報
Node.js 0.10.25 / npm 1.3.6 / lessc 1.6.3 / grunt 0.4.2