稽古場は順次追加していきます。 「こんな稽古場が欲しい」という意見はお問い合わせフォームへ。
難易度は 初段(入口) → 二段(標準) → 三段(応用) の順で上がります。
いま触れる稽古場
ブラウザが1フレームをどう描くかを、実DOMを操作しながら体験する。Layout / Paint / Composite の差を触って理解する。
Timer / Listener / Detached DOM / Closure の 4 種類のリークを意図的に再現し、performance.memory の階段状の増加を観察する稽古場。
親の state 更新がコンポーネントツリーをどう伝播するかを可視化し、memo / 参照安定性 / Context / 派生 state の罠を手元で検出する稽古場。
順次追加していきます
microtask / macrotask / rAF / rIC の実行順序を予想 → 実測で検証する稽古場。
z-index 9999 が効かない現象を、新スタッキング文脈の生成条件トグルで歩いて掴む稽古場。
Request Memo / Data / Full Route / Router の 4 層キャッシュを一気通貫で光らせる稽古場。
Lab 化を構想している鬼門。順次、稽古場として整えていきます。
useEffect 依存配列が古い値を見てしまう仕組みを分解する。
read / write の順序崩れが起きる瞬間を LoAF で捉える。
Request Memo / Data / Full Route / Router を一気通貫で光らせる。
SSR の影と CSR の実体が、どこでズレたのかを diff で追う。
サーバ・クライアントの境界とシリアライズの制約を触って掴む。
z-index 9999 が効かない理由を、文脈の木を歩いて掴む。
min-content / max-content の解決順を実測で追う。
現代的な詳細度の優先順位と @layer の効き所を可視化する。
1 クリックを input delay / processing / presentation に切る。
Cache-Control / ETag / stale-while-revalidate の相互作用を触る。
SameSite / Secure / HttpOnly の挙動差分を別オリジンで試す。
DOM-based と framework bypass の現実を、隔離 iframe で見る。
Modal / Skip link / aria-live の実挙動をキーボードで試す。