{
  "schemaVersion": 1,
  "id": "claude-vs-claude-code",
  "canonicalUrl": "https://imadokimatome.com/articles/claude-vs-claude-code/",
  "detailUrl": "https://imadokimatome.com/api/v1/articles/claude-vs-claude-code.json",
  "title": "ClaudeとClaude Codeは何が違う？ ChatGPTを使っている人向けに整理",
  "listTitle": "ClaudeとClaude Codeの違いと選び方",
  "description": "ClaudeとClaude Codeは何が違う？ ChatGPTを使っている人向けに、できること、向いている用途、最初の選び方を整理します。",
  "language": "ja",
  "publishedAt": "2026-10-11T23:12:13.209Z",
  "updatedAt": "2026-10-12T03:29:24.312Z",
  "lead": [
    "ClaudeとClaude Codeのできること、向いている用途、最初の選び方をまとめます。"
  ],
  "bodyHtml": "<p>Claude（クロード）は、<a href=\"https://support.claude.com/ja/articles/8114491-claude%E3%82%92%E5%A7%8B%E3%82%81%E3%82%8B\" rel=\"noopener noreferrer\">Anthropicが提供するAI</a>です。<br>文章作成や要約、相談など、幅広い用途に使えます。<br>Claude Code（クロード・コード）は、そのClaudeを使って、<a href=\"https://code.claude.com/docs/ja/overview\" rel=\"noopener noreferrer\">アプリやウェブサイトの開発を進めるためのツール</a>です。</p><p>違いをつかむには、「何を頼みたいか」で考えると分かりやすくなります。<br>ここでは、ブラウザやアプリでClaudeとチャットする使い方と、Claude Codeを比べます。</p><h2>ChatGPTのように相談したいなら、まずClaude</h2><p>ChatGPTに「このメールを短くして」「会議メモを要約して」と頼んだことがあるなら、Claudeもイメージしやすいはずです。<br>チャット欄にやりたいことを入力し、返ってきた答えを見ながら、言い方や内容を調整します。</p><p>例えば、<a href=\"https://support.claude.com/ja/articles/7996845-claude%E3%81%A7%E4%BD%95%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%81%8B\" rel=\"noopener noreferrer\">仕事の案内文を整えたり</a>、長い文章から要点を拾ったり、企画の案を出してもらったりできます。<br>プログラミングについて質問したり、コードの例を作ってもらったりすることも可能です。<br>コードとは、コンピューターに動作を指示するプログラムの内容を指します。</p><p>Claudeのチャットにも、<a href=\"https://support.claude.com/ja/articles/12111783-claude%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E4%BD%9C%E6%88%90-%E7%B7%A8%E9%9B%86%E3%81%99%E3%82%8B\" rel=\"noopener noreferrer\">文書や表などのファイルを作る機能</a>があります。<br>普段の文章づくりや資料の整理を始めたい人は、まずこちらから試すと、使い道をつかみやすいでしょう。</p><figure><figcaption>Anthropic公式：Claudeのファイル作成・編集（英語、2025年9月公開当時のUI）<br><span>出典：Anthropic</span></figcaption><p><a href=\"https://www.youtube.com/watch?v=EV89Ws8Ui9Y\" rel=\"noopener noreferrer\">YouTubeの公式動画を見る</a></p></figure><figure><figcaption>主な使いどころの整理。Claudeのチャットでもコードやファイルを作れます。</figcaption><p><a href=\"https://imadokimatome.com/media/claude-comparison-diagram.png\" rel=\"noopener noreferrer\">図版を見る</a></p></figure><h2>Claude Codeは、開発用のファイルを直接扱う</h2><p>Claude Codeが役立つのは、「作っているサイトの表示を直したい」「アプリに機能を追加したい」といった場面です。</p><p><a href=\"https://code.claude.com/docs/ja/overview\" rel=\"noopener noreferrer\">開発に使うファイルを読み</a>、必要な箇所を書き換え、動作を確かめるためのテストやコマンドを実行できます。<br>例えば「このボタンを押しても動かない」と伝え、関係するファイルを調べて修正を進めてもらう、といった使い方です。<br>ここでいうコマンドは、コンピューターに処理を実行させる指示です。</p><figure><figcaption>Claude公式：Claude Codeで検証を繰り返す使い方（英語）<br><span>出典：Claude</span></figcaption><p><a href=\"https://www.youtube.com/watch?v=mQZB0l-rhxE\" rel=\"noopener noreferrer\">YouTubeの公式動画を見る</a></p></figure><p>複数のファイルにまたがる修正を、そのプロジェクトに合わせて進められる点がポイントです。<br>コードの説明を聞くだけでなく、実際の制作物を直す作業まで頼みたい人に向いています。</p><p>使う場所も、文字で命令を入力する「ターミナル」だけではありません。<br>デスクトップアプリやブラウザなどから使う方法もあります。</p><h2>何をしたいかで選ぼう</h2><div class=\"editorial-table-wrap\" role=\"region\" aria-label=\"主な使いどころ\" tabindex=\"0\"><table><caption>主な使いどころ</caption><thead><tr><th scope=\"col\">使うもの</th><th scope=\"col\">主な使いどころ</th></tr></thead><tbody><tr><td data-label=\"使うもの\">Claudeのチャット</td><td data-label=\"主な使いどころ\">相談、文章作成、要約、資料づくり、コードの質問</td></tr><tr><td data-label=\"使うもの\">Claude Code</td><td data-label=\"主な使いどころ\">開発用ファイルの読み取り・編集、不具合の修正、動作確認</td></tr></tbody></table></div><p>例えば、お店のホームページを作るなら、紹介文やページ構成をClaudeに相談するところから始められます。<br>自分で管理するサイトのファイルを修正したくなったら、Claude Codeを検討する、という順番です。</p><p>ChatGPTを使っている人も、まず同じ依頼をClaudeに出してみると、文章の雰囲気ややり取りのしやすさを比べられます。<br>どちらが合うかは、普段頼む仕事で確かめるのが分かりやすいでしょう。</p><p>Claude Codeでは、任せるファイルや操作の範囲を決め、<a href=\"https://code.claude.com/docs/ja/best-practices\" rel=\"noopener noreferrer\">変更内容と変更後の動作を自分でも確認すること</a>が大切です。<br>初めてなら、大事な情報を含まない練習用のコピーで、小さな修正から始めましょう。<br>利用に必要な契約や設定は使い方によって異なるため、始めるときは<a href=\"https://code.claude.com/docs/ja/overview\" rel=\"noopener noreferrer\">公式の案内</a>を確認してください。</p><p>普段の相談や文章づくりならClaudeのチャット。<br>アプリやサイトのファイルを扱い、開発を進めたいならClaude Code。<br>この使い分けを覚えておけば、最初の一歩を選びやすくなります。</p><p>情報確認日：2026年10月12日（日本時間）</p>",
  "bodyText": "Claude（クロード）は、Anthropicが提供するAIです。\n文章作成や要約、相談など、幅広い用途に使えます。\nClaude Code（クロード・コード）は、そのClaudeを使って、アプリやウェブサイトの開発を進めるためのツールです。\n違いをつかむには、「何を頼みたいか」で考えると分かりやすくなります。\nここでは、ブラウザやアプリでClaudeとチャットする使い方と、Claude Codeを比べます。\nChatGPTのように相談したいなら、まずClaude\nChatGPTに「このメールを短くして」「会議メモを要約して」と頼んだことがあるなら、Claudeもイメージしやすいはずです。\nチャット欄にやりたいことを入力し、返ってきた答えを見ながら、言い方や内容を調整します。\n例えば、仕事の案内文を整えたり、長い文章から要点を拾ったり、企画の案を出してもらったりできます。\nプログラミングについて質問したり、コードの例を作ってもらったりすることも可能です。\nコードとは、コンピューターに動作を指示するプログラムの内容を指します。\nClaudeのチャットにも、文書や表などのファイルを作る機能があります。\n普段の文章づくりや資料の整理を始めたい人は、まずこちらから試すと、使い道をつかみやすいでしょう。\nAnthropic公式：Claudeのファイル作成・編集（英語、2025年9月公開当時のUI）\n出典：Anthropic\nYouTubeの公式動画を見る\n主な使いどころの整理。Claudeのチャットでもコードやファイルを作れます。\n図版を見る\nClaude Codeは、開発用のファイルを直接扱う\nClaude Codeが役立つのは、「作っているサイトの表示を直したい」「アプリに機能を追加したい」といった場面です。\n開発に使うファイルを読み、必要な箇所を書き換え、動作を確かめるためのテストやコマンドを実行できます。\n例えば「このボタンを押しても動かない」と伝え、関係するファイルを調べて修正を進めてもらう、といった使い方です。\nここでいうコマンドは、コンピューターに処理を実行させる指示です。\nClaude公式：Claude Codeで検証を繰り返す使い方（英語）\n出典：Claude\nYouTubeの公式動画を見る\n複数のファイルにまたがる修正を、そのプロジェクトに合わせて進められる点がポイントです。\nコードの説明を聞くだけでなく、実際の制作物を直す作業まで頼みたい人に向いています。\n使う場所も、文字で命令を入力する「ターミナル」だけではありません。\nデスクトップアプリやブラウザなどから使う方法もあります。\n何をしたいかで選ぼう\n主な使いどころ使うもの 主な使いどころ\nClaudeのチャット 相談、文章作成、要約、資料づくり、コードの質問\nClaude Code 開発用ファイルの読み取り・編集、不具合の修正、動作確認\n例えば、お店のホームページを作るなら、紹介文やページ構成をClaudeに相談するところから始められます。\n自分で管理するサイトのファイルを修正したくなったら、Claude Codeを検討する、という順番です。\nChatGPTを使っている人も、まず同じ依頼をClaudeに出してみると、文章の雰囲気ややり取りのしやすさを比べられます。\nどちらが合うかは、普段頼む仕事で確かめるのが分かりやすいでしょう。\nClaude Codeでは、任せるファイルや操作の範囲を決め、変更内容と変更後の動作を自分でも確認することが大切です。\n初めてなら、大事な情報を含まない練習用のコピーで、小さな修正から始めましょう。\n利用に必要な契約や設定は使い方によって異なるため、始めるときは公式の案内を確認してください。\n普段の相談や文章づくりならClaudeのチャット。\nアプリやサイトのファイルを扱い、開発を進めたいならClaude Code。\nこの使い分けを覚えておけば、最初の一歩を選びやすくなります。\n情報確認日：2026年10月12日（日本時間）",
  "keyPoints": [
    "相談や文章づくりなら、まずClaudeのチャットから。",
    "Claude Codeは開発用のファイルを編集し、動作も確認できます。",
    "任せるファイルと操作の範囲を決め、変更後の動作を確かめましょう。"
  ],
  "unconfirmed": [],
  "upcoming": [],
  "corrections": [],
  "sources": [
    {
      "name": "Anthropic",
      "title": "Claudeを始める（日本語）",
      "url": "https://support.claude.com/ja/articles/8114491-claude%E3%82%92%E5%A7%8B%E3%82%81%E3%82%8B",
      "sourcePublishedAt": null,
      "sourceDateNote": "確認したページの更新表示：3週間以上前に更新（相対表示。実日付への換算はしていない）",
      "checkedAt": "2026-10-11T23:12:13.209Z"
    },
    {
      "name": "Anthropic",
      "title": "Claudeで何ができますか？（日本語）",
      "url": "https://support.claude.com/ja/articles/7996845-claude%E3%81%A7%E4%BD%95%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%81%8B",
      "sourcePublishedAt": null,
      "sourceDateNote": "確認したページの更新表示：2026年3月6日",
      "checkedAt": "2026-10-11T23:12:13.209Z"
    },
    {
      "name": "Anthropic",
      "title": "Claudeでファイルを作成・編集する（日本語）",
      "url": "https://support.claude.com/ja/articles/12111783-claude%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E4%BD%9C%E6%88%90-%E7%B7%A8%E9%9B%86%E3%81%99%E3%82%8B",
      "sourcePublishedAt": null,
      "sourceDateNote": "確認したページの更新表示：2026年8月6日",
      "checkedAt": "2026-10-11T23:12:13.209Z"
    },
    {
      "name": "Anthropic",
      "title": "Claude Code 概要（日本語）",
      "url": "https://code.claude.com/docs/ja/overview",
      "sourcePublishedAt": null,
      "sourceDateNote": "確認したページの更新表示：本文内の固定更新日表示なし",
      "checkedAt": "2026-10-11T23:12:13.209Z"
    },
    {
      "name": "Anthropic",
      "title": "Claude Code セキュリティ（日本語）",
      "url": "https://code.claude.com/docs/ja/security",
      "sourcePublishedAt": null,
      "sourceDateNote": "確認したページの更新表示：本文内の固定更新日表示なし",
      "checkedAt": "2026-10-11T23:12:13.209Z"
    },
    {
      "name": "Anthropic",
      "title": "Claude Codeのベストプラクティス（日本語）",
      "url": "https://code.claude.com/docs/ja/best-practices",
      "sourcePublishedAt": null,
      "sourceDateNote": "確認したページの更新表示：本文内の固定更新日表示なし",
      "checkedAt": "2026-10-11T23:12:13.209Z"
    },
    {
      "name": "OpenAI",
      "title": "ChatGPTの機能概要（日本語）",
      "url": "https://help.openai.com/ja-jp/articles/9260256-chatgpt-capabilities-overview",
      "sourcePublishedAt": null,
      "sourceDateNote": "確認したページの更新表示：last month（相対表示。実日付への換算はしていない）",
      "checkedAt": "2026-10-11T23:12:13.209Z"
    }
  ],
  "media": [
    {
      "id": "claude-vs-claude-code-eyecatch",
      "type": "editorial-image",
      "url": "https://imadokimatome.com/media/claude-vs-claude-code-eyecatch.png",
      "caption": "公式発表の内容を整理した図版。",
      "alt": "ClaudeとClaude Codeは何が違う？ 相談や文章づくりと、アプリやサイトの開発という主な使いどころを整理"
    },
    {
      "id": "claude-comparison-diagram",
      "type": "editorial-image",
      "url": "https://imadokimatome.com/media/claude-comparison-diagram.png",
      "caption": "主な使いどころの整理。Claudeのチャットでもコードやファイルを作れます。",
      "alt": "Claudeのチャットは相談・文章・資料づくり、Claude Codeは開発用ファイルの編集と動作確認が主な使いどころ。チャットでもコードやファイルを作れます。"
    },
    {
      "id": "claude-files-official",
      "type": "official-embed",
      "url": "https://www.youtube.com/watch?v=EV89Ws8Ui9Y",
      "caption": "Anthropic公式：Claudeのファイル作成・編集（英語、2025年9月公開当時のUI）",
      "provider": "youtube",
      "sourceUrl": "https://claude.com/resources/videos",
      "credit": "Anthropic"
    },
    {
      "id": "claude-verification-official",
      "type": "official-embed",
      "url": "https://www.youtube.com/watch?v=mQZB0l-rhxE",
      "caption": "Claude公式：Claude Codeで検証を繰り返す使い方（英語）",
      "provider": "youtube",
      "sourceUrl": "https://claude.com/resources/videos",
      "credit": "Claude"
    }
  ]
}