Today I Learned

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

20267

2026-07-23

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

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

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