chevron_left

Gulp入門

PREMIUM
第3回

よりGulpを使いこなすために知っておくべきこと

2016年11月16日 60min

スライド資料

会員登録して、全てのスライドを見よう

1 / 33

授業の概要

Gulp入門の第3回目は、Gulp講座の発展的内容として、大規模なウェブサイトやSPAの開発を効率的に行うためのTipsを紹介します。

この授業で学べること​

  • ・より大規模なタスク処理のためのTips
  • ・Gulpのおすすめプラグイン
  • ・npm scripts・WebPackとの連携

こんな人にオススメ

基本的なHTML・CSSコーディングのできるウェブデザイナー・コーダー

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
自己紹介
00:19
play_arrow
アジェンダ
01:06
play_arrow
Gulpのおすすめプラグイン
00:45
play_arrow
おすすめプラグイン①:ファイルのリネーム
06:52
play_arrow
おすすめプラグイン②:JavaScriptファイルの結合
05:28
play_arrow
おすすめプラグイン③:PNG画像のファイルサイズ削減
05:21
play_arrow
おすすめプラグイン④:ソースマップの出力
05:40
play_arrow
おすすめプラグイン⑤:スプライトシートの作成
09:02
play_arrow
大規模なタスク処理のためのTips
00:39
play_arrow
複数人メンバーでのタスク共有
03:41
play_arrow
複雑な同期・非同期処理の取り扱い
04:51
play_arrow
タスクの分割
03:30
play_arrow
npm-scripts、WebPackとの連携
01:26
play_arrow
npm-scriptsとは
00:44
play_arrow
npm-scriptsとGlupを連携させるメリット
01:13
play_arrow
WebPackとは
00:38
play_arrow
WebPackとGlupの使い分け
01:31
play_arrow
まとめ
01:48
play_arrow
Q:gulpフォルダ内のタスクは gulp *** で呼び出せるのはなんでですか? 2回目まではgulpfile.jsという1ファイルだけだったので理解できたのです. 複数のタスクファイルがあるとgulpはどうやってタスクを見つけているのか気になります.
01:52
play_arrow
Q:node_modulesフォルダは結構重いけどGitで共有したほうがいいんでしょうか?
01:20
play_arrow
お知らせ
00:37
play_arrow
先生からのメッセージ