ウェブに関する情報

word-break: break-wordはCSS仕様で非推奨(deprecated)となったレガシー値です。代替の overflow-wrap: break-wordもintrinsic sizing要素では動作しない落とし穴があります。正しい 代替の組み合わせ(overflow-wrap: anywhere + word-break: normal + line-break: strict)と Stylelintカスタムプラグインによる自動化方法を共有します。

モノレポ環境でlodashのimport方式を変更し、バンドルサイズを547KBから97KBへ約82% 削減した経験を共有します。バンドル分析環境の構築からESLintルールによる再発防止までの プロセスを紹介します。

Astroブログの Lighthouse パフォーマンススコアを改善するために適用した画像最適化、CSS最適化、 ウェブフォント最適化、アクセシビリティ改善などの方法を共有します。

Pythonを使用してavifとwebpフォーマットの画像を生成し、LighthouseのServe images in next-gen formats問題を解決する方法について説明します。

ウェブページでGoogle Web Fontを使う時、フォントをロードする部分がウェブページのせいのに影響されないように最適化する方法について説明します。