【Gulp4】タスクランナーでWEB制作の作業なんでも自動化しちゃおう
「Gulp4はWEB制作の面倒なタスクを自動化できます。」 WEB制作の現場で働いていると、いろいろな面倒なタスクがあると思います。 画像の圧縮やベンダープレフィックスの付与、JSのトランスパイルなど……。 それらはわざわざ手動で行う必要があるでしょうか。 Gulp4を使えば npx gulpのコマンド1つで以上に挙げたすべてのタスクを自動化できます。 「エンジニアじゃないから、ターミナルとか、コマンドとか難しいんじゃ……」と思っている方、安心してください。 この本ではターミナルの開き方から解説しますし、 文法を説明するときも専門用語を極力使わないようにしています。 わかりやすさ・シンプルさ・実際の使いやすさを重視です。 この本のオリジナルは2019年に書いていますが、 今回はそれを大幅に補強して公開する流れとなりました。 この本は序盤が無料になっていますので、ぜひ試し読みしてください。 もっと読みたい!と思った方はぜひ本をご購入ください。 初心者・入門の方を応援するため、最低価格の200円で提供しております。 売上の一部は他の方のZenn本の購入、Zenn記事のサポートに充てさせていただきます。 (みんなでZennを盛り上げましょう!) 有料本ということで、内容は必要に応じてアップデートされます。 この本をより良くするため、コメントや校正などお待ちしております。 (こういうチャプターを増やして欲しい!といった内容の増強や、説明の追加などの要望も受け付けています!) Twitterなどでのシェア大歓迎です🙌🏻 質問はスクラップにて受け付けております : )
Chapters
概要:Gulpとは・Gulpでできること
準備:Node.jsのインストール・package.jsonの作成など
実践:Sass(Scss)のコンパイルを自動化しよう
実践:ベンダープレフィックスの付与を自動化しよう
実践:JSのトランスパイル(Babel)を自動化しよう
実践:画像の圧縮を自動化しよう
実践:すべてのタスクを1つのコマンドで実行しよう
解説:ざっくりGulp4の文法を知ろう
ボーナス:一度設定したGulpを他のプロジェクトでも使用する
執筆バージョン履歴
Community
Author
Topics
- 公開
- 本文更新
- 文章量
- 約16,394字
- 価格
- 200円