4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Claude Code × Codex を併用する「二刀流」開発の始め方

4
Posted at

はじめに

最近、AIエージェントを2つ使い分ける開発スタイルを試しています。

  • Claude Code(Anthropic) — 設計・方針・対話的な開発
  • Codex(OpenAI) — 実装・レビュー・セカンドオピニオン

1つのAIで設計→実装→レビューを完結させるより品質が上がった実感があるので、セットアップ方法と実際の使い分けを共有します。

なぜ2つ使うのか

1つのAIに全部任せると、自分で書いたコードを自分でレビューする形になりがちです。人間と同じで、書いた本人って盲点に気づきにくいんですよね。

2つのAIに独立して意見を出させると、片方が見落としてる点をもう片方が拾ってくれます。人間のペアプログラミングと同じ発想です。

セットアップ

1. Claude Code のインストール

npm install -g @anthropic-ai/claude-code

起動:

claude

プロジェクトディレクトリで起動すると、コードベース全体を読んで対話的に開発できます。

2. Codex CLI のインストール

npm install -g @openai/codex

認証:

codex login

OpenAI のAPIキーが必要です。ブラウザが開いて認証が完了します。

3. Claude Code から Codex を呼べるようにする

Claude Code にはプラグインシステムがあります。Codex プラグインをインストール:

/plugin

メニューから codex を選択してインストール。これで Claude Code のセッション内から Codex を呼び出せるようになります。

使えるコマンド:

/codex:review   — コードレビューを依頼
/codex:rescue   — バグ調査・修正を依頼
/codex:setup    — セットアップ状態を確認

4. CLAUDE.md に協業ルールを書く

プロジェクトルートの CLAUDE.md に、AIへの指示書を書けます。ここに二刀流のルールを追加しておくと便利です。

## 開発ルール
- 実装は Codex が担当。Claude は設計・レビュー・デプロイ担当

これを書いておくと、Claude Code が方針を出した後に自動的に Codex を呼ぶ判断をしてくれます。

実際の使い方

パターン1: セカンドオピニオンを聞く

Claude Code で方針を出したら、Codex にぶつけて意見を聞きます。

(Claude Code に対して)
「このバグ、useEffect で isPremium を監視すれば直ると思う。
 Codex にセカンドオピニオン聞いて」

Claude Code が /codex:rescue で Codex を呼び出して、提案をレビューさせてくれます。

実際にあった話なんですが、Claude Code がシンプルな useEffect で書こうとしたら、Codex が「それだと再レンダリングのたびに発火しますよ。useRef で遷移を検知した方がいいです」と返してきました。比較した結果 Codex の方が良かったので採用。こういうのが1つのAIだけだと起きないんですよね。

パターン2: 実装を任せる

設計が固まったら、Codex に実装を丸投げできます。

(Claude Code に対して)
「この設計で Codex に実装させて」

Claude Code が Codex に指示を送って、Codex がコードを書いてコミットまでやってくれます。

パターン3: コードレビュー

実装後に Codex にレビューさせます。

/codex:review

差分を Codex が読んで問題点を指摘してくれます。Claude Code のレビューとは違う視点が入るので、見落としが減ります。

パターン4: バグ調査

原因不明のバグは Codex に投げると、別の角度から調べてくれます。

/codex:rescue

役割分担

やること Claude Code Codex 人間
設計・方針 ジャッジ
セカンドオピニオン ジャッジ
実装 確認
コードレビュー 確認
最終判断

最終判断は必ず人間がやります。 2つのAIの意見が割れた時、技術的な正しさだけじゃなくて、今の優先度やプロダクトの方向性も含めて判断するのは人間にしかできないので。

MCP 連携も便利

Claude Code は MCP(Model Context Protocol)サーバーと連携できます。Codex 以外にも色々繋がります。

  • GitHub MCP — issue の作成・更新、PR の操作
  • Supabase MCP — DBマイグレーション、SQLの実行
  • Stripe MCP — 決済の設定・確認
  • Vercel MCP — デプロイ、ログ確認
/mcp

で接続状態を確認・再接続できます。開発に必要な外部サービスを Claude Code から直接操作できるので、ターミナルを行ったり来たりしなくて済みます。

使ってみてわかったこと

CLAUDE.md は育てるもの

CLAUDE.md は最初から完璧に書く必要はなくて、使いながら「これも書いておいた方がいいな」と思ったら追加していくスタイルが楽です。

# プロジェクトガイド

## 技術スタック
- Next.js 16 App Router(TypeScript)
- Supabase(認証・DB)
- Stripe(決済)

## 開発ルール
- 実装は Codex が担当。Claude は設計・レビュー・デプロイ担当

## 開発コマンド
npm run dev       # ローカル開発
npx vercel --prod # 本番デプロイ

Codex は毎回リセットされる

Codex はワンショット実行なので、前回の会話を覚えていません。指示を出す時は必要なコンテキストを全部含める必要があります。

一方で Claude Code はセッションが続く限りコンテキストを保持してくれるので、対話的に「さっきの続きで〜」ができます。この違いを理解しておくと使い分けがスムーズになります。

意見が割れた時が一番面白い

2つのAIの意見が割れることがあります。その時は「なぜそう思うのか」を両方に聞いてみてください。根拠を比較して判断するプロセスが、実は一番勉強になります。

大事なのは、どちらかに盲目的に従わないこと。AIの提案は常に仮説であって、正解ではないので。

おわりに

個人開発でAIエージェントを使うなら、1つに閉じるより2つ使い分けてみるのもおすすめです。

セットアップ自体は10分くらいで終わります。合わなければ戻せばいいので、気軽に試してみてください。


DescriAI — 出品ページをAIが無料で診断
https://descri-ai.vercel.app/diagnose

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?