未分類

Claude Code × Storybook:ビジュアルリグレッションとデザインシステムMCP統合で「UI崩壊」を防ぐ

はじめにReact/Next.jsの一般的なコンポーネント実装でも、ブラウザのE2Eテストでもない。「ボタンコンポーネントを変更したら別の箇所が崩れた」——ビジュアルリグレッションテストが防ぐUI崩壊問題と、StorybookをClaude...
未分類

Claude Code × Prisma ORM:AIによるDB破壊を防ぐv6.15.0ガードレールとCLAUDE.md二重防護

はじめにマイグレーション設計の方法論でも、TypeScript型安全の一般論でもない。Claude Codeがprisma migrate resetを実行してDBのデータが消えた——それを防ぐPrisma v6.15.0のAI安全ガードレ...
未分類

Claude Code × Vitest:カバレッジポリシーとvitest-mcpでテスト不足を自律的に補う

はじめにTDD(開発サイクルの方法論)でも、Playwright(ブラウザE2E)でもない。コードベース全体のユニットテストカバレッジが放置されていく問題——vitest-mcpとCLAUDE.mdのカバレッジポリシーでClaude Cod...
未分類

Claude Code × Supabase:公式MCPでスキーマ設計・RLSポリシー・型生成を自然言語で完結させる

はじめに認証設計・DB設計・サーバーレス関数を個別に組み合わせる話ではない。Supabaseというオールインワンのバックエンドプラットフォームに公式MCPサーバーで接続し、Claude Codeが自然言語でデータベースを設計・操作・型生成す...
未分類

Claude Code × シークレット管理:.envの危険と1Password・AWS Secrets Managerへの移行

はじめにプロンプトインジェクション防御でも、SAST静的解析でも、OAuth認証設計でもない。「APIキーをどこに保管するか」——.gitにpushした.envファイルがリポジトリに残り続ける、Claude Code自体がプロジェクトの.e...
未分類

Claude Code × Redisキャッシュ設計:TTL規約・Cache-Aside・Upstash MCPで実装を自動化する

はじめにプロファイリングでボトルネックを測定することでも、負荷テストでシステム全体を評価することでもない。「DBへのアクセスをキャッシュで減らす」——Cache-AsideかWrite-Throughか、TTLを何秒に設定するか、キャッシュ...
未分類

Claude Code × AWS Lambda:サーバーレス開発のフルサイクルを自然言語で操作する

はじめに「Lambda関数を書くのは簡単だが、本番品質にするのは難しい」——これはサーバーレス開発に携わるエンジニアなら一度は感じたことがある感覚ではないだろうか。関数本体は数十行で済むのに、IAMロール・API Gateway・Cloud...
未分類

Claude CodeでDockerfileを本番品質に引き上げる——マルチステージビルドとDocker MCP Toolkit

はじめにdevcontainerでのローカル環境設定でも、Kubernetes本番デプロイ管理でもない。「動くDockerfileから本番品質のDockerfileへ」——マルチステージビルド・キャッシュ最適化・非rootユーザー設定と、D...
未分類

Claude Codeでデータベースマイグレーションを安全に管理する——本番ダウンタイムなしのスキーマ変更

はじめにデータベース設計での初期スキーマ設計でも、CI/CDの全般的な話でもない。「本番に1000万行あるテーブルのカラムをリネームする」——ダウンタイムなし・データ損失なしでスキーマを変更する安全なマイグレーション手順を、Claude C...
未分類

Claude CodeでReact Native・Expoモバイル開発を加速する——Expo公式MCPとEAS自動化

はじめにSwift/ネイティブiOSでも、Webフロントエンドでもない。「iPhoneとAndroidを1つのコードで」——React NativeとExpoを使ったクロスプラットフォーム開発を、Expo公式MCPサーバーとClaude C...