CSSだけで作るインタラクティブUI — transform, transition, custom propertiesの実践

自前物理エンジン180行の限界点 — Matter.jsを捨てた理由と、カバーできなかったこと

physics.tsの166行で2D物理エンジンを自作し、Matter.jsの300KBを4KBに削減した。重力・衝突・バウンドに絞り、拘束・摩擦・スタッキングを諦めたトレードオフを解説する。

ブラウザで動く物理エンジンを自前で書いた話

ポートフォリオサイトにMatter.jsを使わず約180行の軽量物理エンジンをTypeScriptで自作した経緯と設計判断。バンドルサイズ300KBを4KBに削減しつつ60fpsを維持した手法を解説。

Canvas vs DOM — 203個のコンポーネントで選んだ基準と実測データ

203個のインタラクティブコンポーネントをCanvas APIとDOMに振り分けた判断基準を、実例と実測データで解説する。