html/css

browser-syncを使って自動でブラウザを更新する方法について説明していきます。web制作ではhtmlやcssでコーディングした後手動でブラウザで表示の確認をします。一見単純な作業ですが毎回手動で確認するのも面倒ですよね。browser-syncを使えば自動でブラウザをリロードしてくれるようになるので手動で更新するのが面倒に感じている方はぜひ導入してみてください。

gulp-uglifyを使ってJavaScriptファイルを圧縮する方法について説明していきます。JavaScriptを圧縮するとファイルの読み込み時間が短縮され、webの表示速度が上がります。webページの表示速度にこだわる方はぜひ導入してみてください。

gulp-purgecssとgulp-clean-cssを使ってcssファイルを圧縮する方法について説明していきます。cssを圧縮するとファイルの読み込み時間が短縮され、webの表示速度が上がります。webページの表示速度にこだわる方やcssフレームワークなどを多用している方はぜひ導入してみてください。

gulpを使って画像を自動で圧縮する方法について説明していきます。gulp-imageminを使えば大量の画像でも手軽に圧縮をすることができます。オンラインサービスや手動で画像の圧縮をして手間に感じている方はgulpでの画像圧縮が便利ですのでぜひ導入を検討してみてください。

gulp-image-resizeを使って画像をリサイズする方法について説明していきます。画像をリサイズするとブログに適した画像サイズにすることができ、表示の統一性を持たせることもできます。毎回手動で画像をリサイズして面倒に感じている方はぜひ導入を検討してみてください。

web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpのwatchという機能を使って任意のファイルを監視してタスクを実行させるやり方を説明しています。複数watchするやり方も説明していますので、gulpに興味のある方はぜひ導入を検討してみてください。

web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpのseriesとparallelという機能を使って複数コマンドを実行させるところまで説明しているのでgulpに興味のある方はぜひ導入を検討してみてください。

web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpのsrcとdestという機能を使ってファイルのコピーをコマンドで実行するところまで説明しているのでgulpに興味のある方はぜひ導入を検討してみてください。

web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpで関数を定義してコマンドを実行させるところまで説明しているのでgulpに興味のある方はぜひ導入を検討してみてください。

web制作にある程度慣れてきた方向けにgulpとはなにか、メリット・デメリットを説明しています。またgulpの環境構築についても記載していますのでgulpに興味のある方はぜひ導入を検討してみてください。