Today I Learned

日々の仕事と学びの振り返りです。何をして、何を学んだかを記録します。

20267

2026-07-23

断続的に崩れる画像 — objectURL レース、WebP フォールバック、サービスワーカーシェル

リロードのたびに見えたり見えなかったりする画像バグを追って学んだ三つ — objectURL のライフタイムレース、ブラウザ専用 lib のテスト hang 防止、サービスワーカーのシェルフォールバックを navigation リクエストに限定すること

  • サーバーが URL で渡す画像は objectURL blob で包まず直接レンダリングする — createObjectURL のライフタイムレースを根本から取り除く
  • ブラウザ専用(canvas)lib をテスト経路に入れるときは、実行前の同期 capability ゲートで jsdom の hang を防ぐ
2026-07-13

星明かりグラフ・SW キャッシュ・Playwright triage・ESLint guardrail

Canvas 星ノード、Service Worker SWR・generation セキュリティ、CI flaky 分類、デザインシステム ESLint guardrail を一日で整理した TIL

  • Canvas ノード装飾は ID ハッシュで安定化し、globalAlpha・shadowBlur は描画直後に必ず復元する
  • Playwright CI が赤いときは retry 結果で flaky と deterministic failed を先に分ける