All the latest

Remix v3 設計判断シリーズ

2026.05.28

React Router v7 / Remix の構築で問い直した設計判断の記録。「当たり前」とされてきた実装パターンに、別の答えはあるか。

Rendering

フレームを先に送れ:HTML Streaming が問い直した「送る単位」の設計判断

2026.05.11

全データが揃うまでHTMLを待つのは本当に正しいか。React RouterのHTML Streamingは「描けるものから送る」という別の答えを提示した。

PerformanceRendering

ナビゲーションにJSはいらないのか:Checkbox Hackが問い直した制御の所有者

2026.05.08

input[type=checkbox]+CSS :has() でハンバーガーメニューをゼロJSで実現するCheckbox Hackを解剖する。Hydrationギャップを構造的に排除する一方、EscキーやスクロールクローズはCSSだけでは再現できない——ClaudeMixのuseDrawerを実際に評価した設計記録。

Rendering

アトミック・レンダリング:Lighthouse最適化が露出させるUIの時間的不整合と、Edge時代の可視化制御設計

2026.04.13

Lighthouseは原因ではなく、設計の穴を暴く「露出装置」だ。Edge配信と分散実行によって顕在化した「未確定時間」を制御し、UIを「ピクセル」ではなく「時間」として管理するアトミック・レンダリングの技術論。

RenderingPerformance

AIと2日間戦って、数十のファイルの修正を「捨てた」話。—— エッジ環境で10年死なない認証基盤を築くための外科的切断

2026.03.23

AIエージェントによる「増築の罠」と数十にも及ぶつぎはぎコードを捨て、Cloudflare WorkersでWeb標準APIのみを用いた堅牢な認証基盤を再構築した実録。ライブラリ依存から脱却し、プロダクトを10年延命させるための「構造の正しさ」を追求します。

RefactoringRenderingStorageDatabase

AIにRemixを任せる前に知っておくこと ― Reactの歴史がSSRで牙を剥くとき

2026.02.13

AIが書いた完璧なコードが動かない。useEffectのタイマーが発火しない。その原因は、AIが学習した「Reactの歴史(SPA時代)」と、あなたの戦場「SSR(Remix)」の乖離にある。keyプロップを「効率化」ではなく「生存戦略」として再定義する、AI時代の延命医の作法。

Rendering