このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#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の設定
- 動作確認
