203個のCanvas/DOMコンポーネントで踏んだバグ Top 10 — 実データから見えたパターン

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

FidgetSpinner、InfiniteKnob、ToggleSwitchなどのDOM+CSSベースのインタラクティブUIで活用したtransform、transition、custom propertiesのCSS技法を実例で解説する。

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

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

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

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