AI開発

Claude CodeでSupabaseフルスタック開発を安全に高速化する実践ガイド。公式MCPサーバーのOAuth接続、新APIキー（sb_publishable/sb_secret）対応、Next.js App Router × @supabase/ssr × getClaims()認証、RLSの4段レビュー、Realtime（Postgres Changes/Presence/Broadcast）使い分け、Edge Functions（Deno）、pgvectorでのセマンティック検索まで、2026年4月時点の最新情報で解説。

Claude Codeを使ったエラー監視とロギングの実践ガイド。Sentry MCP連携、Sentry SDK v10 + Next.js設定、Pino構造化ログ（requestId自動付与・AsyncLocalStorage）、Sentry × Pino統合、GitHub Actionsでの週次エラー自動トリアージ、CLAUDE.mdテンプレートまで解説。

Claude Codeを使ったReact状態管理設計の実践ガイド。Server State（TanStack Query）・Global State（Zustand）・Atomic State（Jotai）・Local State・Form Stateの5層モデル、各ライブラリの使い分け基準、セレクタ最適化、楽観的更新、CLAUDE.mdテンプレートまで解説。

Claude Codeを使ったリアルタイムアプリ開発の実践ガイド。WebSocket vs SSEの選定基準、Socket.IO v4 + TypeScript型安全設計、Redis Adapterによる水平スケーリング、Hono SSE、Next.js Route Handlers SSE、React Hook接続管理パターンまで解説。

Claude Codeを使ったWebアクセシビリティ自動化の実践ガイド。CLAUDE.mdへのルール記述、eslint-plugin-jsx-a11y静的解析、axe-core + Playwright自動テスト、Pa11y CI + GitHub Actions統合、Storybook addon-a11y、WCAG 2.2 AA準拠の具体的な修正パターンまで解説。

Claude Codeを使ったマイクロサービス設計の実践ガイド。DDDベースのサービス分割、Connect RPC（gRPC互換）でのTypeScript型安全通信、Turborepoモノレポ構成、Docker Compose開発環境、Pact V4契約テスト、CLAUDE.md階層設計テンプレートまで解説。

Claude Codeを使った認証/認可の実装ガイド。Better Auth（Auth.js後継）・Clerk・Supabase Authの3ツール比較、RBAC設計、ミドルウェア二重チェック、RLS、CVE-2025-29927対策、CLAUDE.mdセキュリティテンプレートまで解説。

Claude CodeとSST v3を使ったAWSサーバーレス開発の実践ガイド。TypeScriptでのインフラ定義、Lambda関数自動生成、DynamoDB single-table design、Live Lambda Devによる高速イテレーション、GitHub ActionsデプロイまでCLAUDE.md設定テンプレート付きで解説。

Claude CodeとStorybook MCPを使ったUIカタログ駆動開発の実践ガイド。公式MCPアドオンのセットアップ、CSF3 Story自動生成、Play Functionインタラクションテスト、Chromatic VRT、Figma MCP連携、CLAUDE.md設定テンプレートまで徹底解説。

Claude CodeとTailwind CSS v4でデザインシステムを構築する実践ガイド。@themeディレクティブによるデザイントークン定義、3層トークンアーキテクチャ、shadcn/ui CLI v4連携、ダークモード実装パターン、CLAUDE.mdテンプレートを具体的なコード付きで解説。

Claude Codeを使ったフロントエンドパフォーマンス最適化の実践ガイド。Lighthouse CI連携、Next.js/Vite 8バンドル分析、Core Web Vitals改善（LCP・CLS・INP）、コード分割、React Profiler解析、CLAUDE.mdにパフォーマンスバジェットを組み込む方法まで解説。

Claude Codeを使ったレガシーコード移行の実践ガイド。jQuery→React、JavaScript→TypeScript、CRA→Vite 8、Express→Honoの4つの移行パターンを具体的なコード付きで解説。Plan Mode・worktree・/rewindによる安全な段階的移行戦略も紹介。

Claude Codeを使ったAPI開発自動化の実践ガイド。OpenAPIスキーマファースト開発（openapi-fetch）、tRPC v11 + Zodスキーマファースト開発、drizzle-zodによるDB→APIの逆生成、Orval + MSWでテスト自動生成、oasdiffによるbreaking change検出まで徹底解説。

Claude CodeとReact Native（Expo SDK 55）を使ったモバイル開発の実践ガイド。Expo MCP Server設定、CLAUDE.mdテンプレート、Expo Router v7ルーティング自動生成、Zustand + TanStack Query、EAS Build/Workflows CI/CDまで徹底解説。

Claude Codeとモノレポ（Turborepo/Nx）を組み合わせた実践ガイド。コピペ即使えるCLAUDE.md 4層構造テンプレート、turbo.json最新記法（tasks）、クロスパッケージ書き込み防止フック、GitHub Actions + Turboキャッシュでビルド50%削減の設定を解説。

Claude Code × Next.js 16の実践ガイド。コピペ即使えるCLAUDE.mdテンプレート、Server Components/Client Components境界の正しい指示方法、use cacheキャッシング、Server Actions自動生成、shadcn/ui CLI v4・Prisma 7対応の最新情報を詳しく解説。

Claude Codeを使ったデータベース開発の実践ガイド。PrismaとDrizzle ORMのCLAUDE.mdテンプレート、スキーマ設計・N+1検出・安全なマイグレーションの指示テンプレート、Prisma MCPサーバー連携まで徹底解説。Prisma v7・Drizzle v1 beta最新対応。

Claude Codeの知られていない便利機能と実践テクニックを徹底解説。/btw・/rewind・/color・--bareフラグ・/voice・パイプ入力・stream-json・@importなど、日々の開発効率を上げる機能を具体的な使い方とともに紹介します。

Claude CodeとTerraformを組み合わせると、tfファイルの生成・最適化・terraform plan出力の解析・エラー修正が劇的に速くなります。terraform-skillのインストールからTerraform MCP Server連携によるハルシネーション防止、マルチ環境管理、本番事故防止まで実践的に解説します。

Claude Codeで「プロンプトで頑張る」一歩先へ。PR作成・レビュー対応・マージを多層防衛で仕組み化するハーネスエンジニアリングの実践ガイド。hooks/Lefthook/skills/CodeRabbitを組み合わせた4層構成と、AI先送り返信を防ぐpre-bash-guardの設計まで。