PREMIUM
第1回
ウェブ制作を劇的に効率化するGulpとは？
2016年10月26日 60min
スライド資料
授業の概要
こんな人にオススメ
基本的なHTML・CSSコーディングのできるウェブデザイナー・コーダー
担当の先生／パーソナリティ
チャプター
-
自己紹介
02:52 -
アジェンダ
00:54 -
Gulpって一体なんだろう？
00:26 -
ウェブサイト制作には手間のかかる作業が多い
01:58 -
Gulpとは
00:36 -
作業を自動化するGulp
01:47 -
類似のタスクランナーとの比較
02:45 -
タスクランナーのトレンド推移
02:54 -
Gulpをインストールしよう
00:19 -
Node.jsのインストール
07:21 -
Gulpをグローバルにインストールする方法
03:00 -
プロジェクトの初期設定
01:22 -
プロジェクトにGulpをインストールする
03:03 -
必要なプラグインをインストールする
00:50 -
タスクランナーの指示ファイルを作成
01:07 -
タスクを作って実行しよう
00:14 -
Sassのコンパイル
03:09 -
Sassのコンパイルに必要なプラグインをインストールする
01:03 -
gulpfile.jsにタスクを記述する
03:38 -
コマンドラインでタスクを実行する
02:30 -
ファイルの変更を監視してみよう
00:09 -
watch機能とは
00:58 -
watchを使ったタスク作成
05:02 -
Q：watchの対象は、フォルダ指定したら配下にあるファイルはすべて監視されるという感じでしょうか？
01:38 -
まとめ
01:09