おためし受講中

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

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

この授業で学べること​

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

学生代表

  • 田原 彩香

    田原 彩香

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介
    00:19  (00:10 ~ )
    アジェンダ
    01:06  (00:29 ~ )
    Gulpのおすすめプラグイン
    00:45  (01:35 ~ )
    おすすめプラグイン①:ファイルのリネーム
    06:52  (02:20 ~ )
    おすすめプラグイン②:JavaScriptファイルの結合
    05:28  (09:12 ~ )
    おすすめプラグイン③:PNG画像のファイルサイズ削減
    05:21  (14:40 ~ )
    おすすめプラグイン④:ソースマップの出力
    05:40  (20:01 ~ )
    おすすめプラグイン⑤:スプライトシートの作成
    09:02  (25:41 ~ )
    大規模なタスク処理のためのTips
    00:39  (34:43 ~ )
    複数人メンバーでのタスク共有
    03:41  (35:22 ~ )
    複雑な同期・非同期処理の取り扱い
    04:51  (39:03 ~ )
    タスクの分割
    03:30  (43:54 ~ )
    npm-scripts、WebPackとの連携
    01:26  (47:24 ~ )
    npm-scriptsとは
    00:44  (48:50 ~ )
    npm-scriptsとGlupを連携させるメリット
    01:13  (49:34 ~ )
    WebPackとは
    00:38  (50:47 ~ )
    WebPackとGlupの使い分け
    01:31  (51:25 ~ )
    まとめ
    01:48  (52:56 ~ )
    【後半】質疑応答
    Q:gulpフォルダ内のタスクは gulp *** で呼び出せるのはなんでですか? 2回目まではgulpfile.jsという1ファイルだけだったので理解できたのです. 複数のタスクファイルがあるとgulpはどうやってタスクを見つけているのか気になります.
    01:52  (54:59 ~ )
    Q:node_modulesフォルダは結構重いけどGitで共有したほうがいいんでしょうか?
    01:20  (56:51 ~ )
    お知らせ
    00:37  (58:11 ~ )
    先生からのメッセージ
      (58:48 ~ )