gulpの入門記事を書いたよ

CodeGrid

たまには宣伝!

弊社のフロントエンジニアがお届けしているフロントエンド関連の技術情報有料配信サービス「CodeGrid」にてgulpの連載を全5回で書きました。

第1回は無料で読めます。

ということで内容紹介です。

タイトルは「現場で使えるgulp入門」。gulpの基本を抑え、プラグインの使い方を解説しながら、タスクの書き方を覚えていく構成になっています。

解説には実際に使えるコードのサンプルを用意してあって、リポジトリからクローンすることで試すことができます。

以下、箇条書きにて各回の内容を紹介。

第1回 「gulpとは何か」

  • なぜgulpやGruntといった自動化ツールが必要なのか
  • gulpとGruntのアプローチの違い
  • 環境構築
  • 簡単なタスクを実行する

第2回 「プラグインを使う」

  • gulpのAPIの解説
  • プラグインについて
  • プラグインのインストールと使い方
  • プラグイン選択のポイント
  • ファイルの監視とタスクの実行

第3回 「タスクを作り込む」

  • タスクの分割とタスクの粒度
  • タスクの依存関係と注意点
  • 実行順序を制御する
  • 監視中のエラー発生時に終了しないようにする
  • エラーが起きたらデスクトップに通知を出す

第4回 「実践的なタスク」

  • BrowserSyncによるローカルサーバとライブリロード
  • タスクが処理しているファイルを確認する
  • 変更されたファイルだけに処理を行う
  • 結果のキャッシュとキャッシュからの復帰

第5回 「よりよい使いこなしのために」

  • プラグインのないコマンドラインツールとの連携
  • オススメプラグイン紹介
  • gulp4.0の変更点解説

CodeGridは1ヶ月無料で読めるよ!

CodeGridはPayPal払いを選択すると1ヶ月無料で読めます。サービス開始から2年半、アーカイブも300を越え、めっちゃタメになることいっぱい書いてあります(入社する前から自分も読んでます。)登録しなくて読める無料記事もいっぱいだよ!

団体購読もあります。

チーム全体のスキルを底上げしたいとか、フロントエンドエンジニアになったばかりの人への教育用などにもオススメでっす。

アーカイブをまとめた本も出てます。