今回は次世代フォーマットのWEBPについて紹介します。 ほとんどのブラウザで対応されているので、サイトを快適に見れるようにする施策として今後取り入れていった方がいい内容と思いますが、まだ次世代フォーマットに慣れていない方などは以前に紹介した画像圧縮方法と一緒に使用されて徐々に次世代フォーマットにスイッチしていくのも一つ...

今回は、JavaScriptのESモジュール（ECMAScript Modules, ESM）について、解説しその魅力をGulp5で活用していけるように自分の備忘も兼ねて紹介していきたいとおもいます。 ESモジュールとは？ ESモジュールは、JavaScriptの公式なモジュールシステムで、モダンなJavaScript...

WEB制作において、画像の最適化は重要な要素の一つです。特に多くの画像を扱う場合、その処理に時間がかかり、ページの読み込み速度に影響を与えることがあります。もちろんページの表示速度だけではなく、手作業で圧縮を行っていては、作業全体の速度も落ちてしまいます。 そこで今回は、Gulp5を使用して自動的に画像を圧縮する方法を...

WEB制作において、効率的な開発環境を整えることは非常に重要です。整えてる人と整えていない人で何時間も何日も制作速度に差が出たりもします。 今回は、Gulp5を使用してローカルサーバーを構築し、自動リロードを行う方法をご紹介します。これにより、SassファイルのコンパイルやPHPファイルの変更をリアルタイムに反映させる...

取り急ぎ使用できてればいいやといった感じで使用していたGulp5ですが絶対的に理解を深めた方が効率が良くできることが多くなると思い、改めて変更点などを調べてみました。 パフォーマンスの向上 Gulp 5は、タスクの実行速度と全体的なパフォーマンスが向上しています。これにより、大規模なプロジェクトでも効率的にビルドプロセ...

xserverでpythonを利用するための手順とコツをまとめました。この記事では、pythonのセットアップ、Minicondaの導入、SSH接続方法について簡単にですが解説します。かなり簡単に説明していますが、やってみると思ったよりハードルは高くなかったりするので是非、チャレンジしてみてください。 xserverで...

はじめに Gulpは、Web開発におけるタスクランナーとして広く利用されています。特に、フロントエンドのビルドプロセスを自動化するためのツールとして非常に便利です。最近、Gulpのバージョン5がリリースされたので、今回はGulpの最新バージョンへのアップデート方法をすごく簡単に解説します。 私は長らくGulp3を使って...

初心者にありがちな500エラー Pythonを使い始めたばかりの頃、プログラムが思うように動かずに500エラーに悩まされた経験は誰にでもあるとおもいます。これはWeb開発において特に多い問題の一つですが、この記事では、意外と忘れがちな初歩のなかでも本当に初歩的な原因である改行コードについてとその対策について詳しく解説し...