html/cssbrowserSyncを使ってWordPressのローカル環境で自動リロードさせよう【gulp4】 browser-syncを使ってローカルのWordPress環境でブラウザを自動リロードする方法について説明していきます。ローカルのWordPress環境でブラウザを自動リロードできるようになると非常に作業が楽になります。手動で更新するのが面倒に感じている方はぜひ導入してみてください。2021.06.03html/css
html/cssbrowserSyncを使ってブラウザを自動リロードさせよう【gulp4】 browser-syncを使って自動でブラウザを更新する方法について説明していきます。web制作ではhtmlやcssでコーディングした後手動でブラウザで表示の確認をします。一見単純な作業ですが毎回手動で確認するのも面倒ですよね。browser-syncを使えば自動でブラウザをリロードしてくれるようになるので手動で更新するのが面倒に感じている方はぜひ導入してみてください。2021.06.02html/css
html/cssgulp-uglifyでJavaScriptファイルを圧縮しよう【gulp4】 gulp-uglifyを使ってJavaScriptファイルを圧縮する方法について説明していきます。JavaScriptを圧縮するとファイルの読み込み時間が短縮され、webの表示速度が上がります。webページの表示速度にこだわる方はぜひ導入してみてください。2021.05.27html/css
html/cssgulp-purgecssとgulp-clean-cssでcssファイルを圧縮しよう【gulp4】 gulp-purgecssとgulp-clean-cssを使ってcssファイルを圧縮する方法について説明していきます。cssを圧縮するとファイルの読み込み時間が短縮され、webの表示速度が上がります。webページの表示速度にこだわる方やcssフレームワークなどを多用している方はぜひ導入してみてください。2021.05.21html/css
html/cssgulp-imageminを使って画像を圧縮する【gulp4】 gulpを使って画像を自動で圧縮する方法について説明していきます。gulp-imageminを使えば大量の画像でも手軽に圧縮をすることができます。オンラインサービスや手動で画像の圧縮をして手間に感じている方はgulpでの画像圧縮が便利ですのでぜひ導入を検討してみてください。2021.05.19html/css
html/cssgulp-image-resizeで画像をリサイズしよう windows10版【gulp4】 gulp-image-resizeを使って画像をリサイズする方法について説明していきます。画像をリサイズするとブログに適した画像サイズにすることができ、表示の統一性を持たせることもできます。毎回手動で画像をリサイズして面倒に感じている方はぜひ導入を検討してみてください。2021.05.17html/css
html/css【gulp4】gulp入門 使い方を学ぼう④ – watch – windows10版 web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpのwatchという機能を使って任意のファイルを監視してタスクを実行させるやり方を説明しています。複数watchするやり方も説明していますので、gulpに興味のある方はぜひ導入を検討してみてください。2021.05.14html/css
html/css【gulp4】gulp入門 使い方を学ぼう③ – seriesとparallel – windows10版 web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpのseriesとparallelという機能を使って複数コマンドを実行させるところまで説明しているのでgulpに興味のある方はぜひ導入を検討してみてください。2021.05.13html/css
html/css【gulp4】gulp入門 使い方を学ぼう② – srcとdest – windows10版 web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpのsrcとdestという機能を使ってファイルのコピーをコマンドで実行するところまで説明しているのでgulpに興味のある方はぜひ導入を検討してみてください。2021.05.12html/css
html/css【gulp4】gulp入門 使い方を学ぼう① windows10版 web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpで関数を定義してコマンドを実行させるところまで説明しているのでgulpに興味のある方はぜひ導入を検討してみてください。2021.05.10html/css