マルチベンダー AI 戦略の時代へ：エンジニアが今すぐ備えるべき実装パターン
OpenAI-Microsoft 提携再編を背景に、LLM プロバイダーに依存しない共通インターフェース設計パターンを TypeScript のコード例付きで解説。ベンダーロックイン回避の具体的な実装方法と選定判断軸を紹介します。
React で Before/After 画像比較スライダーを実装する方法——react-compare-slider 実践ガイド
React で Before/After 画像比較スライダーを react-compare-slider で実装する方法を解説。タッチデバイス対応・アクセシビリティ・disabled 制御まで、実践的なコード例付きで紹介します。
743行の巨大 React カスタムフックを8モジュールに分割——段階的リファクタリングの実践ガイド
肥大化した React カスタムフックを責務ごとに8モジュールへ分割し、型安全性とテスト容易性を向上させた実践記録。型アサーション削除、エラーメッセージ一元管理、キャッシュテスト実装の3つの改善を詳しく解説します。
Cloudflare Workers の Env 型を wrangler types で一元化し、Runtime/Test 用に派生型を切る
wrangler types で生成される Cloudflare.Env を起点に Env・RuntimeEnv・TestEnv の3階層で派生型を設計するパターンを解説します。バインディング追加時の手動型同期をなくし、ハンドラごとの前提条件を型で表現できます。
ローカルE2Eを65s→15-18sに短縮した話：Supabase migrationの環境差吸収とハッシュキャッシュ
Supabase CLIのバンドルDockerと本番の storage.prefixes 差でマイグレーションが壊れた問題を to_regclass() で吸収し、さらに マイグレーションハッシュキャッシュ + DBリセットとauthモックの並列化で npm run e2e を 65s → 15-18s（-72%）に短縮した実装記録。
feat(feature-flags): 機能フラグと PostHog 計測基盤を追加
Cloudflare Workers と D1（SQLite）を組み合わせた、deploy 不要の機能フラグ基盤の構築事例です。FNV-1a ハッシュで variant を決定的に割り当て、PostHog は露出イベント記録のみに特化した設計を採用。外部障害耐性・SSR 対応・E2E テストのモック不要を同時に実現する方法を解説します。
SQLite/Cloudflare D1 で boolean カラムを設計するときの定石
SQLiteにはBOOLEAN型がありません。Cloudflare D1でも同様です。INTEGER NOT NULL DEFAULT CHECK制約を組み合わせた4要素の定石パターンと、TypeScriptリポジトリ層での0/1↔boolean変換の実装例を解説します。
Cloudflare R2 の使用量を Workers cron で監視する——4段階ステートマシンと grace period の設計
Cloudflare R2の容量上限到達によるアップロード停止事故を防ぐため、Workers cronで利用量を監視。4段階ステートマシンとgrace periodの設計により、閾値通知から新規アップロード拒否までを自動化する勘所を解説する。
日付ロジックの3つの落とし穴—— null センチネル / コントローラブル化 / ?? 演算子の優先順
React+TypeScriptで日付ロジックを扱う際に陥りやすい「nullセンチネル」「コントローラブル化」「??演算子の優先順」の3つの落とし穴を解説。型と意味の対応、コンポーネントの責務、演算子の優先順位といった設計の重要性を指摘し、堅牢なアプリ開発へのヒントを提供します。
複数イベントが同時発火する通知/マイルストーンを優先度+排他で統合する設計
学習アプリやSaaSで複数の通知・マイルストーンが同時発火するケースに対し、優先度ソート・排他ルール・上限件数の3軸で統合する設計パターンを解説します。TypeScript実装例とPlaywrightでのrace-free E2Eテスト手法、prefers-reduced-motion対応まで網羅。