AIペアプログラミング入門

AIは「疲れない」「嫌がらない」最高のペアプログラミング相手。

ペアプログラミングとは

従来のペアプロ

ドライバー（コードを書く人）
  ↕
ナビゲーター（レビュー・指示する人）

AIペアプロ

人間（方向性を決める）
  ↕
AI（実装する）

役割分担

人間がやること

• 要件定義: 何を作るか決める
• 設計判断: アーキテクチャを選ぶ
• 品質確認: 出力をレビュー
• 方向修正: 間違いを指摘

AIがやること

• コード生成: 具体的な実装
• リサーチ: 使い方を調べる
• リファクタリング: コードを整理
• テスト作成: テストを書く

効果的なコミュニケーション

良い指示の出し方

❌「いい感じにして」
⭕「Tailwind CSSを使って、レスポンシブな
   ナビゲーションバーを作って。モバイルでは
   ハンバーガーメニューになるようにして」

コンテキストを共有

「このプロジェクトについて：
- Next.js 14 (App Router)
- TypeScript
- Tailwind CSS
- Supabaseでデータベース

この構成で、ユーザー認証機能を追加したい」

段階的に進める

1. 「まず、認証の基本設計を教えて」
2. 「Supabase Authの設定をして」
3. 「ログインフォームを作って」
4. 「セッション管理を実装して」

セッションの進め方

1. 計画フェーズ

「今日は○○機能を実装したい。
どんな順番で進めるべき？」

AI: 以下の順番をおすすめします：
1. データモデルの設計
2. APIエンドポイントの作成
3. フロントエンドUI
4. テスト

2. 実装フェーズ

「ステップ1のデータモデルを作って」
↓
AIが実装
↓
「これでいいね。次はAPI」

3. レビューフェーズ

「このコードをレビューして、
改善点があれば教えて」

AI: 以下の点が改善できます：
1. エラーハンドリングの追加
2. 型の明示
3. コメントの追加

生産性を最大化するコツ

1. AIに任せることを明確に

⭕ AIに任せる:
- ボイラープレートコード
- 定型的なCRUD
- テストコード
- ドキュメント

⭕ 人間がやる:
- ビジネスロジックの判断
- UXの決定
- セキュリティの確認

2. 小さく区切る

❌ 「ECサイト全部作って」
⭕ 「商品一覧ページを作って」→「カート機能を追加」→...

3. エラーを貼り付ける

「このエラーが出た：
TypeError: Cannot read property 'map' of undefined
at ProductList (ProductList.tsx:15)

修正して」

4. 学びながら進める

「このコード、なぜこう書いたの？」
「他の方法はある？」
「この書き方のメリット・デメリットは？」

よくあるパターン

新機能追加

人間: 「ダークモード切り替え機能を追加したい」
AI: 計画を立てる → 実装 → テスト
人間: レビュー → 修正指示 → 承認

バグ修正

人間: 「このバグを修正して」＋エラーログ
AI: 原因分析 → 修正案提示 → 実装
人間: 動作確認 → 完了

リファクタリング

人間: 「このファイルが大きすぎる。分割したい」
AI: 分割案を提示 → 段階的に実行
人間: 各ステップで確認

注意点

AIの限界を理解する

・最新情報は知らないことがある
・プロジェクト固有の事情は伝える必要がある
・セキュリティは人間が確認

依存しすぎない

・なぜそのコードなのか理解する
・AIなしでも修正できるようにする
・学習の機会として活用

次のステップ

• Cursor完全ガイド
• Claude Code完全ガイド