未分類

未分類

Claude Code × Cloudflare D1:エッジSQLiteをWrangler CLIで自在に操るワークフロー

Claude Code × Cloudflare D1:エッジSQLiteをWrangler CLIで自在に操るワークフローはじめにCloudflare WorkersでAPIを作ろうとして、「データベースをどこに置けばいいか」で詰まった経...
未分類

Claude Code × TanStack Query:キャッシュ戦略から楽観的更新まで効率的に実装する

Claude Code × TanStack Query:キャッシュ戦略から楽観的更新まで効率的に実装するはじめに「APIから取得したデータをどこで管理するか」という問いに、長年のReact開発者でも迷う場面がある。useStateで管理す...
未分類

Claude Code × ElysiaJS:Eden型安全クライアントで作るBunネイティブAPI

Claude Code × ElysiaJS:Eden型安全クライアントで作るBunネイティブAPIはじめにHonoでAPIを書いていると、ある壁にぶつかる瞬間がある。フロントエンドにHono RPCで型を共有しようとすると、レスポンスの成...
未分類

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...