Today I Learned

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

20267

2026-07-23

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

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

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

モバイルのポインタジェスチャとサーバ画像プロキシ

タッチのドラッグ・リサイズの安定化と、unoptimized 環境で画像プロキシにより転送バイトを減らした一日

  • タッチで引いてもページが一緒にスクロールしないようドラッグ動作を直した
  • 画像は原本まるごとではなく必要なサイズだけ送るようプロキシを付けた