ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/06/01
NEW
『JavaScript入門 DOM編』をリリースしました
2023/06/01
NEW
週刊ドットインストール(2023/06/01号)を更新しました!
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の設定
動作確認
ギャラリー
このレッスンについて
最終更新日
2014年2月20日
バージョン情報
Node.js 0.10.25 / npm 1.3.6 / lessc 1.6.3 / grunt 0.4.2
関連キーワード
(5)
基礎講座
(369)
中級者向け
(115)
JavaScript
(148)
開発ツール
(62)
Node.js
(8)
このレッスンを共有する