AI開発ツールの使い分け|Cursor・Claude Code・Codexと実装プロンプトの基本
AIにコードを書いてもらいたいと思っても、Cursor、Claude、Codexの違いが分からず、何を使えばよいか迷うことがあります。ツールを選ぶ際は、回答の性能だけでなく、どこでコードを扱い、どのように変更を確認できるかも大切です。
AIを使った開発では、作りたい機能を伝え、生成されたコードと実際の動作を照合します。この記事では、代表的なツールの役割を整理し、検索機能を例に、依頼から実装・確認までの進め方を紹介します。
最初から複数のツールを組み合わせる必要はありません。まず一つの環境で小さな変更を行い、何を変更し、どこまで確認できたかを説明できる状態を目指しましょう。
目次
1.AI開発では「提案」と「実際の操作」を分けて考える
AIを使った開発には、チャットでコードの案を受け取る使い方と、開発ツールから実際のファイル編集やコマンド実行を依頼する使い方があります。どちらも開発を支援しますが、作業環境への影響が異なります。
例えば、チャットに表示された修正案は、自分でファイルに反映するまでプログラムに影響しません。一方、編集機能を持つエージェントは、設定や許可された範囲に応じて、ファイルを直接変更する場合があります。
| 使い方 | 依頼する内容 | 確認すること |
|---|---|---|
| 相談・説明 | コードの意味や設計案を説明してもらう | 説明が実際のコードや仕様と一致するか |
| コードの生成 | 関数や画面の実装案を作ってもらう | 既存の構成に組み込めるか |
| ファイルの編集 | 関連ファイルを調べて修正してもらう | 変更したファイルと差分が適切か |
| コマンドの実行 | テストやビルドを実行してもらう | 実行内容、結果、環境への影響は何か |
「自動開発」という言葉が使われていても、要件の決定から公開後の運用まで、すべてが自動で正しく完了するとは限りません。どこをAIへ任せ、どの結果を自分で確認するかを、作業の前に整理してください。
2.Cursor・Claude・Claude Code・Codexの違い
Cursor、Claude、Codexを、そのまま同じ種類のモデルとして比較すると違いが分かりにくくなります。開発環境、会話サービス、モデル、開発エージェントを区別して捉えましょう。
| 名称 | 位置付け | 使い方の例 |
|---|---|---|
| Cursor | エディターやAgentなどを備えたAI開発ツール | コードを見ながら相談し、ファイル編集や動作確認を進める |
| Claude | AnthropicのAIモデルや会話サービスの名称 | 仕様の整理、コードの説明、設計案の検討に利用する |
| Claude Code | コードの読み取り・編集・コマンド実行を行う開発エージェント | プロジェクトを調べ、機能追加や不具合修正を進める |
| Codex | OpenAIの開発エージェント・開発支援ツール | コードの調査、編集、テスト、レビューなどを依頼する |
Cursor:コードと変更内容を見ながら進める
Cursorでは、エディター内でコードについて質問したり、Agentに関連ファイルの調査や修正を依頼したりできます。画面上でファイルを確認しながら作業したい場合に、検討しやすい選択肢です。
ただし、プロジェクトを開けば、AIがすべての仕様や依存関係を常に正しく把握するわけではありません。対象の画面やファイル、期待する動作を伝え、参照した情報と変更内容を確認しましょう。
ClaudeとClaude Code:会話による相談と開発作業を区別する
Claudeへの相談では、要件を文章に整理したり、コードの説明を求めたりできます。一方、Claude Codeは、コードベースを読み取り、ファイル編集やコマンド実行を通じて開発を進めるためのツールです。
Claude Codeには、ターミナル、IDE、デスクトップアプリ、ブラウザーなどの利用方法があります。使える機能や実行環境は利用方法によって異なるため、自分がどの環境を操作しているかを確認してください。
Codex:現在はコード補完だけで説明できない
現在のCodexは、入力途中のコードを補完するだけのものではありません。プロジェクトの説明、機能の実装、不具合の調査、変更内容のレビューなど、まとまった開発作業を支援します。
また、CodexとGitHub Copilotは別の製品です。CodexのIDE拡張機能はCursorなどの対応エディターでも利用できますが、Cursor標準のAI機能やCopilotと同じものとして扱わないようにしましょう。
3.最初は作業場所と確認のしやすさで選ぶ
最初のツールは、普段使っているエディター、ファイルを扱う場所、変更を確認する方法から選びます。料金やモデル名だけでなく、自分が作業を追えるかを確認してください。
例えば、まずコードを読みながら相談したいのか、複数ファイルの修正まで任せたいのかで、必要な機能が変わります。利用できるプラン、使用量の上限、追加課金、データの取り扱いも、導入時に公式案内で確認しましょう。
- 作業場所:手元のフォルダーを扱うのか、クラウド上の環境を使うのか。
- 操作範囲:説明だけか、ファイル編集やコマンド実行も行うのか。
- 確認方法:変更前後の差分や実行結果を確認しやすいか。
- 復旧方法:変更を取り消したり、作業前の状態へ戻したりできるか。
複数のツールを使う場合も、同じファイルを同時に編集させると、変更が競合するおそれがあります。まずは一つのツールで作業を完了し、必要がある場合に別のツールへレビューなどを依頼する進め方を検討してください。
Cursorで実際に修正を進める際の準備や、差分・動作の確認方法は、こちらの記事で詳しく紹介しています。
Cursorの使い方|AIによるコード修正・デバッグと変更を確認する実践手順 記事を読む →4.実装前に「何ができれば完成か」を決める
プロンプトでは、「熟練のエンジニアとして」と役割を指定すること以上に、完成条件を具体的にすることが重要です。入力した内容に対して、何が表示され、どのように操作できればよいかを書き出しましょう。
ここでは、学習用の検索機能を例にします。外部APIやデータベースを使わず、用意した単語の一覧を、入力した文字で絞り込む仕様です。
| 項目 | 今回の仕様 |
|---|---|
| 使用する技術 | HTML・CSS・JavaScript |
| 検索対象 | Apple、Application、Banana |
| 一致の条件 | 英字の大文字・小文字を区別しない部分一致 |
| 前後の空白 | 検索時に取り除く |
| 入力が空の場合 | すべて表示する |
| 一致する項目がない場合 | 「該当する項目がありません」と表示する |
この段階で、必要のない会員登録やデータ保存まで追加する必要はありません。まず検索の動作を確認し、追加したい機能があれば、別の変更として依頼します。
5.コピーして使える実装プロンプト
次の例は、新しい学習用フォルダーで検索機能を作る場合の依頼文です。既存のアプリを修正する場合は、使用技術やファイル構成をそのアプリに合わせ、先に関連コードを確認するよう伝えてください。
学習用に、単語の一覧を絞り込む検索機能を作ります。次の条件を満たす最小構成で実装してください。
【構成】
・HTML、CSS、JavaScriptを使う
・index.html、style.css、script.jsに分ける
・外部ライブラリ、外部API、データベースは使わない
・index.htmlをブラウザーで直接開いて動作する構成にする
【仕様】
・検索対象はApple、Application、Banana
・入力欄に文字を入れると、部分一致する項目を表示する
・英字の大文字と小文字を区別しない
・入力の前後の空白を取り除いて検索する
・空欄または空白だけの場合は、すべて表示する
・一致する項目がなければ「該当する項目がありません」と表示する
・入力欄には、対応するlabel要素を付ける
・キーボードで入力欄へ移動して操作できるようにする
【確認例】
・app → AppleとApplicationを表示
・APP → AppleとApplicationを表示
・前後に空白を付けた app → AppleとApplicationを表示
・banana → Bananaだけを表示
・空欄 → 3項目すべてを表示
・xyz → 該当なしのメッセージを表示
【報告してほしい内容】
・作成したファイルと、それぞれの役割
・保存場所と実行方法
・検索条件を判定している部分の説明
・実際に確認した項目と結果
・未実行の確認項目と、その理由
この例は依頼文のテンプレートであり、生成されるコードの動作を保証するものではありません。実装後は、次の確認表を使い、実際の画面で結果を確かめてください。
6.実装後は、差分と動作を別々に確認する
まず、どのファイルが変わったかを見る
既存のプロジェクトを編集する場合は、作業前の状態をGitなどで記録しておきます。変更後は、追加・修正・削除されたファイルを確認し、依頼した機能と関係のない変更が混ざっていないかを見ましょう。
AIの完了報告だけで判断せず、差分そのものも確認してください。新しいライブラリの追加や設定ファイルの変更がある場合は、必要な理由と影響を確かめます。
次に、仕様から確認項目を作る
テストは、AIが書いたコードの動きをそのまま正解にするのではなく、先に決めた仕様を基準にします。通常の入力に加え、空欄、空白、大文字、該当なしなども確認しましょう。
| 操作・入力 | 期待する結果 |
|---|---|
| ページを開く | 3項目すべてが表示される |
| appと入力する | AppleとApplicationが表示される |
| APPと入力する | 小文字のappと同じ結果になる |
| appの前後に空白を入れる | AppleとApplicationが表示される |
| 空白だけを入力する | 3項目すべてが表示される |
| xyzと入力する | 該当なしのメッセージが表示される |
| xyzを消してbananaと入力する | 該当なしのメッセージが消え、Bananaが表示される |
| Tabキーで入力欄へ移動する | 入力欄にフォーカスが移り、文字を入力できる |
特に、入力を変えたときに古い表示が残らないかも確認します。「最初の1回は動く」だけでなく、操作を続けても期待する状態に変わることが大切です。
AIが自動テストを実行した場合は、実行したコマンドと結果を確認してください。プログラム上の判定が通っていても、画面の読みやすさやキーボード操作まで確認できているとは限りません。
7.不具合は、期待と実際の違いを伝える
「動きません」だけでは、どこを調べればよいかが伝わりにくくなります。期待する動作、実際の動作、再現手順、確認したエラーを分けて提示しましょう。
修正を繰り返す際も、直前の変更を確認せずに機能全体を作り直すと、原因が分かりにくくなる場合があります。まず関係する処理を絞り、修正理由と確認結果を残してください。
検索機能の不具合を調べてください。
【期待する動作】
APPと入力しても、AppleとApplicationが表示される。
【実際の動作】
appでは2項目が表示されるが、APPでは該当なしになる。
【再現手順】
1.ページを開く
2.入力欄にappと入力する
3.入力をAPPに置き換える
【エラーと関連ファイル】
ブラウザーのコンソールで確認した内容と、関連するファイル名を記載する。未確認の場合は「未確認」とする。
まず関連コードを調べ、原因の候補と根拠を示してください。修正する場合は、必要な箇所に絞り、変更理由を説明してください。修正後は、大文字・小文字・空欄・該当なしの動作を確認し、未確認の項目も報告してください。
エラーログやコードを共有するときは、APIキー、個人情報、社内の接続先などが含まれていないかを確認します。エラーメッセージが表示されない場合も、処理の条件が仕様と違っている可能性はあります。
8.ファイル・コマンド・機密情報の扱いを確認する
開発エージェントに任せる際は、編集できるフォルダーや実行できるコマンドの範囲を確認してください。例えばCursorでは、コマンド実行時の動作や確認のタイミングに、Run Modeの設定が関わります。
プロンプトに「勝手に変更しない」と書くことと、ツールの権限を制限することは別です。作業内容の指示と、実行環境側の設定を組み合わせて管理しましょう。
- ファイル:作業対象と変更前の状態を確認し、不要なフォルダーまで操作対象に含めない。
- コマンド:インストール、削除、外部通信などの影響を確認する。
- 認証情報:APIキーやパスワードを、会話や公開するコードに含めない。
- 公開操作:ローカルでの修正と、本番環境への反映を分けて扱う。
また、有料プランであれば、あらゆる業務コードを入力してよいとは限りません。社内規定に加え、契約、学習利用の設定、保存期間、接続する外部サービスの条件を確認してください。
業務でAIを使う際は、入力する情報と実行できる操作を分けて管理します。情報漏洩や権限管理の基本を、こちらで整理しています。
生成AIのセキュリティ対策|情報漏洩・プロンプトインジェクション・権限管理の基本 記事を読む →9.AI開発ツールについてよくある質問
Cursor・Claude Code・Codexを全部使う必要がありますか?
必須ではありません。まず一つの環境で、依頼、変更内容の確認、動作確認まで行ってみましょう。別のツールを追加する際は、何を補いたいのかを決めると、使い分けや費用を整理しやすくなります。
役割を指定すれば、専門家と同じ品質になりますか?
役割の指定だけで品質は保証されません。目的、制約、入力例、期待する結果を具体的にし、実装後に確認する必要があります。「専門家として作って」だけで済ませず、完成条件を伝えてください。
AIにテストを書かせれば、人による確認は不要ですか?
不要にはなりません。AIが仕様を誤解したまま実装とテストの両方を作ると、テストが通っても期待する動作と異なる場合があります。先に決めた条件との照合や、実際の画面での確認を組み合わせましょう。
初心者は何を理解すればよいですか?
まずは、各ファイルの役割、入力から出力までの流れ、変更された箇所を説明できることを目指します。AIの説明を読んだ後に、条件を一つ変えて結果を予想し、実行して確かめると、理解できている部分を確認できます。
10.小さな機能を、確認できる形で完成させる
AI開発ツールを使う際は、どの製品が優れているかだけでなく、自分が変更内容と結果を追えるかを重視しましょう。作業場所、権限、完成条件が明確であれば、問題が起きたときにも調べる範囲を絞りやすくなります。
最初の課題として、この記事の検索機能のように、入力と期待する結果が明確なものを選んでみてください。仕様を決め、実装を依頼し、差分と動作を確かめる流れを経験することが、次の開発につながります。
参考資料
Learning Tools
記事を検索したい方はここから!
記事を検索
関連記事や、今の内容に近いテーマをすぐに検索できます。
例: AI / 情報Ⅰ / Python / 統計 / 資格 / 学習法