Supabase Data API の自動公開が廃止——既存プロジェクトを明示的 GRANT に移行する全手順
2026年5月30日から新規プロジェクト、10月30日から既存プロジェクトで適用される Supabase Data API の Breaking Change を解説。暗黙の全公開から明示的 GRANT への移行手順を、実プロジェクトの before/after 付きで紹介します。
React で Before/After 画像比較スライダーを実装する方法——react-compare-slider 実践ガイド
画像比較スライダーをReactで実装するなら、react-compare-sliderを使うのが簡単です。Before/After比較UIの作り方を解説し、タッチデバイス対応・キーボード操作・role="slider"などのアクセシビリティ対応が標準搭載されている点も紹介します。
GitHub Actions Self-hosted Runner を Docker Compose で複数 Organization に展開する——ラベル設計・セキュリティ分離・スケール運用の全設計
1台の Mac で Docker Compose を使い、複数 GitHub Organization 向けの self-hosted runner を運用する設計を解説。Container × Native の二刀流、ラベルによるワークフロールーティング、AI 生成コードの実行分離、ARC への移行パスまで。
Hermes Agent × Slack Socket Mode でローカル常駐 AI 監視エージェントを構築する
ポートを一切開放せずローカルPCにAI監視エージェントを常駐——Slack Socket Modeならインバウンド通信も公開URLも不要です。Slack App Manifestでそのまま再現できるセットアップ、LiteLLM Proxyの4段フォールバック、CI失敗分析スキルまで解説します。
Claude Code をローカル LLM で動かす：LiteLLM + Ollama + Qwen 3 の検証と課題
Claude Code を LiteLLM プロキシ経由でローカル LLM（Ollama + Qwen 3）に接続する環境構築手順と、実際に遭遇したシステムプロンプト互換性の壁を解説します。Docker Compose による構成例、4 つのエラーの原因と対処法、今後の可能性まで。
743行の巨大 React カスタムフックを8モジュールに分割——段階的リファクタリングの実践ガイド
肥大化した React カスタムフックを責務ごとに8モジュールへ分割し、型安全性とテスト容易性を向上させた実践記録。型アサーション削除、エラーメッセージ一元管理、キャッシュテスト実装の3つの改善を詳しく解説します。
Cloudflare Workers の Env 型を wrangler types で一元化し、Runtime/Test 用に派生型を切る
wrangler types で生成される Cloudflare.Env を起点に、Env・RuntimeEnv・TestEnv の3階層で派生型を設計するパターンを解説します。バインディングは自動同期され、用途別のRuntimeEnv・TestEnvテンプレートとして使えます。
E2Eテストが本番DBを消した日——条件反転バグ・10分検知・5層防御の全記録
E2Eテスト高速化のフロー図。Dockerによるフルリセットが65秒かかるのに対し、ハッシュキャッシュ、TRUNCATE、並列テストを活用することで15〜18秒に短縮される過程が示されている。開発者がキャッシュ済みハッシ […]
ローカル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 テストのモック不要を同時に実現する方法を解説します。