はじめに
今回はタスクランナーであるgulpについてのまとめを紹介していきます。
web制作でgulpを使う場合の使い方をまとめています。
web制作ではコーディング以外にたくさんの面倒な作業があります。
gulpを導入すればその面倒な作業を全て自動化させることができるかもしれないので、気になる方はぜひ見てください。
それではgulpのまとめに移ります。
gulp使い方まとめ
gulpのインストールからいろんなプラグインの導入までまとめました。
公式サイトはこちらから
セクションごとに記事に分けていますので気になった方は参照してみてください。
gulpとはなにか? 環境構築をしよう
gulpとはそもそも何か、どうやって環境構築をすればいいのかを知りたい方はこちらを参照してください。
gulpについてのメリット・デメリットをまとめ、windows10での環境構築方法について紹介しています。
gulp入門 使い方① – コマンド実行 –
とりあえずgulpを動かしてみたい方はこちらを参照してください。
簡単なサンプルコードを使って、コマンドでgulpを実行するところまでを紹介しています。
gulp入門 使い方② – srcとdest –
gulpの一番基本的な機能であるsrcとdestの使い方を知りたい方はこちらを参照してください。
srcとdestを使ってファイルをコピーする方法について紹介しています。
gulp入門 使い方③ – seriesとparallel –
gulpのタスクを実行させるときの機能であるseriesとparallelの使い方を知りたい方はこちらを参照してください。
seriesとparallel2つのタスク実行方法の違いについて紹介しています。
gulp入門 使い方④ – watch –
ファイルの変更を監視する機能であるwatchの使い方を知りたい方はこちらを参照してください。
watch機能を使って任意のファイルを監視してタスクを実行させるやり方を紹介しています。
gulpおすすめプラグイン まとめ
gulpのおすすめのプラグインを知りたい方はこちらを参照してください。
gulpを導入したけどどういうプラグインを導入すればいいか分からないといった方は見てみてください。
gulpサンプルテンプレート紹介
gulpのテンプレートを紹介しています。
gulpの記述の仕方やプラグインについてはなんとなく分かったけど構築の仕方が分からないと困っている方は参考にしてください。
おわりに
以上web制作でgulpを使う場合の使い方を紹介しました。
いかがだったでしょうか。
gulpを扱えるようになるとweb制作でのできる幅が広がるのでぜひ導入を検討してみてください。
コメント