Today I Learned

2026년 7월

2026-07-31

5 年超の旧ブラウザでアプリが丸ごと死ぬバグを直しながら学んだこと — 複数の機能が同時に死んだらハイドレーションを疑い、構文ダウンレベルとランタイムポリフィルを分離し、ポリフィルは feature-detect で旧ブラウザにだけロードし、スモークは実際のインタラクションを実行する

2026-07-25

ネイティブアプリのようなローディングスプラッシュを初回ペイントから表示しつつボットには隠すインラインスクリプト技法、そしてオフラインファーストで『自分の書き込みの即時反映』を staleTime ではなく invalidate と durable キューで作る方法

初回ペイント前の表示 + ボット隠蔽はインラインブロッキングスクリプト注入 — UA ゲートは headers() で ISR を dynamic に壊す
react-query で「自分の書き込みの即時反映」は staleTime を下げるのではなく書き込み後の invalidateQueries で作る（invalidate は staleTime を無視）

2026-07-24

ランディング性能を改善して学んだこと — LCP が遅いのに画像が小さいなら render delay（hydration）を疑いクライアント JS を外す、派手なスクロールモーションより進入スタッガーリビール、構造化データは画面と 1:1

LCP が遅いのに TBT が 0 で画像が小さければ element render delay（=クライアント境界の hydration）を疑い、そのサーフェスのクライアント JS を外す
派手なスクロール従属モーション（scroll-jacking）より短いビューポート進入スタッガーリビールが汎用的な正解であることが多い