Categories
Frontend
7月 14, 2025
画像最適化の隠れたヒーロー: `width`、`height` 属性とCore Web Vitals改善戦略
`width`と`height`属性は、ブラウザのスペース予約とCLS改善において重要な役割を果たします。画像最適化とCore Web Vitals最適化戦略の隠れたポイントを深く探ります。
7月 14, 2025
ウェブパフォーマンス最適化の鍵:Lazy Loading画像適用ガイド
画像のLazy Loadingは、ウェブパフォーマンス指標であるLCP、CLSの改善において重要な戦略です。NativeとJSの方式の違いや実際の実装方法、SEO及びユーザー体験の最適化について実践ガイドを提供します。
4月 07, 2025
UbuntuシステムでOTFフォントをWeb用に活用する方法
UbuntuでシステムにインストールされたOTFフォントをWeb用のwoff2形式に変換し、適用する全過程を例とともに説明します。
4月 07, 2025
TTF vs WOFF2: ウェブフォントフォーマットの比較
TTFとWOFF2の違い、性能比較、Ubuntuでの変換方法および自動化スクリプトを説明するウェブフォントガイドです。
3月 20, 2025
JavaScriptでブラウザの幅を判断する方法と、Samsungブラウザでの奇妙な体験
JavaScriptでブラウザの幅を判断するためのさまざまな方法をテストした経験を共有します。Samsungブラウザで発生した`window.innerWidth`の問題を解決する過程で`matchMedia`の重要性に気づきました。