日々の仕事と学びの振り返りです。何をして、何を学んだかを記録します。
並列作業のたびに全体の単体テストを繰り返していたプッシュフックと PR の CI を、変更ベースの選択実行に切り替えながら、基準点を推測しない方法と、削除・グローバル設定の変更を全体実行へ回すルールを整理した記録
ブラウザは同時に押したキーもkeydownイベントとして別々に送るため、最初のキーで方向を確定すると2つ目のキーを合成できないことと、50msの収集ウィンドウで解決した方法
同時に送信されたフォーム数件が「ただいま混み合っています」で失敗していた問題を、キューとワーカーに分けて解決しながら、キューの再配信だけでは競合が解消されないことと、例外をackすると静かに失われることを確認した記録
カラム配列からソートキーの union を導出し、ドメインごとに異なる行の型を合成コンポーネントの各パーツまで届けながら学んだこと — そしてその過程で何度も顔を出した変性の話
コード生成ツールに作業を任せる際、判定基準を先に文書化し、コード・画面・レビュー意見を証拠へ格下げし、確信が足りなければ止める設計を整理した
分離された拡張機能の実行空間でメッセージベース RPC によって保存を依頼し、変更信号と query 無効化で別画面が単一の原本を読み直す流れを整理した
rewrite がアップストリームの 3xx をそのまま流して起きた無限リダイレクト、変換が終わる前に確定された日本語入力、16:9 と推測されていた画像比率 — 中間層の素通しと推測を点検して学んだこと
5 年超の旧ブラウザでアプリが丸ごと死ぬバグを直しながら学んだこと — 複数の機能が同時に死んだらハイドレーションを疑い、構文ダウンレベルとランタイムポリフィルを分離し、ポリフィルは feature-detect で旧ブラウザにだけロードし、スモークは実際のインタラクションを実行する
ネイティブアプリのようなローディングスプラッシュを初回ペイントから表示しつつボットには隠すインラインスクリプト技法、そしてオフラインファーストで『自分の書き込みの即時反映』を staleTime ではなく invalidate と durable キューで作る方法
ランディング性能を改善して学んだこと — LCP が遅いのに画像が小さいなら render delay（hydration）を疑いクライアント JS を外す、派手なスクロールモーションより進入スタッガーリビール、構造化データは画面と 1:1
リロードのたびに見えたり見えなかったりする画像バグを追って学んだ三つ — objectURL のライフタイムレース、ブラウザ専用 lib のテスト hang 防止、サービスワーカーのシェルフォールバックを navigation リクエストに限定すること
仮想化された無限リスト＋スクロール復元機能を別スタックへ移しながら学んだこと — 実装コードではなく見た目の振る舞いを契約として書くクリーンルーム方式、そして無限スクロールの安定性を左右する offset と keyset ページネーション
構造化データと可視 FAQ の一致、auth 解決後の fetch ゲート、分析イベントのファンアウトファサード、prefers-reduced-motion JS 遷移ゲートを汎用概念として整理した TIL
ツール・インフラを整備しながら遭遇したシェルの単語分割、workspace公開の書き換え、CIランナーの不一致、fail-openガードを汎用概念として整理したTIL
Canvas 星ノード、Service Worker SWR・generation セキュリティ、CI flaky 分類、デザインシステム ESLint guardrail を一日で整理した TIL
GSAP なしで sticky scrolly·CSS keyframes·view-timeline を使い、TIL→Knowledge 昇格デモとパイプラインセクションを実装した一日
単一 dialog 内の document push と @layer ベースの editor CSS 分離で、peek UX とテーマのカスタマイズを合わせた一日
page push/peek navigator と read-only viewer entry の分離で、ポートフォリオのデモ深度とバンドルを同時に合わせた一日
タッチのドラッグ・リサイズの安定化と、unoptimized 環境で画像プロキシにより転送バイトを減らした一日
イミュータブルなツリーエディタで一行直しただけで全体が再描画される問題を、まずテストで固定してから、正規化projectionとid別購読で行・コンテナの再レンダーを減らした過程