再利用可能なテーブルコンポーネントを型で固める
カラム配列からソートキーの union を導出し、ドメインごとに異なる行の型を合成コンポーネントの各パーツまで届けながら学んだこと — そしてその過程で何度も顔を出した変性の話
- 値から型を導出する書き方と const 型パラメータはセットです。どちらか一方が欠けると、もう一方もエラーなく静かに無意味になります
- const 宣言には型パラメータを付けられないので、ジェネリックな context は関数のクロージャの中で作る必要があります
日々の仕事と学びの振り返りです。何をして、何を学んだかを記録します。
カラム配列からソートキーの 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別購読で行・コンテナの再レンダーを減らした過程
webpack splitChunks の罠、ハイブリッドエディタのクロスブロック範囲演算、selectionchange·scroll anchor パターン、Context 購読の分離
fractional ordering, optimistic rebase, IME defer, keyboard undo 委譲, scoped popover, Jest ESM shim など汎用パターンの整理
ブロックドキュメント編集器における host/guest 境界、React 外部ストアのスナップショット、undo の2スタック、HTML5 ドラッグ・選択/コピーを、初めて読む人向けに整理