JavaScript

Astroの使いやすいアートディレクションコンポーネントを考える

Astroの画像の扱いについてv3.0で組み込まれたastro:assetsにはImageコンポーネントがあり、srcディレクトリ内の画像であれば最適化して表示してくれる仕組みがあります。最適化する場合、画像はそのままコンポーネントにパスを...

2023.12.14 2023.12.15

WEB制作

スクロールイベントの処理ならIntersectionObserver（交差オブザーバー）を使おう（コピペコード付）

数年前のブログで、アニメーションの制御にはjQueryのスクロールイベントを使用していましたが、この方法はスクロール中に連続してイベントが処理されるため、パフォーマンスの観点からはイベントの間引き処理などの工夫が必要です。Chromeのデベ...

2023.06.26 2023.07.02

WEB制作