Next TokenParallel World

← ラボ / 使い方マップ

作りたいものをふつうの言葉で伝えて、AIに複数のファイルを書かせたり、動かして直させたりする道が公式に用意されています。Claude Code、Cursor、Codexは、それぞれ入口（ターミナル、エディタ、ChatGPT内など）と、AIが勝手にやってよい範囲の決め方が違います。

こんな人に：自分でアプリやWebサイトを作ってみたい人、コードの修正や調べものをAIに手伝ってほしい人。

最初の一歩

  1. 1作るものを小さく決めて、置き場所のフォルダを1つ用意する

    最初は「自己紹介ページを1枚」「ボタンを押すと数字が増える画面」くらいに小さくします。専用のフォルダを作り、その中だけでAIに作業させます。他の大事なファイルと混ぜないことが、後で戻しやすくなる第一歩です。

  2. 2自分に合う入口を1つ選んで入れる

    Claude Codeは、公式Overviewによるとターミナル、VS Codeなどのエディタ、デスクトップアプリ、Webから使えます（多くの入口でClaudeの契約かAnthropic Consoleのアカウントが必要）。Cursorは、公式ドキュメントで「コーディングエージェント」と説明されるツールです（エディタとして使えます）。Codexは、公式の案内ページでChatGPTのアプリやWeb、CLI、IDE拡張、Codex Cloudといった入口が挙げられています。

  3. 3ふつうの言葉で頼み、変更を1つずつ確かめる

    Claude Codeの公式Overviewは、やりたいことを普通の言葉で伝えると、方針を立てて複数のファイルにコードを書き、動くか確かめる、と説明しています。1回の頼みを小さくし、画面で動きを見てから次を頼みます。エラーが出たら、エラーの文をそのまま貼って直してもらいます。

  4. 4変更の記録を残し、公開の前に自分の目で見直す

    Claude Codeは、公式によるとGitの変更の記録（コミット）や、プルリクエストの作成まで頼めます。記録を残しておけば、うまくいかなかったときに前の状態へ戻せます。公開の前には、鍵やパスワードがファイルに書かれていないかを自分で見直します。

どのツールを、どう組み合わせるか

Claude Code ＋ GitHub

Claude Codeは、コードを書き、変更の記録とプルリクエストの作成まで進める役。GitHubは、変更の記録を置いて、人が見直す場所。

Claude Codeに変更を頼み、記録されたものをGitHubで人が読んで確かめます。自動のレビューやイシューの整理にはGitHub Actionsも使えます。

公式の根拠：Claude Code Docs「Overview」（Create commits and pull requests の項、GitHub Actions）。

Cursor ＋ Claude Code

Cursorは、コードを見ながら編集するエディタの役。Claude Codeは、そのエディタの中でも動かせるAIの役。

Cursorにも入れられるClaude Codeの拡張機能があり、同じ設定（CLAUDE.mdなど）を共有できます。

公式の根拠：Claude Code Docs「Overview」（VS Code の項に「Install for Cursor」、各入口は同じエンジンでCLAUDE.md・設定・MCPサーバーが共通と記載）。

Codex ＋ ChatGPT

Codexは、コードの探索・機能づくり・変更の見直し・失敗の修正を担当する役。ChatGPTは、Codexを使う入口の1つ（アプリ、Web、モバイル）。

公式の案内ページには「Sign in with ChatGPT」の項目があります（中身は今回読んでいません）。Permissionsの項（サンドボックスや承認）で、勝手に動かす範囲を確認してから使い始めます。

公式の根拠：OpenAI のCodex案内ページ（Available on にアプリ・Web・CLI・IDE拡張・Cloud、Capabilities に Sign in with ChatGPT、Permissions に Sandboxing と Agent approvals が目次にある）。

Claude Code ＋ MCP（外部のツールの接続）

Claude Codeは作業をする役。MCPは、Google DriveやJira、Slackのような外部のツールをつなぐ共通の決まり。

設計書を読ませる、チケットを更新するなど、コード以外の情報が要るときに、必要な接続だけを足します。

公式の根拠：Claude Code Docs「Overview」（Connect your tools with MCPの項）。

公式が紹介している使い方

  • ものを作る前の準備：大きな機能は、先に「どんな手順で作るか」をAIに計画させ、読んでから進める（Cursorの公式ドキュメントにPlanningの項、Claude Codeにもプラン確認の入口が案内されている）。
  • エラーの文を貼って、原因の調べと直しを頼む（Claude Code公式のバグ修正の説明）。
  • テスト作成、整形のエラーの一括修正、依存関係の更新のような、手間のかかる作業を頼む（Claude Code公式が「先送りしがちな作業」として挙げる例）。
  • CLAUDE.mdのような指示ファイルに、使う言語や守りたいルールを書いて、毎回同じ前提で作業させる（Claude Code公式）。
  • コードがどうつながっているかをたどり、どこから読み始めるかを探す（Cursor公式の「Understand your code」が挙げる用途）。

気をつけること

  • AIが書いたコードは、間違いを含むことがあります。動かして確かめ、意味の分からない部分は質問してから使う（サイト内の記事132も参照）。
  • 勝手にファイルを書き換える、コマンドを動かす、通信するといった範囲は、ツールごとに承認の設定があります。最初は厳しめにして、慣れてから緩める（サイト内の記事207・238、各ガイド02）。
  • APIキーやパスワードを、AIへの頼みの文や、公開するファイルに書かない。鍵が漏れたと思ったら、発行元で作り直す。
  • Windowsでは、Claude Codeの公式がGit for Windowsを推奨しています（無い場合はPowerShellを使う）。インストールで出るエラーは、公式のトラブルシュートで照らす。
  • 会社の資料やお客様の情報を入れる前に、契約とデータの扱いを確認する（サイト内の記事124・126）。

僕らの見立て（公式の説明をもとにした考え方で、断定ではありません）

  • プログラミング経験がなければ、1画面だけのWebページを作って公開する、までを最初のゴールにすると、全体の流れ（作る→動かす→直す→記録する）をつかみやすそうです。
  • 同じ頼みを2つのツールで試して、画面の見やすさ、質問のしやすさ、手元に残るファイルの扱いを比べると、自分に合う入口が見つかりそうです。
  • 公開前のチェックは、AIに「抜けがないか」を聞くのと、自分の目で鍵・個人情報を探すのを両方行うと、見落としが減りそうです。

あわせて読む記事：記事114「プログラミング未経験で小さなアプリを作る：日本語で頼む道…」、記事35「Claude Codeとは何か：何ができて、どこで動いて…」、記事37「ChatGPTとCodexは別物か同じか：OpenAIの…」、記事68「Cursor：2026年8月にSpaceXの傘下に入った…」、記事82「Cursor／Cline × Vercel：作ったものを…」、記事207「エージェントへの権限は「機能・範囲・承認」の3つで絞る：…」

AIサービス大全：claude-code/01　claude-code/02　codex/01　codex/02　cursor/01　cursor/02

確認できていない点（5件）
  • Cursorのインストール手順、無料枠・プラン、プライバシー設定は、今回読んだページには書かれておらず確認していない
  • Codexの対象プランと、サンドボックス・承認の中身は、読めた案内ページが目次だけで確認できていない
  • Claude Codeの料金・使用量の上限は、この項目では確認していない
  • 公開（デプロイ）先サービスの無料の範囲は、この項目では確認していない
  • 日本語での指示が使えることは、今回読んだ公式ページでは確認していない
出典（3件）

← 毎回同じ作業を自動でやらせたい（Zapier、Make、n8n、Raycast）　自分のPCの中だけで、安全にAIを使いたい →

確認日：2026年10月23日。取得は要約経由のものを含みます。画面名・機能名・料金は変わります。使う前に、各公式ページで確かめてください。

ラボの資料は、公式の文書を読んでまとめたもので、実際に使って確かめた記録ではありません。日付や仕様は変わるので、使う前に各ページの出典で確かめてください。事実と「僕らの見立て」は、分けて書いています。