html/cssgulp-uglifyでJavaScriptファイルを圧縮しよう【gulp4】
gulp-uglifyを使ってJavaScriptファイルを圧縮する方法について説明していきます。JavaScriptを圧縮するとファイルの読み込み時間が短縮され、webの表示速度が上がります。webページの表示速度にこだわる方はぜひ導入してみてください。
2021-05
html/css
html/cssgulp-purgecssとgulp-clean-cssでcssファイルを圧縮しよう【gulp4】
gulp-purgecssとgulp-clean-cssを使ってcssファイルを圧縮する方法について説明していきます。cssを圧縮するとファイルの読み込み時間が短縮され、webの表示速度が上がります。webページの表示速度にこだわる方やcssフレームワークなどを多用している方はぜひ導入してみてください。
html/cssgulp-imageminを使って画像を圧縮する【gulp4】
gulpを使って画像を自動で圧縮する方法について説明していきます。gulp-imageminを使えば大量の画像でも手軽に圧縮をすることができます。オンラインサービスや手動で画像の圧縮をして手間に感じている方はgulpでの画像圧縮が便利ですのでぜひ導入を検討してみてください。
html/cssgulp-image-resizeで画像をリサイズしよう windows10版【gulp4】
gulp-image-resizeを使って画像をリサイズする方法について説明していきます。画像をリサイズするとブログに適した画像サイズにすることができ、表示の統一性を持たせることもできます。毎回手動で画像をリサイズして面倒に感じている方はぜひ導入を検討してみてください。
html/css【gulp4】gulp入門 使い方を学ぼう④ – watch – windows10版
web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpのwatchという機能を使って任意のファイルを監視してタスクを実行させるやり方を説明しています。複数watchするやり方も説明していますので、gulpに興味のある方はぜひ導入を検討してみてください。
html/css【gulp4】gulp入門 使い方を学ぼう③ – seriesとparallel – windows10版
web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpのseriesとparallelという機能を使って複数コマンドを実行させるところまで説明しているのでgulpに興味のある方はぜひ導入を検討してみてください。
html/css【gulp4】gulp入門 使い方を学ぼう② – srcとdest – windows10版
web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpのsrcとdestという機能を使ってファイルのコピーをコマンドで実行するところまで説明しているのでgulpに興味のある方はぜひ導入を検討してみてください。
html/css【gulp4】gulp入門 使い方を学ぼう① windows10版
web制作にある程度慣れてきた方向けにgulpの使い方について説明しています。gulpで関数を定義してコマンドを実行させるところまで説明しているのでgulpに興味のある方はぜひ導入を検討してみてください。
html/css【gulp4】gulpとはなにか? 環境構築してみよう windows10版
web制作にある程度慣れてきた方向けにgulpとはなにか、メリット・デメリットを説明しています。またgulpの環境構築についても記載していますのでgulpに興味のある方はぜひ導入を検討してみてください。
html/css【Tailwind CSS】使い方まとめ ~入門からカスタマイズまで~【web制作#8】
CSSフレームワークについて何を選べばいいか迷っている方、Tailwind CSSに興味のある方を対象にTailwind CSSの導入から使い方までをまとめました。Tailwind CSSについてメリット・デメリット、CDNで使う方法から紹介します。tailwind.config.jsを作成してカスタマイズする方法やtailwind.cssをpurgeする方法までを紹介しています。また学習におすすめのサイトも紹介しています。