このエピソードのテーマ
「Claude Code にお願いしたら、想定と違う結果になって戻すのが大変だった」「コードが読めないから、計画書を見ても判断できない」「大きな変更を任せるのが、毎回ドキドキする」── そう感じたことはありませんか? 本動画は、そのモヤモヤを解消するための一本です。Plan Mode(プランモード)は、Claude Code に「まず計画だけ見せて。変更はそのあとで」と頼める仕組みです。計画を確認してから実行に進めるので、大きな変更も安心して任せられます。
Plan Mode は「設計図を先に見せてもらう」ようなもの
リフォームをお願いするときに、いきなり工事を始めてもらうのではなく、まず図面と見積もりを見せてもらいますよね。Plan Mode はその感覚に近い使い方ができる仕組みです。Claude Code にお願いごとを投げると、すぐに手を動かすのではなく「こういう手順で、こんな変更を入れる予定です」という計画を先に出してくれます。その計画を見たうえで「お願いします」「ここを直して」「やめておきます」を選べるので、想定と違う方向に進む前にハンドルを取り戻せます。
動画で取り上げる主な内容
1. オープニング ─ こんな困りごと、ありませんか?
通しプロジェクト「森のアトリエ」の現状をおさらいしつつ、大きな変更を任せるときに感じる不安を整理します。本動画でその不安をどう解消するか、ロードマップをご共有します。
2. Plan Mode とはなにか ─ 計画を立ててから実行する
Plan Mode の役割を、リフォームの図面のたとえを使って直感的にご紹介します。なぜ「計画 → 確認 → 実行」を分けるだけで、大きな変更を安心して任せられるのか、仕組みからお伝えします。
3. 計画提示後の3つの選択肢 ─ 実行・修正・やめる
計画を見たあとに選べる3つの分岐(そのまま実行する/修正をお願いする/やめる)を整理します。「コードは読めなくても、日本語の計画書なら判断できる」感覚を持っていただける構成です。
4. Plan Mode の起動方法
デスクトップアプリのモードメニューから選ぶだけで使える、Plan Mode の起動手順を画面収録でお見せします。難しい設定は不要です。
5. Web サイトの基本用語 ─ ヘッダー / ヒーロー / HTML・CSS
このあとのリニューアルデモを楽しんでいただくために、Web サイトの基本用語を最小限だけご紹介します。ヘッダー・ヒーロー・HTML・CSS が、それぞれサイトのどの部分にあたるのかを図解で押さえます。
6. 森のアトリエのリニューアル開始
ここからが本動画のハイライトです。AI 生成アートの販売サイト「森のアトリエ」を、Plan Mode を使いながら洗練されたデザインに作り変えていく様子を、画面収録でお届けします。
7. 計画を確認・日本語で読める形に直す
Claude Code が出してきた計画を、コードが読めなくても判断できる粒度に直してもらう様子をご紹介します。「日本語で読める計画書」に変換するコツをお伝えします。
8. 第1弾の結果を見て修正を頼む(画像を追加)
実行した結果を見て、「ここに画像を入れたい」「もう少しこうしたい」と修正をお願いする流れを実演します。Plan Mode の真価は、この往復のしやすさにあります。
9. さらに磨く ─ ゴールド・緑の深みでブランドを表現
森のアトリエのブランドに合わせて、ゴールドや緑の深みを加えながらデザインを整えていきます。AI と「磨きあげていく」感覚をご一緒に体感していただきます。
10. Plan Mode の価値 ─ 考え直すきっかけ・コンテキスト節約
Plan Mode のもうひとつの効能として、「実行前に考え直すきっかけが生まれる」「無駄な実行を減らしてコンテキストを節約できる」という2つの価値を整理します。
11. GitHub に反映してサイト更新
仕上がったリニューアルを GitHub に反映し、公開サイトを更新するところまで通しでご一緒します。第3回・第5回で身につけた Git / GitHub Pages の知識がそのまま活きてくる場面です。
12. 今日のまとめと次回予告
本動画のポイントを整理し、次回の MCP 連携編へとつなげます。
動画を見るとできるようになること
- Plan Mode の役割と、いつ使うと効くのかを理解できる
- 計画提示後の3つの選択肢(実行・修正・やめる)を使い分けられる
- デスクトップアプリから Plan Mode を起動できる
- コードが読めなくても、日本語の計画書を見て判断できる
- ご自身の Web サイトやファイル群を、Plan Mode で安全にリニューアルできる
こんな方におすすめ
- 大きな変更を AI に任せるときに、毎回ドキドキしてしまう方
- Claude Code の結果が想定と違って、戻すのに苦労した経験のある方
- 第1〜5回をご視聴いただき、もう一段安心して AI を使い込みたい方
- 自社サイトのリニューアルや、まとまった資料の作り直しを AI と進めたい方
Plan Mode は、Claude Code を業務で本格的に使い込むほど効いてくる仕組みです。「いきなり実行」ではなく「まず計画」をはさむだけで、AI を任せられる範囲がぐっと広がります。本動画はシリーズ全12回のうちの第6回で、次回は MCP 連携編へと続きます。手元で森のアトリエや、ご自身のプロジェクトを動かしながらご視聴いただくのがおすすめです。