タグ: Animation Fundamentals

状態管理統合（State Management）アニメーションを「構造」にする

← Prev Next → ここまでで、私たちはこういうものを作ってきました。でも、まだ1つ問題があります。 1.問題：処理が全部1つの中にある例えばこんなコードになっていませんか？動きます。で…
続きを読む

2026.02.18
easingとは？アニメーションの減速・加速を作る方法【cubic-bezierも解説】

← Prev Next → アニメーションが「どこか硬い」と感じたことはありませんか？それは速度が一定だからかもしれません。そこで登場するのが easing（イー…
続きを読む

2026.02.15
deltaTimeとは？requestAnimationFrameで正確なアニメーションを作る方法

← Prev Next → JavaScriptでアニメーションを作っていると、こんな現象に出会います。原因はほぼ同じです。フレーム数に依存して動かしていること。それを解決するのが d…
続きを読む

2026.02.14
requestAnimationFrameの使い方を初心者向けに解説【setIntervalとの違いも比較】

← Prev Next → 1. requestAnimationFrameとは？ JavaScriptで「なめらかなアニメーション」を作るときに使うのがrequestAnimationFrame（r…
続きを読む

2026.02.13