{
  "schema_version": 1,
  "schema_url": "https://ai-tool-notes.pages.dev/api/schema.json",
  "id": "claude-code-plan-before-edit",
  "canonical_url": "https://ai-tool-notes.pages.dev/articles/claude-code-plan-before-edit/",
  "api_url": "https://ai-tool-notes.pages.dev/api/articles/claude-code-plan-before-edit.json",
  "title": "Claude Codeに頼む前のひと呼吸。Planで変更内容を確認する",
  "description": "サイトの機能を増やすときは、作り始める前に変更範囲と確認方法を相談。コードを読まなくても計画を判断できる、質問と依頼文を紹介します。",
  "language": "ja",
  "published": "2026-10-12T12:19:12.441Z",
  "updated": "2026-10-12T12:19:12.441Z",
  "published_date": "2026-10-12",
  "updated_date": "2026-10-12",
  "category": "tools",
  "tags": [
    "Claude Code",
    "Plan",
    "計画",
    "作業の確認"
  ],
  "source_urls": [
    "https://code.claude.com/docs/en/best-practices#explore-first-then-plan-then-code",
    "https://www.youtube.com/watch?v=xJQuF02NAK8",
    "https://code.claude.com/docs/en/permission-modes#analyze-before-you-edit-with-plan-mode",
    "https://code.claude.com/docs/en/desktop#choose-a-permission-mode",
    "https://code.claude.com/docs/en/permission-modes#review-and-approve-a-plan"
  ],
  "content_html": "<p>「サイトに問い合わせフォームを付けて」。短い依頼でも、送信先、保存する情報、迷惑送信への対策など、決めることは意外とあります。Claude Codeで作り始める前に、Planを使って方針を相談しておくと、思っていたものと違う完成形を避けやすくなります。</p>\n<h2 id=\"section-1\">Planでは、作業の見通しを確かめる</h2>\n<p>Plan（計画）は、プロジェクトを調べて変更案をまとめるためのモードです。Claude Codeはファイルを読んで調査し、計画を出します。承認すると、その後の編集に進みます。<a href=\"https://code.claude.com/docs/en/permission-modes#analyze-before-you-edit-with-plan-mode\">Planの公式説明（英語）</a></p>\n<p>デスクトップ版では送信ボタン近くのモード選択からPlanを選びます。ターミナル版ではShift＋Tabで切り替え、現在の表示がplanになっていることを確認してください。デスクトップ版のShift＋Tabは、この切り替え操作には使いません。<a href=\"https://code.claude.com/docs/en/desktop#choose-a-permission-mode\">Desktopの操作説明（英語）</a></p>\n<p>なお、Planでも調査用のコマンド実行や計画ファイルの作成はあります。権限確認を省く設定を有効にしたターミナルには例外もあるため、「Planならあらゆる操作が読み取りだけ」とは考えないでください。知らない設定のまま大事なファイルを渡さず、作業対象を確認してから始めましょう。</p>\n<h2 id=\"section-2\">公式動画で、相談から実装までの流れを見る</h2>\n<figure class=\"official-media official-video\" data-official-media=\"claude-plan-official\"><iframe class=\"official-video-frame\" src=\"https://www.youtube-nocookie.com/embed/xJQuF02NAK8?playsinline=1\" width=\"560\" height=\"315\" title=\"Claude公式：調査・計画・実装・変更記録の進め方。操作の細部は現行の公式資料を参照してください。（英語）\" loading=\"lazy\" allow=\"autoplay; encrypted-media; picture-in-picture; fullscreen\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe><figcaption>Claude公式：調査・計画・実装・変更記録の進め方。操作の細部は現行の公式資料を参照してください。（英語）<span>出典：Claude（Anthropic公式YouTube）</span></figcaption><p class=\"official-media-links\">YouTubeの公式動画です。<a href=\"https://www.youtube.com/watch?v=xJQuF02NAK8\" rel=\"noopener noreferrer\">表示・再生できない場合はYouTubeで見る</a> · <a href=\"https://code.claude.com/docs/en/best-practices#explore-first-then-plan-then-code\" rel=\"noopener noreferrer\">公式の案内</a></p></figure>\n<p>動画の用語を全部覚える必要はありません。「作業前に、どこを変えるかと、何をもって完成とするかを確認する」という部分を取り入れれば十分です。</p>\n<h2 id=\"section-3\">計画には、5つだけ答えてもらう</h2>\n<p>問い合わせフォームなら、次のように頼めます。</p>\n<blockquote>\n<p>問い合わせフォームを追加したいです。まずPlanで現在のサイトを調べてください。まだ実装や公開はせず、①利用者に見える変化、②変更する場所と理由、③入力情報の送信先・保存先、④追加料金や新しいサービスが必要か、⑤完成後の確認方法を、専門用語を説明しながらまとめてください。送信先など、私が決める必要のある点は質問してください。</p>\n</blockquote>\n<p>送信先のメールアドレスや使うサービスをAIが勝手に仮定していたら、計画の段階で直してもらいます。確認方法も「正常に動くか」だけで終わらせず、「必須欄が空なら送信されない」「送信が失敗したら案内が出る」のように、見て判断できる形にすると役立ちます。</p>\n<p>自分が責任を持って決める内容を、作業前に見えるようにするための依頼例です。</p>\n<h2 id=\"section-4\">承認前は、できるだけ小さな変更にする</h2>\n<p>計画に、頼んでいないデザイン変更やサイト全体の作り直しまで入っていたら、「今回はフォームだけに絞って」と戻します。わからない言葉には「利用者から見ると何が変わりますか」と聞くと、判断しやすくなります。</p>\n<p>計画を承認するときは、その後の権限も確認しましょう。公式の承認画面には、編集を個別に確認しながら進める選択肢があります。慣れないプロジェクトなら、内容を見ながら進める方法が向いています。<a href=\"https://code.claude.com/docs/en/permission-modes#review-and-approve-a-plan\">計画の承認方法（英語）</a></p>\n<h2 id=\"section-5\">小さな修正なら、相談を長くしすぎない</h2>\n<p>誤字を1か所直すような、変更範囲が明確な仕事はそのまま頼んでも構いません。公式資料でも、Planが役立つのは方針が不明な場合や、複数のファイルに関わる変更などとされています。<a href=\"https://code.claude.com/docs/en/best-practices#explore-first-then-plan-then-code\">Planの使いどころ（英語）</a></p>\n<p>「問い合わせはどこへ届くか」「何が変わり、どう確かめるか」。この2つが自分の言葉で説明できるようになってから進めると、完成したものを受け取るときも迷いにくくなります。</p>\n<p>※2026年10月12日に確認した公式資料をもとにした使い方の提案です。掲載の依頼文は本記事の例で、筆者による実機テストの報告ではありません。</p>\n<section class=\"source-box\"><h2>情報源について</h2><ul><li><span>公式情報</span> <a href=\"https://code.claude.com/docs/en/best-practices#explore-first-then-plan-then-code\">Claude Code公式資料（英語）</a>（確認日 2026-10-12）</li><li><span>公式情報</span> <a href=\"https://www.youtube.com/watch?v=xJQuF02NAK8\">Claude公式YouTube（英語）</a>（確認日 2026-10-12）</li><li><span>公式情報</span> <a href=\"https://code.claude.com/docs/en/permission-modes#analyze-before-you-edit-with-plan-mode\">Claude Code公式資料（英語）</a>（確認日 2026-10-12）</li><li><span>公式情報</span> <a href=\"https://code.claude.com/docs/en/desktop#choose-a-permission-mode\">Claude Code公式資料（英語）</a>（確認日 2026-10-12）</li><li><span>公式情報</span> <a href=\"https://code.claude.com/docs/en/permission-modes#review-and-approve-a-plan\">Claude Code公式資料（英語）</a>（確認日 2026-10-12）</li></ul></section>",
  "content_text": "「サイトに問い合わせフォームを付けて」。短い依頼でも、送信先、保存する情報、迷惑送信への対策など、決めることは意外とあります。Claude Codeで作り始める前に、Planを使って方針を相談しておくと、思っていたものと違う完成形を避けやすくなります。\n\nPlanでは、作業の見通しを確かめる\n\nPlan（計画）は、プロジェクトを調べて変更案をまとめるためのモードです。Claude Codeはファイルを読んで調査し、計画を出します。承認すると、その後の編集に進みます。Planの公式説明（英語）\n\nデスクトップ版では送信ボタン近くのモード選択からPlanを選びます。ターミナル版ではShift＋Tabで切り替え、現在の表示がplanになっていることを確認してください。デスクトップ版のShift＋Tabは、この切り替え操作には使いません。Desktopの操作説明（英語）\n\nなお、Planでも調査用のコマンド実行や計画ファイルの作成はあります。権限確認を省く設定を有効にしたターミナルには例外もあるため、「Planならあらゆる操作が読み取りだけ」とは考えないでください。知らない設定のまま大事なファイルを渡さず、作業対象を確認してから始めましょう。\n\n公式動画で、相談から実装までの流れを見る\n\nClaude公式：調査・計画・実装・変更記録の進め方。操作の細部は現行の公式資料を参照してください。（英語）出典：Claude（Anthropic公式YouTube）\nYouTubeの公式動画です。表示・再生できない場合はYouTubeで見る · 公式の案内\n\n動画の用語を全部覚える必要はありません。「作業前に、どこを変えるかと、何をもって完成とするかを確認する」という部分を取り入れれば十分です。\n\n計画には、5つだけ答えてもらう\n\n問い合わせフォームなら、次のように頼めます。\n\n問い合わせフォームを追加したいです。まずPlanで現在のサイトを調べてください。まだ実装や公開はせず、①利用者に見える変化、②変更する場所と理由、③入力情報の送信先・保存先、④追加料金や新しいサービスが必要か、⑤完成後の確認方法を、専門用語を説明しながらまとめてください。送信先など、私が決める必要のある点は質問してください。\n\n送信先のメールアドレスや使うサービスをAIが勝手に仮定していたら、計画の段階で直してもらいます。確認方法も「正常に動くか」だけで終わらせず、「必須欄が空なら送信されない」「送信が失敗したら案内が出る」のように、見て判断できる形にすると役立ちます。\n\n自分が責任を持って決める内容を、作業前に見えるようにするための依頼例です。\n\n承認前は、できるだけ小さな変更にする\n\n計画に、頼んでいないデザイン変更やサイト全体の作り直しまで入っていたら、「今回はフォームだけに絞って」と戻します。わからない言葉には「利用者から見ると何が変わりますか」と聞くと、判断しやすくなります。\n\n計画を承認するときは、その後の権限も確認しましょう。公式の承認画面には、編集を個別に確認しながら進める選択肢があります。慣れないプロジェクトなら、内容を見ながら進める方法が向いています。計画の承認方法（英語）\n\n小さな修正なら、相談を長くしすぎない\n\n誤字を1か所直すような、変更範囲が明確な仕事はそのまま頼んでも構いません。公式資料でも、Planが役立つのは方針が不明な場合や、複数のファイルに関わる変更などとされています。Planの使いどころ（英語）\n\n「問い合わせはどこへ届くか」「何が変わり、どう確かめるか」。この2つが自分の言葉で説明できるようになってから進めると、完成したものを受け取るときも迷いにくくなります。\n\n※2026年10月12日に確認した公式資料をもとにした使い方の提案です。掲載の依頼文は本記事の例で、筆者による実機テストの報告ではありません。\n\n情報源について\n公式情報 Claude Code公式資料（英語）（確認日 2026-10-12）\n公式情報 Claude公式YouTube（英語）（確認日 2026-10-12）\n公式情報 Claude Code公式資料（英語）（確認日 2026-10-12）\n公式情報 Claude Code公式資料（英語）（確認日 2026-10-12）\n公式情報 Claude Code公式資料（英語）（確認日 2026-10-12）",
  "sources": [
    {
      "title": "Claude Code公式資料（英語）",
      "url": "https://code.claude.com/docs/en/best-practices#explore-first-then-plan-then-code"
    },
    {
      "title": "Claude公式YouTube（英語）",
      "url": "https://www.youtube.com/watch?v=xJQuF02NAK8"
    },
    {
      "title": "Claude Code公式資料（英語）",
      "url": "https://code.claude.com/docs/en/permission-modes#analyze-before-you-edit-with-plan-mode"
    },
    {
      "title": "Claude Code公式資料（英語）",
      "url": "https://code.claude.com/docs/en/desktop#choose-a-permission-mode"
    },
    {
      "title": "Claude Code公式資料（英語）",
      "url": "https://code.claude.com/docs/en/permission-modes#review-and-approve-a-plan"
    }
  ],
  "media": [
    {
      "provider": "youtube",
      "url": "https://www.youtube.com/watch?v=xJQuF02NAK8",
      "caption": "Claude公式：調査・計画・実装・変更記録の進め方。操作の細部は現行の公式資料を参照してください。（英語）"
    }
  ]
}
