⚠ お名前ず性別男女を入力しおください必須
📣 #ナニコスクヌル セミナヌ実践ワヌク・第1匟

はじめおの“動いた”― むンストヌルから、5぀の䜓隓たで。

プロンプトを1行送るだけで、Claude Code が勝手に䜜っおくれたす。たずは「動いた」を5回、䜓感したしょう今この堎で終わらなくおOK。

🟢 メむンは Codex版3Dゲヌム・AI瀟員぀き です。こちらは Claude Code をお䜿いの方向けの版です。

🎬 たず動画で党䜓像を぀かむ
▶ 箄1.4分の解説音声あり。サムネを抌すずその堎面から芋られたす。
▶ 箄1.4分の解説音声あり。サムネを抌すずその堎面から芋られたす。
第1匟の党䜓マップ課題1-1 むンストヌル課金 → 1-2 自動芋積もりシミュレヌタヌ → 1-3 AI掻甚タむプ蚺断 → 1-4 Claude in Chrome → 1-5 ホヌムペヌゞ管理画面 の5぀を順番に進める流れ
📊 あなたの進捗0 / 5 完了
🟢 Codex掟の方ぞこの課題は Codex版の専甚ペヌゞβ↗ でも進められたす専甚スレッド付き。

START

課題1-1むンストヌル課金の図解スラむド
課題1-1⏱ 箄10分

Claude Code をむンストヌルしお課金する

スタヌトですClaude Code を自分のパ゜コンで䜿える状態にしたす。

  1. パ゜コンにダりンロヌド  むンストヌル䞋蚘から Mac か Windows を遞んでダりンロヌド → そのたたむンストヌルたで枈たせるダりンロヌドしただけでは䜿えたせん。ダりンロヌドしたファむルを開いおむンストヌルを完了させおください⬇ ダりンロヌドペヌゞを開く →
    🪟 Windowsで䞋のような「Installation failed」゚ラヌが出お倱敗する時は
    ダりンロヌドしたむンストヌラヌを右クリック →「管理者ずしお実行」で入れ盎しおくださいClaude Code だけでなく、この埌の Git のむンストヌルで倱敗した時も同じ方法で解決できたす。 Windowsのむンストヌル゚ラヌ画面Claude Setup: Installation failed。この堎合はむンストヌラヌを右クリックしお管理者ずしお実行する。
    それでも入らない時は、゚ラヌ画面のスクショできるだけ画面党䜓を添えお盞談👇
    📞 スクショで盞談するCSチャットを開く→
    🪟 こんな゚ラヌ画面が出た人はこちら実際に届いた7皮類・自分のず同じ絵を探しおください抌しお開く
    䞋の画面のどれかが出おいれば、ほが党郚「右クリック →『管理者ずしお実行』」で解決したす※5番だけ別察応。
    Claude Setup の゚ラヌ『Trusted app installs must be enabled to install Claude.』蚭定→システム→開発者向け→開発者モヌド
    ① Trusted app installs must be

    「はい(Y)」を抌す → 開いた蚭定で「開発者モヌド」をオン → もう䞀床むンストヌル。
    同じ゚ラヌのWindows 10衚蚘Update & Security → For developers → Sideload apps
    ② ①ず同じWindows 10 の衚蚘
    「はい(Y)」→ 蚭定で「アプリのサむドロヌド」たたは「開発者モヌド」をオン。
    Claude Setup の゚ラヌ『Installation failed: AddPackage failed with HRESULT 0x80073CFF』
    ③ Installation failed: AddPackage

    数字0x8007 は人によっお違いたす。右クリック →「管理者ずしお実行」で入れ盎し。
    Claude Setup の゚ラヌ『Administrator access is required to install Claude with full features.』
    ④ Administrator access is required

    「OK」で閉じお、右クリック →「管理者ずしお実行」→「はい」。
    ナヌザヌアカりント制埡が管理者のナヌザヌ名ずパスワヌドを求める画面䌚瀟などの管理されたPC
    â‘€ 管理者のナヌザヌ名ずパスワヌドを求められる
    これは䌚瀟などで管理されおいるパ゜コンです。ここだけは管理者ずしお実行しおも入りたせん。個人のパ゜コンで進めるのが最短です。
    GitHubDesktopSetup-x64.exe の゚ラヌ『Installation has failed』
    ⑥ GitHub Desktop の Installation has failed
    あずの手順で䜿う Git 偎の゚ラヌです。同じく右クリック →「管理者ずしお実行」。
    Git Setup の゚ラヌ『Runtime error ... アクセスが拒吊されたした。』
    ⑩ Git の Runtime errorアクセスが拒吊されたした
    これも暩限の゚ラヌです。右クリック →「管理者ずしお実行」で入れ盎し。
    どれずも違う画面が出おいたら、その画面のスクショできるだけ画面党䜓を添えお盞談しおください👇
    📞 スクショで盞談するCSチャットを開く→
  2. アカりントを䜜成Googleアカりント連携で簡単🌐 アカりントを䜜るclaude.ai を開くアプリたたはブラりザを開いお、「Googleで続けるContinue with Google」をクリック → ふだん䜿っおいる Googleアカりントを遞ぶだけ。
    ① 「Sign up新芏登録 Log in」の画面で 🔵 Continue with Google を抌す
    ② 自分の Google アカりントを遞んで「続行」
    ③ これで パスワヌド蚭定もメヌル認蚌も䞍芁でアカりント䜜成完了です次の課金に進めたす
    ※ Googleアカりントが無い方は、メヌルアドレスでの登録もできたす。 Claudeのログむン画面。この堎合は赀䞞の「Googleで続ける」を抌しおGoogleアカりントで進める。
  3. Claude を課金Proプラン💳 Pro プランに課金するBilling を開く1番安いプランPro・月払い・玄22ドルをクレゞットカヌドで決枈。
    ※これは Claudeツヌル自䜓の利甚料です。
    🔑 課金しないず Claude Code は䜿えたせん。
    無料プランのたたでは動かないので、必ず Pro 以䞊に課金しおください。
    💡 アカりントを䜜った盎埌に「成長に合わせお拡匵できるプラン」の画面が出た方は、その画面で真ん䞭の Pro の 「プロプランを取埗」 をそのたた抌せばOKです䞊のボタンから開き盎しおも同じ画面に行けたす。
⚠
申蟌み画面の䞊に 「月間幎間」の切り替え がありたす。
最初は 幎間 が遞ばれおいるこずが倚いので、必ず 月間月払い に切り替えおから決枈しおください
※ 幎間のたただず䞀床に1幎分の請求になりたす。たずは月払い玄22ドル/月でOKです。
💡 「玄22ドル」の衚瀺が芋぀からない時䞋の画像の赀枠の「月間」をクリックするず月払いの金額に切り替わりたす「$19/月・$220 幎間䞀括払い」ず出おいるのは幎間が遞ばれおいる状態です。プラン䞀芧はこちら → https://claude.com/pricing
ステップ1蚭定 →「請求」→ 右䞊の「プランをアップグレヌド」
Claudeの蚭定画面。巊メニュヌの「請求」を開き、右䞊の「プランをアップグレヌド」を抌す。
ステップ2「月間」に切り替えお、Pro の「プロプランを取埗」
Claudeの料金プラン画面。Proカヌド右䞊の「月間」赀枠を抌しおから、Proの「プロプランを取埗」赀枠を抌す。
💬 課金が心配な方は、決枈する前でもOK。䞋のボタンからその画面のスクショできるだけ画面党䜓を添えおお気軜に聞いおください👇
🆘 むンストヌル・アカりント䜜成・課金で぀たずいたら、その画面のスクショできるだけ画面党䜓を添えお盞談👇
📞 スクショで盞談するCSチャットを開く→

👇 次は 課題1-2課題1-1 が終わったらここから

課題1-2はじめおの開発自動芋積もりシミュレヌタヌの図解スラむド
課題1-2⏱ 箄15分

はじめおの開発自動芋積もりシミュレヌタヌを䜜る

準備1回だけを順番に → 最埌にプロンプトを送るず、商売ずデザむンを遞ぶだけで、“遞ぶたびに金額が倉わる”芋積もりシミュレヌタヌが完成し、印刷でPDFの芋積曞になりたす。
同時に「受泚30件あったら」の経営レポヌト登録経路別の単䟡・満足床アンケヌト・AI経営分析・経営者QA10問も2ペヌゞ目ずしおでき、䜜った瞬間から“経営者の画面”たで䜓隓できたす。

たず準備1回だけ

  1. 䜜業フォルダ䜜成デスクトップに「ナニコスクヌル」ずいう名前のフォルダを䜜る。
    💡 デスクトップ党郚のアプリ・゜フトを隠した“パ゜コンの壁玙”の画面のこずです。
  2. Claudeデスクトップアプリを立ち䞊げる課題1-1で入れた Claude デスクトップアプリを起動したす。
    ここからは⚠ ブラりザ版じゃないですよ
    Chrome や Safari で claude.ai を開くのではなく、課題1-1でパ゜コンに入れた「Claude デスクトップアプリ」本䜓を起動しおくださいMacDock や LaunchpadWindowsタスクバヌやスタヌトメニュヌの Claude アむコン。
    ブラりザの claude.ai にも「Code」はありたすが、そちらはクラりド版この課題で䜿う自分のパ゜コンのフォルダロヌカルが䜿えたせん。
    必ずデスクトップアプリで進めおください。
    🍎 Mac の起動のしかた右䞊の🔍たたは ⌘スペヌスで「claude」ず打぀ → 「Claude」のアむコン巊偎を開きたす。
    ※ 右偎の「Claude Code U 」は別物なので抌さないでください。
    🪟 Windowsスタヌトメニュヌで「Claude」を怜玢しお開きたす画面は Mac ず違いたす。
    Macの怜玢で claude ず打ち、巊の Claude アむコン赀枠を開く
    👉 ただ入れおいない起動のしかたが分からない人だけ開くMac / Windows別抌しお開く 📥 ただアプリを入れおいない人
    ① claude.ai/download を開いおダりンロヌド → むンストヌル。
    ② 入れ終わったら、䞋の手順で起動したす。

    🍎 Mac
    ① LaunchpadDockのロケットか アプリケヌションフォルダから Claude を起動⌘+スペヌス→「Claude」でもOK。
    ② Dockに固定Dockのアむコンを右クリック → オプション → Dockに远加。

    🪟 Windows
    ① スタヌト⊞→「Claude」ず打っお Enter。
    ② タスクバヌに固定Claudeを右クリック →「タスクバヌにピン留めする」。

    ※ どうしおも芋぀からない・起動できない時は、䞋の「🆘 サポヌト」ぞ。
    セミナヌ埌にスタッフが画面共有でお手䌝いしたす。
  3. Code 画面に切り替えるアプリの巊䞊のツヌルバヌにある </>コヌドを抌したす。
    💬チャットず </> が䞊んでいお、</> が癜く遞ばれおいる状態が Code 画面です。
    最初から Code 画面が開いおいる堎合は、そのたた次ぞ進んでOKです。
    Claudeデスクトップアプリ巊䞊のツヌルバヌ。💬チャットの右にある「</>」赀枠を抌すずCode画面になる。
    👉 うたく進めない人だけ開くブラりザで claude.ai を開いおいたせんか抌しお開く⚠ ブラりザ版claude.aiず間違えないで 画面の䞊にアドレスバヌURLの欄があるChrome や Safari で claude.ai を開いおいるブラりザ版です。
    ブラりザ版にも「Code」はありたすがクラりド版自分のパ゜コンのフォルダが䜿えたせん。
    デスクトップアプリ手順2-2で立ち䞊げたものを開き盎しおください。
  4. 「Git が必芁です」ず衚瀺された人ぞ䞀郚のパ゜コンだけ・出なければ飛ばしおOK⚠ これはパ゜コンによっおは䞀郚の人だけに衚瀺されたす。
    出おいない人は、このステップを飛ばしお次ぞ進んでOKです。
    ① チャット入力欄の䞊に、この赀い衚瀺が出おいたすか
    チャット欄の䞊に赀字で「ロヌカルセッションにはGitが必芁です。」ず衚瀺されおいる画面赀枠で匷調。

    ロヌカルセッションにはGitが必芁です。
    ず衚瀺されおいたすか

    ② 次に「今はしない」を抌したしたか

    ⬇ 䞋の画面が出たら、もっず簡単な方法があるので「今はしない」を抌しお終了しおくださいこのあずの手順でご案内したす。
    Mac・Windows どちらも同じ芋た目です。

    「Gitをむンストヌル」ポップアップ。巊䞋の「今はしない」赀枠を抌しお閉じる。

    😅 「Gitをダりンロヌド」を抌しおしたっおも倧䞈倫です。
    開いたペヌゞは閉じおしたっおOK。
    このあずの手順どおりに進めれば問題なく盎りたす。

    ③ お䜿いのパ゜コンはどちらですか

    䞋のボタンから遞んでください👇 遞んだ方の手順だけが衚瀺されたす。

    🍎 Macの方の手順

    🪟 Windowsの方は抌さないでくださいMac専甚の手順です

    1. GitHub Desktop のダりンロヌドペヌゞを開く🌐 GitHub Desktop を開く →
    2. 癜いボタン 「Download for Apple silicon」 を抌す
      💡 少し前のIntel入りMacの方は、䞋の 「Download for Mac with Intel chip」 を抌しおくださいどちらか分からない時は、たず「Apple silicon」でOK。
      GitHub Desktop のダりンロヌドペヌゞ。「Download for Apple silicon」ボタン赀枠を抌す。Intel入りMacは䞋の「Download for Mac with Intel chip」。
    3. ダりンロヌドした「GitHub Desktop」を開く初回は「開く」
      → 初回に蚭定画面が出おも、「Continue続ける」を連打でOKサむンむン画面は「Skip」で飛ばしお倧䞈倫です
      → Git も䞀緒に入りたす

    むンストヌルが終わったら 「✅ むンストヌルした次ぞ」 を抌しお、最埌の再起動ぞ進んでください。

    💡 Git はアむコンが出ない゜フトです。
    デスクトップやアプリ䞀芧を探す必芁はありたせん芋圓たらなくお正垞です。
    うたくいったかどうかは、次の画面で「赀い衚瀺が消えたか」だけで刀断したす。

    🪟 Windowsの方の手順

    🍎 Macの方は抌さないでくださいWindows専甚の手順です

    1. Git for Windows のペヌゞを開く🌐 Git for Windows を開く →
    2. 氎色の 「Click here to download」 をクリック git-scm.com のInstallペヌゞWindowsタブ。巊䞊の「Click here to download」リンクを赀䞞で瀺した画面。
    3. ダりンロヌドした .exe をダブルクリック →「はい」
    4. あずは 「Next」連打 →「Install」→「Finish」

    ⚠ 途䞭で「Installation failed」等の゚ラヌが出お倱敗する時は、ダりンロヌドした .exe を右クリック →「管理者ずしお実行」で入れ盎しおください。

    💡 Git はアむコンが出ない゜フトです。
    デスクトップやアプリ䞀芧を探す必芁はありたせん芋圓たらなくお正垞です。
    うたくいったかどうかは、次の画面で「赀い衚瀺が消えたか」だけで刀断したす。

    🔁 最埌に、アプリをいったん終了→もう䞀床起動それでも出るなら再起動
    「再起動しお戻っおこようZoomにたた入れるよ」の図解。再起動しおも招埅URLからZoomに再入宀できる。

    ① たずアプリを消しお、起動し盎すMacDock のアむコンを右クリック→「終了」Windowsタスクバヌのアむコンを右クリック→「りィンドりを閉じる」たたは右䞊の×。
    もう䞀床立ち䞊げお、「Gitが必芁です」の赀い衚瀺が出おいないか確認しおください。
    ② それでも出る堎合は2぀の可胜性(a) さっきの Git のむンストヌルMacGitHub Desktop を1回開くWindowsGit for Windowsが完了しおいない (b) パ゜コンの再起動が必芁。
    入れ終わっおいるならパ゜コンを再起動しおください。
    基本的にこれで盎りたす。
    ③ それでも出る堎合は、その画面のスクショを「スクショで盞談」に送っおください。

    ✅ 再起動できたら、ここを芋おくださいチャット入力欄の䞊䞋の画像の赀枠のずころから赀い衚瀺が消えおいれば完了です。

    チャット入力欄の䞊赀枠に䜕も衚瀺されおいない画面。赀い「ロヌカルセッションにはGitが必芁です。」が出おいないGitのむンストヌルは䞍芁。

    アプリの再起動たたは再起動で初めお Git が認識されたすここを忘れる人がずおも倚いです。
    Zoom は招埅URLから再入宀できるので、安心しお再起動しおください。

    再起動しおも赀い衚瀺が消えない方ぞ
    よくあるこずなので倧䞈倫です。
    原因はだいたい3぀のどれかなので、䞋のボタンから順番に確認しおください。

    🙆 この手順は飛ばしおOKです

    赀い衚瀺が出おいない方は、Gitのむンストヌルは必芁ありたせん。
    䞋の画像のように、チャット入力欄の䞊赀枠に䜕も出おいなければOKです。
    そのたた次の手順ぞ進んでください。

    チャット入力欄の䞊赀枠に䜕も衚瀺されおいない画面。赀い「ロヌカルセッションにはGitが必芁です。」が出おいないGitのむンストヌルは䞍芁。

    あずから赀い衚瀺が出おきたら、この枠に戻っお 「⚠ 衚瀺されおいる」 を抌しおください。

    😵 再起動したのに、赀い衚瀺が消えない人ぞ

    よくあるこずなので倧䞈倫です。
    原因はだいたい䞋の3぀のどれかです。
    䞊から順に1぀ず぀確認しおくださいほずんどが①か②で解決したす。

    1. 🪟 Windowsの方入れたのは「GitHub Desktop」ではありたせんか
      Windowsは Git for Windows を入れないず、この赀い衚瀺は消えたせん。
      🌐 Git for Windows を入れ盎す →
    2. 🍎 Macの方GitHub Desktop を䞀床も開いおいたせんか
      ダりンロヌドしただけ・アプリケヌションフォルダに入れただけでは Git は入りたせん。
      アプリを1回開く「開く」→「Continue」連打 → サむンむン画面は「Skip」たで進めおください。
    3. Claudeを「完党に」終了しおから開き盎す
      りィンドりの × だけでは終わっおいたせん。
      🍎 Mac⌘ + Q🪟 Windowsタスクバヌの Claude を右クリック →「終了」
      → もう䞀床起動しお、巊䞊の 新芏 から新しいセッションを開いおください。

    ✅ ①〜③を党郚やっおも消えない堎合は、あなたのせいではありたせん。
    画面党䜓のスクリヌンショットを添えお䞋のCSぞ送っおください。
    すぐお手䌝いしたす。

  5. 䜜業フォルダを指定しお、チャット欄の䞋を「自動」「Opus 5」「䞭」にする䞋の画像の赀枠4぀をそのたた合わせるだけです。
    ① 「ロヌカル」の暪のフォルダから、先ほどの「ナニコスクヌル」を指定遞択肢に無いので「フォルダを開く」から該圓フォルダを遞択。
    ② 右䞋を「Opus 5」「䞭」に。
    巊䞋の「自動」は最初からそうなっおいるので、そのたたでOKです意味は分からなくお倧䞈倫。
    💡「ロヌカル」はチャット入力欄のすぐ䞋の小さな衚瀺です芋萜ずしやすいので泚意。
    どうしおも芋぀からない時は、画面党䜓のスクショを添えおお問い合わせぞ。 Claude Code の入力欄。䞊の「ナニコスクヌル」フォルダず、巊䞋の「自動」、右䞋の「Opus 5」「䞭」を赀枠で瀺した画面。
  6. いちばん最埌にプロンプトを送信しお開発準備ができたら、䞋のプロンプトをチャット欄に貌り付けお送信したす。

    👇 䞋蚘のコピヌボタンをクリックし、そのたた Claude Code に投皿👇

    📋 1-2 のプロンプト
    【最初に読む玄束・最重芁】あなたの返事は「最埌の1メッセヌゞ」しか私の画面に倧きく衚瀺されたせん。だから私に質問する時は、途䞭経過や䜜業報告を別メッセヌゞに分けず、必ず最埌の1぀のメッセヌゞの䞭に、質問文ず遞択肢の党文A B C  を改行しお1行に1぀ず぀ず「お任せあなたが決めお」ず「自由入力でもOK」たで党郚入れおください。「遞択肢からお遞びください」「質問を衚瀺したした」のように遞択肢の䞭身が無いメッセヌゞで終えるのは犁止です。
    
    「自動芋積もりシミュレヌタヌ」ず、それに続く「経営レポヌト」の2ペヌゞを同時に䜜っお䞋さい。1ペヌゞ目お客様が遞択肢を遞ぶず、条件分岐で金額がその堎で倉わり、最埌は印刷でPDFの芋積曞になるWebアプリ。2ペヌゞ目この商売で受泚30件あった堎合の、登録経路別の単䟡・満足床アンケヌト・AI経営分析・経営者向けQA10問が入った経営レポヌト架空のサンプルデヌタです。
    
    たず質問を2回に分けお、1問ず぀私に聞いおください1問目に私が答えおから2問目を聞く。2問が終わったら、あずは途䞭で質問せず䞀気に完成たで
    質問1遞択肢で聞くデザむンの雰囲気はどれにしたすか A䞊品ミニマルB明るくポップCシックで高玚感改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが決めお」も付けお
    質問2遞択肢で聞く䜕の商売の芋積もりシミュレヌタヌにしたすか AClaudeCodeコンサルBハりスクリヌニングCホヌムペヌゞ制䜜Dむベント・教宀E匕っ越しF写真撮圱改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが面癜い題材を決めお」も付けお。蚘号1文字で答えるだけでOK。リストに無い商売を自由に曞いおもらっおもOK、その堎合はそのたた採甚する
    
    䜜り方は、プロのHPデザむンの流れで必ずこの順番に
    1. たず DESIGN.md を䜜成遞ばれた雰囲気をもずに、配色・フォント・䜙癜・角䞞・アニメヌションのルヌルを15行前埌で蚀語化。癜ベヌス・文字倧きめ本文18px以䞊は固定
    2. 矎孊プロンプトを適甚䜙癜をぜいたくに、区切りは现いヘアラむン、色数はアクセント1〜2色に絞る、雑誌のように䞊品に
    3. DESIGN.md に埓っお、セクション単䜍で1぀ず぀実装ヘッダヌ → 質問コヌナヌ → 芋積曞 → 印刷
    
    実装の条件
    ・HTMLファむル1぀で完結。React を CDN の script タグで読み蟌んで䜿うnpm・ビルド・タヌミナルは䜿わない。遞ぶたびに合蚈金額がカりントアップし、行がふわっず珟れるアニメヌションでリッチに
    ・画面は巊右2分割。巊お客様が遞ぶ質問コヌナヌ遞択肢ボタン・チェック・数量スラむダヌで4〜6問右A4の芋積曞。巊で遞ぶたびに、右の品目・金額・合蚈がその堎で曞き換わる合蚈はいちばん倧きく、倉わった行は䞀瞬ハむラむト
    ・条件分岐を必ず3皮類以䞊入れる
     ① 前の答えで次の質問が出たり倉わったりする䟋「お急ぎですか」→はい→「い぀たでに」が新しく出お、特急料金30
     ② 数量による段階割匕䟋10個以䞊で10オフ。適甚䞭は「⭐たずめ割 適甚䞭」の行が芋積曞に珟れる
     ③ 束・竹・梅のプラン切替遞ぶず品目リストごず入れ替わる
    ・開いた瞬間からおすすめが遞択枈みで、完成した芋積曞が芋えおいる状態にする空っぜの画面にしない
    ・🖚【必須・省略犁止】芋積曞の近くに、垞に芋える「🖚 この内容で印刷PDF保存」ボタンを必ず付ける抌すず window.print() で印刷画面が開く。抌すず質問コヌナヌやボタンが消えお、きれいなA4の芋積曞だけが1枚に収たっお印刷される印刷甚のCSSを必ず入れる。MacWindowsずも印刷画面で「PDFずしお保存」を遞べばPDFになりたす、ずいう案内も画面に小さく添える
    ・芋積番号は開くたびに日付から自動で䜜る。金額は3桁カンマ区切りで衚瀺する
    ・厩れ防止芋積曞の宛名や自瀟情報瀟名・〒䜏所・TEL・メヌルは十分な幅を取り“1行ず぀瞊に䞊べる”配眮にする。1文字ず぀瞊に折り返されるような極现の列は絶察に䜜らない
    ・完成報告の前に自己チェック①2぀のHTMLファむルが䞡方できおいるか ②どちらの画面にも 🖚印刷ボタンが芋えおいるか ③2ペヌゞを行き来するボタンが䞡方にあるか、を必ず確認する。1぀でも無ければ「完成」ず蚀わずに、付けおから完成報告する
    ・🔎【同時に䜜る2ペヌゞ目・省略犁止】同じフォルダに「経営レポヌト」のHTMLをもう1぀䜜るファむル名は report.html のように分かりやすく。芋積もりシミュレヌタヌず同じ DESIGN.md のデザむンで統䞀・䟝存ラむブラリなし・コヌドは短く。これは「もしこの商売で受泚30件あったら経営者はどんな数字を芋るのか」を先に䜓隓するペヌゞ。䞭身は次の5点だけに絞る䞀芧衚やグラフは䜜らない
     ① サンプルデヌタ受泚30件分を、芋積もりシミュレヌタヌず同じプラン束・竹・梅ず単䟡の䜓系で自動生成登録経路・満足床぀き。画面の目立぀所に「📎 これは架空のサンプルデヌタです」ず必ず衚瀺する本物の実瞟ず誀解させない
     ② 登録経路別の比范衚「SNSInstagramXTikTok・広告Google広告Meta広告・玹介・怜玢・チラシ」の5系統ごずに 件数・売䞊・平均単䟡・広告費・1件あたりの獲埗コストCPA・満足床の平均 を1぀の衚で比べる
     ③ 満足床アンケヌト5段階評䟡の分垃数字の暪棒でよいおすすめ床0〜10お客様コメントの抜粋良い声・改善の声を3぀ず぀
     ④ 「🀖 AI経営分析」「❓ 経営者が聞きたいQA 10問」䞊の数字だけを根拠に「匷み3぀・匱み3぀・次の䞀手3぀」を短く曞き、続けお経営者が実際に聞きそうな質問10個䟋䞀番もうかっおいる経路は玹介の単䟡が高いのはなぜ広告をやめたらどうなる満足床が䜎い案件の共通点は来月30件を40件にするには などに「数字の根拠改善案」を2〜3行で答える
     ⑀ 🖚【必須・省略犁止】このレポヌトにも垞に芋える「🖚 このレポヌトを印刷PDF保存」ボタンず印刷甚CSS
     ・2ペヌゞの行き来芋積もりシミュレヌタヌの画面に「📊 受泚30件の経営レポヌトを芋る」ボタン、レポヌトの画面に「🧮 芋積もりシミュレヌタヌぞ戻る」ボタンを眮き、同じフォルダ内の盞察リンクで必ず別タブで開くtarget="_blank" ず rel="noopener"
    ・コヌドは欲匵らずコンパクトに、2ペヌゞ合わせお党䜓で15分以内に完成する芏暡レポヌトは䞊の5点だけ・凝らない。完成したらブラりザでサむトOpenアプリ内プレビュヌだけで終わらせず、“芏定のブラりザChrome等”で開く。開けない時のために、ファむルのフルパスも教えお䞋さい。
    
    すべお完成したら、掲瀺板にそのたた貌れる「📋 掲瀺板コピペ甚玄150字」を必ず出力しお䞋さい。フォヌマット
    課題1-2の芋積もりシミュレヌタヌが完成したした🧮
    ・䜕の商売×どんなデザむンにしたか1行で
    ・お気に入りの条件分岐1行で
    ・経営レポヌトで䞀番おもしろかった数字1行で
    
    そのうえで、最埌に倧きく「🎉 完成です巊の遞択肢をいろいろ倉えお、右の芋積曞が䞀瞬で倉わるのを楜しんでくださいお急ぎを遞ぶず質問が増えたす。印刷ボタンでPDFになるずころたで詊したら、📊ボタンから経営レポヌトも開いお、受泚30件の数字ずQA10問を眺めおみおください。䞡方芋終わったら、課題ペヌゞに戻っお『✅ 課題1-2 完了』ボタンを抌しおください」ず私に必ず案内しお䞋さい。
    
    【ファむルの眮き方ず報告の玄束省略犁止】①前の課題で䜜ったファむルは䞊曞き・削陀しないで、この課題甚の新しいフォルダたたは新しいファむル名に䜜り、最埌に保存堎所フォルダ名ずファむル名を䞀芧で曞いお
    ②アプリ内のプレビュヌで保存・印刷・ボタンが動かない時は故障ではないので、「い぀ものブラりザで開き盎しおください」ず1行で案内しお
    ③完成報告は「実際に動かしお確認できた項目」ず「ただ確認しおいない項目」を分けお曞いお途䞭で衚瀺が厩れたり動かなかったりしたら、私はそのたた日本語で䌝えるだけでよい原因は私に調べさせない
    
    【完成したら必ずやるこず省略犁止】①䜜ったHTMLファむルindex.html などを私のブラりザで自動で開いおMac: open ファむル名Windows: start ファむル名 を実行。開けない時は「デスクトップ→ナニコスクヌル→ファむル名をダブルクリックで開けたす」ず1行で曞いお
    ②觊っお確かめる項目を1〜2個だけ曞いお䟋巊の遞択肢を倉えるず右が倉わる
    ③最埌に必ず「課題ペヌゞに戻っお『✅ 完了』ボタンを抌し、次の課題ぞ進んでください」ず曞いおここたで曞いお初めお完成です
    
    ※出力の玄束倪字マヌク**などの装食蚘号は䜿わない蚘号がそのたた芋えお読みにくいため。もし私に質問する時は、必ず A / B / C の遞択肢を改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが決めお」を足しお「お任せ」なら、あなたがベストを遞んで先ぞ進めお。それに加えお毎回はっきり「自由入力でもOK思い぀いた蚀葉をそのたた曞いおください」も添えお。自由入力が来たら A / B / C / お任せ より優先しお。「お任せ」が来たら、あなたがベストな案を遞んで先ぞ進めおください。URLを案内する時は、䞞カッコや句読点で囲たず単独行に曞いおください。英語の画面が出たら、日本語蚳を1行そえおください。
    💡 プロンプトを送信するず「このワヌクスペヌスを信頌したすか」ずいう画面が出るこずがありたす。黒いボタン「ワヌクスペヌスを信頌する」赀䞞を抌しお進んでください。
    「このワヌクスペヌスを信頌したすか」の確認画面。右䞋の黒いボタン「ワヌクスペヌスを信頌する」赀䞞を抌しお進む。
    🚀 もっず実務で䜿えるようにしたい人ぞ完成埌の远撃プロンプト抌しお開く
    📋 パワヌアップ版シミュレヌタヌの完成埌にそのたた貌る
    【最初に読む玄束・最重芁】あなたの返事は「最埌の1メッセヌゞ」しか私の画面に倧きく衚瀺されたせん。だから私に質問する時は、途䞭経過や䜜業報告を別メッセヌゞに分けず、必ず最埌の1぀のメッセヌゞの䞭に、質問文ず遞択肢の党文A B C  を改行しお1行に1぀ず぀ず「お任せあなたが決めお」ず「自由入力でもOK」たで党郚入れおください。「遞択肢からお遞びください」「質問を衚瀺したした」のように遞択肢の䞭身が無いメッセヌゞで終えるのは犁止です。
    
    この芋積もりシミュレヌタヌをパワヌアップさせたいです。
    たず、パワヌアップの候補を5぀、1行に1぀ず぀短く出しお䞋さいそれぞれ「䜕が嬉しいか」を1行で添えお。候補の䟋
    ・管理者モヌド画面䞊のスむッチで単䟡・品目・割匕ルヌルを自分の商売に合わせお線集でき、ブラりザに保存されるlocalStorage・「初期に戻す」ボタン付き
    ・芋積もり結果から、お客様に送る䞁寧なメヌル文面を自動で組み立おお「📋 コピヌ」できる
    ・芋積曞に宛名・自瀟情報瀟名・〒䜏所・TEL・メヌルを入力できる欄1行ず぀瞊に䞊べ、極现の列は䜜らない
    ・倀匕き行ず、源泉城収10.21のチェックに察応
    ・アニメヌションをもう䞀段リッチに合蚈金額のカりントアップ、プラン切替でカヌドが入れ替わる 等
    ・経営レポヌトをフル版に月別の売䞊ず件数のグラフSVG、受泚30件の䞀芧衚䞊べ替え・絞り蟌み、CS察応履歎問い合わせ→察応→結果・遅れた案件は赀、QA10問から䜜る「📅 30日改善プラン」週ごずのチェックリスト
    そのうえで、私に1問だけ聞いお䞋さい「どこを、どうパワヌアップしたすか」
    🔎 この質問は遞択匏にしないで䞋さいA / B / C も「お任せ」も出さない。私が自分の蚀葉で曞くたで、先に進たないで䞋さい。
    䞊の候補の蚀葉をそのたた䜿っおもOK。候補に無いこずを曞いおもOK。私の蚀葉が短くおも、たずその蚀葉を採甚しお䞋さい
    私の答えを受け取ったら、そのあずは質問せず䞀気に完成たで進めお䞋さい。
    【必須・省略犁止】🖚 印刷PDF保存ボタンず、経営レポヌト2ペヌゞ目ぞの「📊」ボタンは必ず残す改修で消えおいたら付け盎す。
    最埌にあなたのアむデアで、実務で嬉しい工倫を1぀だけ足しお䞋さい。完成したらブラりザでサむトOpenアプリ内プレビュヌだけで終わらせず、“芏定のブラりザChrome等”で開く。開けない時のために、ファむルのフルパスも教えお䞋さい。
    
    ※出力の玄束倪字マヌク**などの装食蚘号は䜿わない蚘号がそのたた芋えお読みにくいため。もし私に質問する時は、必ず A / B / C の遞択肢を改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが決めお」を足しお「お任せ」なら、あなたがベストを遞んで先ぞ進めお。それに加えお毎回はっきり「自由入力でもOK思い぀いた蚀葉をそのたた曞いおください」も添えお。自由入力が来たら A / B / C / お任せ より優先しお。ただし䞊の「どこを、どうパワヌアップしたすか」の質問だけは䟋倖で、遞択匏にしないで䞋さいA / B / C も「お任せ」も出さない。「お任せ」が来たら、あなたがベストな案を遞んで先ぞ進めおください。URLを案内する時は、䞞カッコや句読点で囲たず単独行に曞いおください。英語の画面が出たら、日本語蚳を1行そえおください。
    ※ たず軜い版で「動いた」を䜓隓→物足りなくなったらこれを貌るだけ。時間内に終わらなくおも、あずでゆっくりでOKです。

💡 制䜜䞭に出おきたら远加情報

👇 次は 課題1-3課題1-2 が終わったらここから

課題1-3AI掻甚タむプ蚺断4問を䜜るの図解スラむド
課題1-3⏱ 箄15分

AI掻甚タむプ蚺断あなた専甚の業務効率化プランを䜜る

䞋のプロンプトをそのたたコピペで送る → 質問に答えるだけです。
4問の蚺断だけで終わらず、あなたのタむプに合わせた業務効率化プラン・🖚印刷できる蚺断レポヌト・30日ロヌドマップ・そのたたAIに貌れるコピペ甚プロンプト、さらに📊回答30人の蚺断分析レポヌト配る偎の画面・2ペヌゞ目たで出るキャンペヌンサむトが完成したす。
結果画面からは課題1-2で䜜った芋積もりシミュレヌタヌぞ誘導蚺断→芋積もりの導線も぀ながりたす。

👇 䞋蚘のコピヌボタンをクリックし、そのたた Claude Code に投皿👇

📋 1-3 のプロンプトそのたたコピペでOK→誰向けの蚺断か聞かれたす
【最初に読む玄束・最重芁】あなたの返事は「最埌の1メッセヌゞ」しか私の画面に倧きく衚瀺されたせん。だから私に質問する時は、途䞭経過や䜜業報告を別メッセヌゞに分けず、必ず最埌の1぀のメッセヌゞの䞭に、質問文ず遞択肢の党文A B C  を改行しお1行に1぀ず぀ず「お任せあなたが決めお」ず「自由入力でもOK」たで党郚入れおください。「遞択肢からお遞びください」「質問を衚瀺したした」のように遞択肢の䞭身が無いメッセヌゞで終えるのは犁止です。

あなたClaude Codeが持っおいる機胜——ゎヌル蚭定ず自己評䟡、Web怜玢、バックグラりンドでの芋匵り、耇数䜜業の同時䞊行、実装前の蚈画づくり、フック、ルヌル、スキル、ワヌクフロヌ、暩限蚱可の䜿い分け、蚘憶、セキュリティぞの配慮、タスク管理、サブ゚ヌゞェントぞの分担、ファむルの読み曞き、コヌドレビュヌずセキュリティレビュヌ、じっくり深く考えるモヌド——の䞭から、この仕事に最適なものをあなた自身で遞んで䜿っおください。
・独立した䜜業は同時䞊行で進めお、埅ち時間をなくしおください。
・最新情報が必芁なずころは必ずWeb怜玢で裏を取っおから曞いおください掚枬で曞かない。
・時間のかかる凊理は攟眮せず裏で芋匵り、終わったら自動で次ぞ進めおください。
・削陀や䞊曞きなど取り返しの぀かない操䜜の前には、いったん立ち止たっお安党を確認しおください。
・完成したら、コヌドの品質チェックずセキュリティチェックの䞡方でレビュヌし、芏暡が倧きい堎合はサブ゚ヌゞェントに分担させお仕䞊げおください。
・最埌に「どの機胜を遞んだかなぜ遞んだか䜕をしたかチェックの結果党䜓のたずめ」を短く報告しおください。

次の流れでデザむンを行っお 1:DESIGN.md䜜成 2:Claude Cookbookの矎孊プロンプトを適甚 3:Claude Codeでセクション単䜍に実行 癜ベヌス,文字倧きめ。
デザむンは「おしゃれなキャンペヌンサむトLP」の氎準たでリッチに䜙癜をぜいたくに・グラデヌションのアクセント・カヌドのやわらかい圱ず角䞞・マむクロアニメヌション読み蟌み時や画面切替のふわっずしたフェヌドむン、質問が切り替わる時のスラむド、スクロヌルで芁玠がふわっず珟れる動き、ボタンのホバヌで浮く動き、スコアバヌがれロから䌞びる動きを必ず入れお、安っぜい“玠のフォヌム”に芋せないこず。あわせお、お客様の声・よくある質問・タむプごずに倉わるCTA文面も入れお、1枚のキャンペヌンサむトずしお完成させお䞋さい。

䜜るものHTMLファむル1぀で動く「AI掻甚タむプ蚺断4問・テヌマの既定は『どんなAI瀟員をClaude Codeで䜜る』蚺断」を入口にした、1枚のキャンペヌンサむトLPです。ラむブラリ・倖郚ファむル・AIのAPIは䜿わず、玠のHTMLCSSJSだけで動かしお䞋さい。
ただの蚺断で終わらせず、蚺断のあずに【あなた専甚の業務効率化プラン】【印刷できる蚺断レポヌト】【30日ロヌドマップ】【次に貌るだけのコピペ甚プロンプト】たで出るペヌゞにしたす。
たず質問を2回に分けお、1問ず぀私に聞いおください1問目に私が答えおから2問目を聞く
質問1遞択肢で聞くどんな人に向けた蚺断にしたすか AClaudeCodeコンサルに興味がある方B䞭小䌁業の経営者C営業職D士業の先生改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが決めお」も付けお
質問2遞択肢で聞くどんな方向性・テヌマの蚺断にしたすか AどんなAI瀟員をClaude Codeで䜜るかをタむプ分けしたい迷ったらこれBAIをどこたで業務に掻かせるかをタむプ分けしたいC自瀟のお客様に配る蚺断にしたいD郚䞋や埌茩に配っお育成のきっかけにしたい改行しお1行に1぀ず぀䞊べ、最埌に「お任せ既定Aの『どんなAI瀟員をClaude Codeで䜜る』蚺断で進めお」も付けお。蚘号1文字で答えるだけでOK。リストに無い方向性を自由に曞いおもらっおもOK、その堎合はそのたた採甚する。あわせお、蚺断の最埌で案内したい商品・サヌビスあれば名前ず䞀蚀。䟋自瀟の講座初回盞談LINE登録ず、誘導したいURL自分のホヌムペヌゞ・LINE・SNSなどがあれば䞀緒に教えおくださいどちらも、なければ「なし」でOK。
2問が終わったら、途䞭の確認をせず最埌たで䞀気に䜜っお䞋さい。

【䜜る前に必ずやるこずWeb怜玢で裏を取る】
ペヌゞに曞く「業務効率化のやり方」は掚枬で曞かず、必ずWeb怜玢で最新の情報を調べおから曞いお䞋さい。調べるのは、決たった時刻に自動で走らせる定期実行ルヌティンのやり方、倖郚サヌビスず぀なぐコネクタMCPの぀なぎ方、よく䜿う手順をたずめお呌び出せるスキルの䜜り方、耇数䜜業を分担させるやり方などです。
・実圚しない機胜を曞かない芋぀からなかった機胜は曞かずに省く
・調べお分かったこずは、その職皮の人が読んで分かる蚀葉に盎しおから茉せる

【必ず入れる仕様】
1蚺断4問
・蚭問4問は、答えた人の仕事でのAIの䜿い方が芋えおくる内容を、あなたの方で考えお䜜る1問ず぀衚瀺しお、遞ぶず自動で次の問題ぞ進む
・䞊に進捗バヌがあり、答えるたびに䌞びる。「戻る」ボタンで1問前に戻れる
・回答から4タむプのどれかを刀定しお結果画面を出すタむプ名特城向いおいる䜿い方次にやるべき1歩を具䜓的に
・結果画面には回答傟向のスコア衚瀺棒グラフがれロからスッず䌞びるアニメヌション付き・倖郚ラむブラリは䜿わないず「もう䞀床蚺断する」ボタン
・結果が出る瞬間に、玙吹雪のような軜いお祝い挔出倖郚ラむブラリは䜿わない

2🀖 あなた専甚の業務効率化プランタむプ別
・そのタむプの人が、ふだんの仕事のどこをAIに任せるず䞀番ラクになるかを3぀提案する「䜕が・どれくらいラクになるか」を1行ず぀添える
・䞊のWeb怜玢で調べた最新のやり方定期実行・コネクタ・スキルなどのうち、そのタむプに合うものを遞んで、なぜ合うのかを1行で曞く
・4タむプ分すべおを甚意し、刀定されたタむプのものが衚瀺されるようにする

3📋【必須・省略犁止】次に貌るだけのコピペ甚プロンプト
・結果画面に、コヌドのような枠読みやすい等幅フォント・スクロヌルできるず「📋 コピヌ」ボタンを眮く
・䞭身は、そのタむプの人がそのたた貌れば自分の業務の自動化を䜜っおもらえる、長めの完成した䟝頌文にする毎日決たった時刻に走らせるルヌティン化倖郚サヌビスず぀なぐコネクタ連携自分専甚スキルの䜜成、のどれかをタむプに合わせお遞ぶ
・䟝頌文の䞭には「はじめに私に2問だけ質問しお䞋さい」「終わったら䜕をしたか短く報告しお䞋さい」も入れおおく
・4タむプで䞭身が倉わるようにする。枠の䞊に「これをコピヌしお、AIにそのたた貌るだけでOKです」ず倧きく曞く

4🖚【必須・省略犁止】パヌ゜ナル蚺断レポヌト印刷PDF保存
・結果画面に「🖚 蚺断レポヌトを印刷PDFで保存」ボタンを必ず眮く
・抌すず印刷画面が出お、A4に「蚺断日タむプ名特城スコア業務効率化プラン3぀30日ロヌドマップ」がきれいに1〜2枚で収たる印刷甚CSSで、蚺断のボタンやヘッダヌなど䞍芁な郚分は印刷しない
・レポヌトはカラフルにタむプ色のヘッダヌ垯色付きのスコアグラフ週ごずに色分けしたロヌドマップを入れお、癜黒の文字だけのレポヌトにしない印刷でも色が出るよう print-color-adjust: exact を指定する
・完成前に自分でチェック印刷ボタンはあるか印刷プレビュヌで文字が切れおいないか

5🗺 あなた専甚 AI掻甚ロヌドマップ30日プラン
・䞭身は蚺断結果からあなたが自動で決める本人に遞ばせない・ここで远加の質問もしない
・芋た目はグラフィカルに1週目〜4週目を暪に流れるタむムラむン型で描き、週ごずに色分けした垯アむコン各週3぀のステップを配眮する文字だけの箇条曞きにしない・倖郚ラむブラリは䜿わない
・各ステップはできたらチェックを入れられ、状態はブラりザに保存しお次に開いた時も残っおいるlocalStorage
・「達成 N  12」の進捗バヌを付ける。タむプごずに䞭身を倉える

6ペヌゞ党䜓の構成ずCTA
・「ヒヌロヌキャッチコピヌ“蚺断をはじめる”倧ボタン→ 蚺断4問 → 結果タむプスコア業務効率化プランコピペ甚プロンプト30日ロヌドマップ印刷ボタン→ CTA」の順にする
・結果画面のいちばん䞋に「📊 あなた専甚の無料お芋積もりはこちら」のCTAセクションを必ず眮き、課題1-2で䜜った芋積もりシミュレヌタヌHTMLファむルぞ誘導する蚺断結果のタむプに合わせた誘い文句倧きなCTAボタン。ボタンのリンク先は、同じフォルダに芋積もりシミュレヌタヌのHTMLを眮く前提の盞察リンクにし、ファむル名は私に確認する。リンクは必ず別タブで開くtarget="_blank" ず rel="noopener" を付ける蚺断ペヌゞを閉じずに芋積もりぞ行けるようにする。課題1-2をただやっおいない堎合は、質問2で聞いた商品・サヌビスぞのCTAにするどちらも「なし」なら架空のサンプル商品でCTAの圢だけ䜜る
・CTAは魅力的に、ただしり゜の限定衚瀺やカりントダりンで煜らない誠実なキャンペヌンサむトにする
・スマヌトフォンで芋おも厩れないようにする
・完成報告の前に自己チェック①2぀のHTMLファむルが䞡方できおいるか ②どちらの画面にも 🖚印刷ボタンが芋えおいるか ③2ペヌゞを行き来するボタンが䞡方にあるか、を必ず確認する。1぀でも無ければ「完成」ず蚀わずに、付けおから完成報告する
・🔎【同時に䜜る2ペヌゞ目・省略犁止】同じフォルダに「蚺断分析レポヌト」のHTMLをもう1぀䜜るファむル名は report.html のように分かりやすく。蚺断ペヌゞず同じ DESIGN.md のデザむンで統䞀・䟝存ラむブラリなし・コヌドは短く。これは「もしこの蚺断を30人が受けたら、配った偎あなたはどんな数字を芋るのか」を先に䜓隓するペヌゞ。䞭身は次の5点だけに絞る凝ったグラフは䜜らない
 ① サンプルデヌタ回答者30人分を、蚺断ず同じ4タむプ・4問の䜓系で自動生成流入経路・その埌の行動芋積もりぞ進んだ盞談を申し蟌んだ離脱・満足床぀き。画面の目立぀所に「📎 これは架空のサンプルデヌタです」ず必ず衚瀺する本物の実瞟ず誀解させない
 ② タむプ別×流入経路別の比范衚4タむプごずの人数・割合ず、「SNSInstagramXTikTok・広告Google広告Meta広告・玹介・怜玢・チラシ」の5系統ごずに 回答数・蚺断完了率・芋積もり盞談ぞ進んだ率CTAのクリック率・1人あたりの獲埗コストCPA・満足床の平均 を1぀の衚で比べる
 ③ 蚭問ごずの回答分垃満足床アンケヌト4問それぞれの遞択肢の遞ばれ方数字の暪棒でよいず、蚺断の満足床5段階の分垃おすすめ床0〜10回答者コメントの抜粋良い声・改善の声を3぀ず぀
 ④ 「🀖 AI経営分析」「❓ 配った偎が聞きたいQA 10問」䞊の数字だけを根拠に「匷み3぀・匱み3぀・次の䞀手3぀」を短く曞き、続けお実際に聞きそうな質問10個䟋䞀番倚いタむプはそのタむプに䜕を売るべきどの経路が芋積もりに䞀番぀ながる途䞭で離脱される蚭問はどれ満足床が䜎い人の共通点は来月30人を60人にするには蚭問を倉えるならどこ などに「数字の根拠改善案」を2〜3行で答える
 ⑀ 🖚【必須・省略犁止】このレポヌトにも垞に芋える「🖚 このレポヌトを印刷PDF保存」ボタンず印刷甚CSS
 ・2ペヌゞの行き来蚺断ペヌゞの結果画面のいちばん䞋CTAの䞋に「📊 回答30人の蚺断分析レポヌトを芋る配る偎の画面」ボタン、レポヌトの画面に「🧠 蚺断ペヌゞぞ戻る」ボタンを眮き、同じフォルダ内の盞察リンクで必ず別タブで開くtarget="_blank" ず rel="noopener"
・コヌドは欲匵らずコンパクトに、2ペヌゞ合わせお党䜓で15分以内に完成する芏暡レポヌトは䞊の5点だけ・凝らない。
完成したら“芏定のブラりザChrome等”でサむトOpenしお、ファむルのフルパスも教えお䞋さい。

完成したら、掲瀺板にそのたた貌れる「📋 掲瀺板コピペ甚玄150字」を必ず出力しお䞋さい。フォヌマット
課題1-3のAI掻甚タむプ蚺断が完成したした🧠
・誰向けの蚺断にしたか1行で
・自分は䜕タむプだったか1行で
・出おきた業務効率化プランで䞀番やっおみたいこず1行で
・蚺断分析レポヌトで䞀番おもしろかった数字1行で

そのうえで、最埌に倧きく「🎉 完成です自分でも4問答えおみお、結果画面の『業務効率化プラン』『コピペ甚プロンプト』『30日ロヌドマップ』『🖚印刷ボタン』たで出るか確認しおください。そのあず📊ボタンから蚺断分析レポヌトも開いお、回答30人の数字ずQA10問を眺めおみおください。䞡方芋終わったら、課題ペヌゞに戻っお『✅ 課題1-3 完了』ボタンを抌しおください」ず私に必ず案内しお䞋さい。

【ファむルの眮き方ず報告の玄束省略犁止】①前の課題で䜜ったファむルは䞊曞き・削陀しないで、この課題甚の新しいフォルダたたは新しいファむル名に䜜り、最埌に保存堎所フォルダ名ずファむル名を䞀芧で曞いお
②アプリ内のプレビュヌで保存・印刷・ボタンが動かない時は故障ではないので、「い぀ものブラりザで開き盎しおください」ず1行で案内しお
③完成報告は「実際に動かしお確認できた項目」ず「ただ確認しおいない項目」を分けお曞いお途䞭で衚瀺が厩れたり動かなかったりしたら、私はそのたた日本語で䌝えるだけでよい原因は私に調べさせない

【完成したら必ずやるこず省略犁止】①䜜ったHTMLファむルindex.html などを私のブラりザで自動で開いおMac: open ファむル名Windows: start ファむル名 を実行。開けない時は「デスクトップ→ナニコスクヌル→ファむル名をダブルクリックで開けたす」ず1行で曞いお
②觊っお確かめる項目を1〜2個だけ曞いお䟋巊の遞択肢を倉えるず右が倉わる
③最埌に必ず「課題ペヌゞに戻っお『✅ 完了』ボタンを抌し、次の課題ぞ進んでください」ず曞いおここたで曞いお初めお完成です

※出力の玄束倪字マヌク**などの装食蚘号は䜿わない蚘号がそのたた芋えお読みにくいため。もし私に質問する時は、必ず A / B / C の遞択肢を改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが決めお」を足しお「お任せ」なら、あなたがベストを遞んで先ぞ進めお。それに加えお毎回はっきり「自由入力でもOK思い぀いた蚀葉をそのたた曞いおください」も添えお。自由入力が来たら A / B / C / お任せ より優先しお。最初の質問では、蚺断の察象者の䟋を A / B / C の遞択肢で3぀瀺し、最埌に「お任せあなたが決めお」も付けおもちろん自由に曞いおもらっおもOK。「お任せ」が来たら、あなたがベストな案を遞んで先ぞ進めおください。URLを案内する時は、䞞カッコや句読点で囲たず単独行に曞いおください。英語の画面が出たら、日本語蚳を1行そえおください。
🚀 もっず楜しくしたい人ぞ完成埌の远撃プロンプト抌しお開く
📋 パワヌアップ版蚺断の完成埌にそのたた貌る
【最初に読む玄束・最重芁】あなたの返事は「最埌の1メッセヌゞ」しか私の画面に倧きく衚瀺されたせん。だから私に質問する時は、途䞭経過や䜜業報告を別メッセヌゞに分けず、必ず最埌の1぀のメッセヌゞの䞭に、質問文ず遞択肢の党文A B C  を改行しお1行に1぀ず぀ず「お任せあなたが決めお」ず「自由入力でもOK」たで党郚入れおください。「遞択肢からお遞びください」「質問を衚瀺したした」のように遞択肢の䞭身が無いメッセヌゞで終えるのは犁止です。

このAI掻甚タむプ蚺断をパワヌアップさせたいです。
たず、パワヌアップの候補を5぀、1行に1぀ず぀短く出しお䞋さいそれぞれ「䜕が嬉しいか」を1行で添えお。候補の䟋
・蚭問を8問に増やしお、刀定の粟床ず玍埗感を䞊げる
・タむプを6぀に増やし、盞性のいいタむプ・぀たずきやすい点も出す
・結果をSNSや掲瀺板にそのたた貌れるテキストず結果カヌド画像を自動で䜜り「📋 コピヌ」できる
・結果をブラりザに保存しお、次に開いた時に前回の結果ず比べられるlocalStorage
・キャンペヌンサむトずしお匷化お客様の声・よくある質問・結果ごずに倉わるCTA文面
そのうえで、私に1問だけ聞いお䞋さい「どこを、どうパワヌアップしたすか」
🔎 この質問は遞択匏にしないで䞋さいA / B / C も「お任せ」も出さない。私が自分の蚀葉で曞くたで、先に進たないで䞋さい。
䞊の候補の蚀葉をそのたた䜿っおもOK。候補に無いこずを曞いおもOK。私の蚀葉が短くおも、たずその蚀葉を採甚しお䞋さい
私の答えを受け取ったら、そのあずは質問せず䞀気に完成たで進めお䞋さい。
【必須・省略犁止】次の4぀は改修しおも必ず残す消えおいたら付け盎す①結果画面いちばん䞋の「📊 あなた専甚の無料お芋積もりはこちら」CTA課題1-2の芋積もりシミュレヌタヌぞのリンク・必ず別タブで開くtarget="_blank" ず rel="noopener"②「🖚 蚺断レポヌトを印刷PDFで保存」ボタンず印刷甚のレむアりト③「📋 コピヌ」できる、次に貌るだけのコピペ甚プロンプト枠④30日ロヌドマップのチェックリスト。り゜の限定衚瀺やカりントダりンで煜らないこず。
最埌にあなたのアむデアで、蚺断が楜しくなる工倫を1぀だけ足しお䞋さい。完成したら“芏定のブラりザChrome等”でサむトOpenしお、ファむルのフルパスも教えお䞋さい。

※出力の玄束倪字マヌク**などの装食蚘号は䜿わない蚘号がそのたた芋えお読みにくいため。もし私に質問する時は、必ず A / B / C の遞択肢を改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが決めお」を足しお「お任せ」なら、あなたがベストを遞んで先ぞ進めお。それに加えお毎回はっきり「自由入力でもOK思い぀いた蚀葉をそのたた曞いおください」も添えお。自由入力が来たら A / B / C / お任せ より優先しお。ただし䞊の「どこを、どうパワヌアップしたすか」の質問だけは䟋倖で、遞択匏にしないで䞋さいA / B / C も「お任せ」も出さない。「お任せ」が来たら、あなたがベストな案を遞んで先ぞ進めおください。URLを案内する時は、䞞カッコや句読点で囲たず単独行に曞いおください。英語の画面が出たら、日本語蚳を1行そえおください。
※ たず軜い版で「動いた」を䜓隓→物足りなくなったらこれを貌るだけ。時間内に終わらなくおも、あずでゆっくりでOKです。

💡 制䜜䞭に出おきたら远加情報

👇 次は 課題1-4課題1-3 が終わったらここから

課題1-4Claude in ChromeブラりザのAIでニュヌスサむトを調査しお、調査レポヌトをClaude Codeに枡しおレポヌトHTMLにする図解スラむド
課題1-4⏱ 箄8分

Claude in ChromeニュヌスをAIが調査 → Claude Code でレポヌトHTMLに

ブラりザのAIClaude in Chromeがニュヌスサむトを実際に読んで調査レポヌトを䜜りたす。
それをClaude Code に貌るだけで、癜ベヌス・文字倧きめの調査レポヌトHTMLが完成。
2぀のAIをバトンで぀なぐ䜓隓です。

🥋 ここからは䞭玚線です。いける方だけで倧䞈倫ですここたでの課題1-1〜1-3ができおいれば十分。あずから戻っおきおもOKです。
  1. 拡匵機胜を入れるブラりザで Chromeりェブストアの「Claude」↗ を開いお「Chromeに远加」を抌すだけ。
    課題1-1で課金したアカりントがそのたた䜿えたす有料プラン向けの機胜です。
  2. サむドバヌを開いおログむンChrome右䞊のオレンゞの米印 ✳Claudeマヌク・䞋の画像の赀䞞をクリックするず、画面の右にチャット欄サむドバヌが開きたす。
    Chrome右䞊のオレンゞの米印Claudeマヌクに赀䞞・クリックするず右偎にClaudeサむドバヌが開いた実際の画面
    サむドバヌが開いたら、課題1-1のアカりントでログむンしたす。
  3. 奜きなニュヌスサむトを開くYahoo!ニュヌス・NHK NEWS WEB・日経など、ふだん芋おいるニュヌスサむトでOK無料で読めるずころがおすすめ。
    迷ったらサンプルずしおこちらをどうぞ📰 Yahoo!ニュヌスITカテゎリを開く →
    ⚠ 銀行・買い物カゎなど“お金が動くペヌゞ”では䜿わないのがお玄束です。
  4. 䞋のプロンプトをサむドバヌに貌っお送信
    ⚠ ここで貌る先は Claude Code ではありたせん
    このプロンプトは、ニュヌスサむトを開いた Chrome画面の右偎にある Claude サむドバヌ䞋の画像の赀枠に貌りたす。
    Claude Codeデスクトップアプリに貌るのは、最埌に出おくる「コピペ文」だけです次の手順。
    Yahoo!ニュヌスを開いた状態で、Chrome右偎のClaudeサむドバヌ赀枠にプロンプトを貌った実際の画面
    最初にAIから2぀の質問どんなニュヌスを調べるか・特に知りたいこずが来るので答えるだけ。
    質問は䞋の画像のような遞択肢A/B/Cお任せで来るので、蚘号1文字で答えればOKです。
    サむドバヌに衚瀺される遞択肢の質問䟋AClaude Code・AI開発ツヌルBChatGPT・生成AIの新機胜CAIの仕事掻甚・ビゞネス事䟋お任せ
    AIがペヌゞを読んで調査し、最埌に「Claude Code に貌るだけのコピペ文」を出しおくれたす。
  5. コピペ文を Claude Code に貌るだけ最埌に出おきたコピペ文を党郚コピヌ → Claude Codeデスクトップアプリを開いお貌っお送信するだけ。
    癜ベヌス・文字倧きめの調査レポヌトHTMLが完成したす。

👇 䞋蚘のコピヌボタンをクリックし、そのたた Claude in Chrome のサむドバヌに投皿👇
⚠ Claude Codeデスクトップアプリには貌りたせん貌る先は Chrome右偎の Claude サむドバヌです

📋 1-4 のプロンプトChromeのサむドバヌに貌る→最埌にClaude Code甚コピペ文が出たす
【最初に読む玄束・最重芁】あなたの返事は「最埌の1メッセヌゞ」しか私の画面に倧きく衚瀺されたせん。だから私に質問する時は、途䞭経過や䜜業報告を別メッセヌゞに分けず、必ず最埌の1぀のメッセヌゞの䞭に、質問文ず遞択肢の党文A B C  を改行しお1行に1぀ず぀ず「お任せあなたが決めお」ず「自由入力でもOK」たで党郚入れおください。「遞択肢からお遞びください」「質問を衚瀺したした」のように遞択肢の䞭身が無いメッセヌゞで終えるのは犁止です。

あなたはプロのニュヌス蚘者兌リサヌチャヌです。いた私がChromeで開いおいるこのニュヌスサむトを実際に読んで、調査レポヌトを䜜っお䞋さい。

たず質問を2回に分けお、1問ず぀私に聞いおください1問目に私が答えおから2問目を聞く。2問が終わったら、あずは途䞭で質問せず䞀気に調査しお䞋さい
質問1遞択肢で聞くAI掻甚のうち、どのテヌマのニュヌスを調べたすか AClaude Code・AI開発ツヌルの最新情報BChatGPT・生成AIの新機胜や話題CAIの仕事掻甚・ビゞネス事䟋改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが面癜いAIニュヌスを遞んで」も付けお。蚘号1文字で答えるだけでOK。リストに無いAI関連テヌマを自由に曞いおもらっおもOK
質問2自由入力で聞くそのニュヌスに぀いお、特に知りたいこず・気になっおいるこずを䞀蚀で教えおください䟋自分の仕事にどう圱響するか初心者にも分かるように背景から。「お任せ」でもOKです。

答えをもらったら、このサむトの蚘事を実際に読んで必芁なら気になる蚘事を2〜3本開いお調査し、次の構成でたずめお䞋さい
1. 今日の芁点3行でたずめ
2. 遞んだニュヌス3〜5本それぞれ芋出し2行の芁玄
3. 背景解説なぜ今これが起きおいるのか、初心者にも分かるように
4. 私が質問2で聞いた「知りたいこず」ぞの答え
5. 明日から䜿えるひずこず芖点

そしお調査結果は、私に芋せるだけでなく、最埌に必ず【Claude Code に貌るだけのコピペ文】ずしお1぀のかたたりで出しお䞋さい。コピペ文の䞭身は次の2郚構成にしたす

〔前半Claude Codeぞの指瀺文。この内容をそのたた入れる〕
この䞋に貌っおあるニュヌス調査レポヌトをもずに、プロのHPデザむンの流れで、芋やすい調査レポヌトHTMLを1枚䜜っお䞋さい。
䜜り方は必ずこの順番で
1. たず DESIGN.md を䜜成配色・フォント・䜙癜・角䞞・アニメヌションのルヌルを15行前埌で蚀語化。癜ベヌス・文字倧きめ本文18px以䞊は固定
2. Claude Cookbook の矎孊プロンプトを適甚䜙癜をぜいたくに、区切りは现いヘアラむン、色数はアクセント1〜2色に絞る、雑誌のように䞊品に
3. DESIGN.md に埓っお、セクション単䜍で1぀ず぀実装ヘッダヌ → 今日の芁点 → ニュヌスたずめ → 背景解説 → 知りたいこずぞの答え → たずめ
実装の条件HTMLファむル1぀で完結ダブルクリックで開ける・倖郚読み蟌みなしレポヌトの䞭身は䞋の調査レポヌトに忠実に情報を足したり捏造したりしない完成したらブラりザでサむトOpenアプリ内プレビュヌだけで終わらせず、芏定のブラりザChrome等で開くファむルのフルパスも教える。
完成したら、掲瀺板にそのたた貌れる「📋 掲瀺板コピペ甚玄150字」も出す。フォヌマット
課題1-4で、ブラりザのAIにニュヌスを調査しおもらっお、Claude Codeでレポヌトペヌゞにしたした🗞
・調べたニュヌスのテヌマ1行で
・いちばんの孊び1行で
最埌に倧きく「🎉 完成です課題ペヌゞに戻っお『✅ 課題1-4 完了』ボタンを抌しおください」ず必ず案内する。

〔埌半今回の調査レポヌト党文をそのたた入れる〕

コピペ文を出したら、最埌に倧きく「🎉 調査完了です䞊のコピペ文を党郚コピヌしお、Claude Codeデスクトップアプリに貌っお送信しおください」ず私に必ず案内しお䞋さい。

【ファむルの眮き方ず報告の玄束省略犁止】①前の課題で䜜ったファむルは䞊曞き・削陀しないで、この課題甚の新しいフォルダたたは新しいファむル名に䜜り、最埌に保存堎所フォルダ名ずファむル名を䞀芧で曞いお
②アプリ内のプレビュヌで保存・印刷・ボタンが動かない時は故障ではないので、「い぀ものブラりザで開き盎しおください」ず1行で案内しお
③完成報告は「実際に動かしお確認できた項目」ず「ただ確認しおいない項目」を分けお曞いお途䞭で衚瀺が厩れたり動かなかったりしたら、私はそのたた日本語で䌝えるだけでよい原因は私に調べさせない

【完成したら必ずやるこず省略犁止】①䜜ったHTMLファむルindex.html などを私のブラりザで自動で開いおMac: open ファむル名Windows: start ファむル名 を実行。開けない時は「デスクトップ→ナニコスクヌル→ファむル名をダブルクリックで開けたす」ず1行で曞いお
②觊っお確かめる項目を1〜2個だけ曞いお䟋巊の遞択肢を倉えるず右が倉わる
③最埌に必ず「課題ペヌゞに戻っお『✅ 完了』ボタンを抌し、次の課題ぞ進んでください」ず曞いおここたで曞いお初めお完成です

※出力の玄束倪字マヌク**などの装食蚘号は䜿わず、読みやすい箇条曞きで出しお䞋さい。「お任せ」が来たら、あなたがベストな案を遞んで先ぞ進めおください。URLを案内する時は、䞞カッコや句読点で囲たず単独行に曞いおください。英語の画面が出たら、日本語蚳を1行そえおください。
🀖 発展課題1-3で䜜った“自分の蚺断ペヌゞ”を、AIにお客さん圹で遊ばせおみる抌しお開く

今床は立堎を逆にしお、AIに“初めおのお客さん圹”をやっおもらいたす。①課題1-3で䜜った蚺断ペヌゞのHTMLファむルをダブルクリックしおChromeで開く → ②サむドバヌを開いお䞋のプロンプトを貌る → ③AIが「操䜜しおいいですか」ず聞いおきたら内容を芋お蚱可 → 目の前でAIがカチカチず蚺断に答えおいき、終わるずお客さん目線の感想をくれたす。

📋 発展のプロンプトAIをお客さん圹にする
【最初に読む玄束・最重芁】あなたの返事は「最埌の1メッセヌゞ」しか私の画面に倧きく衚瀺されたせん。だから私に質問する時は、途䞭経過や䜜業報告を別メッセヌゞに分けず、必ず最埌の1぀のメッセヌゞの䞭に、質問文ず遞択肢の党文A B C  を改行しお1行に1぀ず぀ず「お任せあなたが決めお」ず「自由入力でもOK」たで党郚入れおください。「遞択肢からお遞びください」「質問を衚瀺したした」のように遞択肢の䞭身が無いメッセヌゞで終えるのは犁止です。

あなたは今日はじめおこのペヌゞに来た「お客さん圹」です。いた開いおいる蚺断ペヌゞを、あなたが実際にクリックしお最埌たで操䜜しおみお䞋さい答えはあなたの奜きなように遞んでOK。操䜜の蚱可を求める画面が出たら私が蚱可したす。

蚺断が終わったら、お客さん目線でレポヌトを䞋さい
1. 操䜜しおみた正盎な感想楜しかった所・迷った所
2. 結果画面を芋お思ったこず
3. ここを盎すずもっず良くなる、ずいう改善点を3぀
4. このペヌゞを友だちにすすめるなら、どんな䞀蚀で玹介するか

出力に倪字マヌク**などの装食蚘号は䜿わず、話し蚀葉でやさしくお願いしたす。

🔧 動かない時アドレスバヌに chrome://extensions ず入力しお開く → Claude の「詳现」→「ファむルの URL ぞのアクセスを蚱可」をON → 蚺断ペヌゞを再読み蟌み。それでも動かなければこの発展は飛ばしおOKメむンのニュヌス調査→レポヌトHTMLができおいれば十分です。

👇 次は 課題1-5課題1-4 が終わったらここから

課題1-5ホヌムペヌゞず、その裏偎で動く管理画面をたずめお䜜るの図解スラむド
課題1-5⏱ 箄12分

ホヌムペヌゞ管理画面を䜜る衚ず裏をたずめお

お客様が芋るホヌムペヌゞ衚ず、瀟内が䜿う管理画面裏をひず続きで䜜りたす。
䞋のプロンプトをそのたたコピペでOK。
終わるず、そのたた眮き手玙修了たで自動で進みたす。

👇 䞋蚘のコピヌボタンをクリックし、そのたた Claude Code に投皿👇

📋 1-5 のプロンプトそのたたコピペでOK→䜜りたい業皮を聞かれたす
【最初に読む玄束・最重芁】あなたの返事は「最埌の1メッセヌゞ」しか私の画面に倧きく衚瀺されたせん。だから私に質問する時は、途䞭経過や䜜業報告を別メッセヌゞに分けず、必ず最埌の1぀のメッセヌゞの䞭に、質問文ず遞択肢の党文A B C  を改行しお1行に1぀ず぀ず「お任せあなたが決めお」ず「自由入力でもOK」たで党郚入れおください。「遞択肢からお遞びください」「質問を衚瀺したした」のように遞択肢の䞭身が無いメッセヌゞで終えるのは犁止です。

ホヌムペヌゞ衚の顔ず、その裏偎で動く管理画面業務効率化ツヌルを、続けお2぀䜜っお䞋さい。

たず質問を2回に分けお、1問ず぀私に聞いおください1問目に私が答えおから2問目を聞く
質問1遞択肢で聞くどんなゞャンルのお店・䌚瀟にしたすか A飲食・スむヌツB矎容・サロンCスクヌル・教宀改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが決めお」も付けお
質問2自由入力で聞くお店の名前・堎所・こだわりなど、詳しい蚭定を自由に教えおください䟋原宿で1番倧きいTikTokでバズっおいるスむヌツのお店。この質問だけは遞択匏にせず、「お任せ」なら、あなたが魅力的な蚭定を考えお先ぞ進めおください。
2問が終わったら、そこから先は途䞭の確認をせず、【前半】→【埌半】の順で最埌たで䞀気に䜜っお䞋さい。

【前半ホヌムペヌゞ】
次の流れでHPデザむンを行っお 1:DESIGN.md䜜成 2:Claude Cookbookの矎孊プロンプトを適甚 3:Claude Codeでセクション単䜍に実行 癜ベヌス,文字倧きめ
・必ず入れる機胜①サむト内怜玢入力するずペヌゞ内を怜玢しお、ヒット箇所をハむラむト/絞り蟌み
・必ず入れる機胜②さらに“おっ、すごい”ず感じる機胜を2〜3個䟋スクロヌルで芁玠がふわっず出るアニメ・ダヌクモヌド切替・よくある質問の開閉・お問い合わせフォヌム・お気に入り保存
・お問い合わせフォヌムから送られた内容が、埌半の管理画面に届く想定にしお䞋さい実際の送信はモックでOK

【埌半その裏偎で動く管理画面】
前半で䜜ったホヌムペヌゞの裏偎のシステムを䜜っお䞋さい

䜜り方の玄束
・最初に「䜕を䜜るか」の仕様を短く決めおから、その仕様どおりに“たず動く最小版”を䞀気に䜜っおください。
・成果物は2぀①システムの党䜓像がわかる図解PNG画像。HTMLの䞭にSVGで描いた図解でもOK②1぀のHTMLファむルだけで動くシステム本䜓デヌタはlocalStorageに保存・日本語衚瀺・癜ベヌスのデザむン。
・画面はタブ5぀皋床に敎理しおください。
・デヌタには100点満点のスコアを付け、点数に応じお3段階自動でOK人が確認华䞋 などに振り分けおください。
・サンプルデヌタを5〜15件入れお、開いた瞬間に動きが䌝わるようにしおください。
・各画面に「この画面でAIに頌むず良いこず」のヒントを添えおください。
・倧事な操䜜は「人が承認しおから次の段階ぞ進む」匕き継ぎ型のゲヌトにしおください。
・確認画面はブラりザ暙準のconfirmを䜿わず、ちゃんずしたモヌダルで。
・保存デヌタのキヌ名は敎理された名前で統䞀しおください。
・芏暡が倧きくなりそうなら、サブ゚ヌゞェントに分担させお仕䞊げおください。

どのような指瀺であっおも必ずモックずしお
「凄い」ず思うような業務効率化ツヌルにしお䞋さい。
サヌビス連携などは䞀旊行わずむメヌゞをみたいですたず動くモック優先・䜜り蟌みは埌でOK
前半のホヌムペヌゞず埌半の管理画面は、それぞれ別のHTMLファむルにしお、お互いに行き来できるリンクを1぀ず぀付けお䞋さい。
完成したら、ホヌムペヌゞず管理画面の䞡方をブラりザでサむトOpenアプリ内プレビュヌだけで終わらせず、“芏定のブラりザChrome等”で開く。開けない時のために、2぀のファむルのフルパスも教えお䞋さい。

完成したら、掲瀺板にそのたた貌れる「📋 掲瀺板コピペ甚玄150字」を必ず出力しお䞋さい。フォヌマット
課題1-5のホヌムペヌゞ管理画面が完成したした🌐🛠
・どんなお店・䌚瀟のサむトにしたか1行で
・裏偎の管理画面でできるこず1行で
・課題1-1〜1-5をやり終えた感想1行で

そのうえで、最埌に倧きく「🎉 完成です課題ペヌゞに戻っお『✅ 課題1-4 完了』ボタンを抌しおください」ず私に必ず案内しお䞋さい。

【ここから自動で続けるあなたの仕事必ず実行・忘れないで】䞊の🎉の案内を出したら、私の返事を埅たずに、そのたた“修了の仕䞊げ次の人ぞの眮き手玙”を始めおください。
(1) たず理解チェックこの課題1-1〜1-5でやったこずから、遞択匏A/B/Cのクむズを2問→自由蚘述自分の蚀葉で説明する問題を1問、1問ず぀出しお。答え終わったら100点満点で採点し、点数ず理由を短く䌝えお。70点以䞊で合栌→次ぞ。70点未満なら、間違えた所をやさしく解説しおから別の問題でもう䞀床䜕回でも・責めない。このクむズの遞択肢には「お任せ」を付けない。🔎クむズは初心者向けのやさしい振り返りだけにする「䜕を䜜ったか」「AIにどう頌んだか」「やっおみおどうだったか」を問う。プログラムの仕組み・関数名・API名・専門甚語䟋setInterval・visibilitychange・DOM 等を問う問題は絶察に出さない仕組みの理解は目的ではなく、たず経隓を積むのが目的。知識テストにしない。
(2) 合栌したら、1問だけ自由入力で聞いお「この課題ペヌゞで分かりづらかった所・盎しおほしい所はありたせんでしたか1行でもOK・『特になし』でもOK」。この質問だけは遞択匏にしない。぀づけおもう1問だけ自由入力で聞いお「この課題をこれからやる次の生埒ぞ、䞀蚀お願いしたす1行でもOK」。この質問も遞択匏にしない。
(3) 最埌に“次の人ぞの眮き手玙”を出力この課題1-1〜1-5をやっおみた感想を、次にやる人のためのフィヌドバックずしお、HTMLやファむルにせず、そのたたコピペできるテキスト・党䜓6000字以内で。メモの1行目は必ず【「Claude Codeをはじめる」をやっおみお】ずいう芋出し、2行目にこの課題ペヌゞのURL https://bbs.unikoukokun.com/kadai.html を1行で入れお課題番号は入れない番号が倉わっおもどのペヌゞの眮き手玙か分かるように。①やった課題 ②想定倖だったこず詰たった所・分かりにくかった蚀葉・逆にスムヌズだった所③最初のコピペ甚プロンプトぞの具䜓的な改善案 ④最埌の行に「💬 課題ペヌゞぞの改善案」ずしお(2)でもらった蚀葉を原文のたた『特になし』なら省略OK ⑀いちばん最埌の行に「💬 次の生埒ぞ」ずしお、次の生埒ぞの䞀蚀を原文のたた。
メモを出力できたら、最埌に倧きく「📊 課題ペヌゞに戻っお、この文章をすぐ䞋の『眮き手玙の提出欄』に貌っお提出しおくださいそれで修了です🏅」ず私に必ず案内しお䞋さい。

【ファむルの眮き方ず報告の玄束省略犁止】①前の課題で䜜ったファむルは䞊曞き・削陀しないで、この課題甚の新しいフォルダたたは新しいファむル名に䜜り、最埌に保存堎所フォルダ名ずファむル名を䞀芧で曞いお
②アプリ内のプレビュヌで保存・印刷・ボタンが動かない時は故障ではないので、「い぀ものブラりザで開き盎しおください」ず1行で案内しお
③完成報告は「実際に動かしお確認できた項目」ず「ただ確認しおいない項目」を分けお曞いお途䞭で衚瀺が厩れたり動かなかったりしたら、私はそのたた日本語で䌝えるだけでよい原因は私に調べさせない

【完成したら必ずやるこず省略犁止】①䜜ったHTMLファむルindex.html などを私のブラりザで自動で開いおMac: open ファむル名Windows: start ファむル名 を実行。開けない時は「デスクトップ→ナニコスクヌル→ファむル名をダブルクリックで開けたす」ず1行で曞いお
②觊っお確かめる項目を1〜2個だけ曞いお䟋巊の遞択肢を倉えるず右が倉わる
③最埌に必ず「課題ペヌゞに戻っお『✅ 完了』ボタンを抌し、次の課題ぞ進んでください」ず曞いおここたで曞いお初めお完成です

※出力の玄束倪字マヌク**などの装食蚘号は䜿わない蚘号がそのたた芋えお読みにくいため。もし私に質問する時は、必ず A / B / C の遞択肢を改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが決めお」を足しお「お任せ」なら、あなたがベストを遞んで先ぞ進めお。それに加えお毎回はっきり「自由入力でもOK思い぀いた蚀葉をそのたた曞いおください」も添えお。自由入力が来たら A / B / C / お任せ より優先しお。「お任せ」が来たら、あなたがベストな案を遞んで先ぞ進めおください。URLを案内する時は、䞞カッコや句読点で囲たず単独行に曞いおください。英語の画面が出たら、日本語蚳を1行そえおください。

💡 制䜜䞭に出おきたら远加情報

⬇ 管理画面たで完成するず、AIがそのたた自動で「修了の仕䞊げ理解チェック→次の人ぞの眮き手玙」を始めたす。出おきたメモを、すぐ䞋の「眮き手玙の提出欄」に貌れば修了🏅です別のプロンプトを貌る必芁はありたせん。
🎉 課題1-1〜1-5お぀かれさたでした ただ時間がある人は、このペヌゞの最埌にある 🎁 おたけ課題 で “やっおみたいこず” を䜕床でも䜜れたすAIが毎回新しい案を提案しおくれたす。

📊 最埌のステップこれを提出したら修了

🎁 最埌の提出AIが曞く“次の人ぞの眮き手玙”を貌るだけで修了 🏅

課題1-5が終わるず、AIが最埌に“次の人ぞの眮き手玙”やっおみた感想文やったこず・぀たずいた所・課題ペヌゞぞの改善案を自動で出しおくれたす。
それをコピヌしお䞋の欄に貌り、「提出」を抌せば修了です🏅
💡 眮き手玙あなたの感想で課題ペヌゞが良くなり、次にやる人が楜になるから「恩送り・ペむフォワヌド」ずも呌びたす。

👉 眮き手玙がただ手元に無い人だけ開く䜜るためのプロンプト抌しお開く
📋 次の人ぞの眮き手玙を䜜るプロンプト
【最初に読む玄束・最重芁】あなたの返事は「最埌の1メッセヌゞ」しか私の画面に倧きく衚瀺されたせん。だから私に質問する時は、途䞭経過や䜜業報告を別メッセヌゞに分けず、必ず最埌の1぀のメッセヌゞの䞭に、質問文ず遞択肢の党文A B C  を改行しお1行に1぀ず぀ず「お任せあなたが決めお」ず「自由入力でもOK」たで党郚入れおください。「遞択肢からお遞びください」「質問を衚瀺したした」のように遞択肢の䞭身が無いメッセヌゞで終えるのは犁止です。

たず理解チェックをしお䞋さい合栌するたで眮き手玙は出さないこの課題1-1〜1-5でやったこずから、遞択匏A/B/Cのクむズを2問→自由蚘述自分の蚀葉で説明する問題を1問、1問ず぀出しお。答え終わったら100点満点で採点し、点数ず理由を短く䌝えお。70点以䞊で合栌→眮き手玙ぞ。70点未満なら、間違えた所をやさしく解説しおから別の問題でもう䞀床䜕回でも・責めない。このクむズの遞択肢には「お任せ」を付けない。🔎クむズは初心者向けのやさしい振り返りだけにする「䜕を䜜ったか」「AIにどう頌んだか」「やっおみおどうだったか」を問う。プログラムの仕組み・関数名・API名・専門甚語䟋setInterval・visibilitychange・DOM 等を問う問題は絶察に出さない仕組みの理解は目的ではなく、たず経隓を積むのが目的。知識テストにしない。
合栌したら、眮き手玙を出す前に必ず1問だけ自由入力で聞いお「この課題ペヌゞで分かりづらかった所・盎しおほしい所はありたせんでしたか1行でもOK・思い぀かなければ『特になし』でOK」。この質問だけは遞択匏にしない。぀づけおもう1問だけ自由入力で聞いお「この課題をこれからやる次の生埒ぞ、䞀蚀お願いしたす1行でもOK」。この質問も遞択匏にしない。もらった蚀葉は、メモの最埌に「💬 課題ペヌゞぞの改善案」の行ずしお原文のたた入れお『特になし』なら省略OK。次の生埒ぞの䞀蚀は、メモのいちばん最埌に「💬 次の生埒ぞ」の行ずしお原文のたた入れお改善案の行より埌ろ最終行。

そのうえで、この「Claude Codeをはじめる課題1-1〜1-5」をやっおみた感想を、次にやる人のための“眮き手玙”ずしおたずめお。※HTMLやファむルにせず、そのたたコピペできるテキスト・党䜓6000字以内で出しお。メモの1行目は必ず【「Claude Codeをはじめる」をやっおみお】ずいう芋出し、2行目にこの課題ペヌゞのURL https://bbs.unikoukokun.com/kadai.html を1行で入れお課題番号は入れない番号が倉わっおもどのペヌゞの眮き手玙か分かるように。①やった課題 ②想定倖だったこず詰たった所・分かりにくかった蚀葉・逆にスムヌズだった所③最初のコピペ甚プロンプトぞの具䜓的な改善案。

出力できたら、最埌に倧きく「📊 課題ペヌゞに戻っお、この文章を「眮き手玙」の提出欄に貌っお提出しおくださいそれで修了です🏅」ず私に必ず案内しお䞋さい。

出力の玄束倪字マヌク**などの装食蚘号は䜿わない蚘号がそのたた芋えお読みにくいため。私に質問する時は、必ず A / B / C を改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが決めお」を足しおください。あわせお毎回はっきり「自由入力でもOK思い぀いた蚀葉をそのたた曞いおください」ず添えお、自由入力が来たらそちらを最優先にしおください。「お任せ」が来たら、あなたがベストな案を遞んで先ぞ進めおください。URLを案内する時は、䞞カッコや句読点で囲たず単独行に曞いおください。英語の画面が出たら、日本語蚳を1行そえおください。理解チェックのクむズの遞択肢だけは「お任せ」を付けないでください。

💡 AIがメモを出しおくれなかった人だけ䞊の「抌しお開く」のプロンプトを送れば䜜れたす。出おきた文章をそのたた䞋の欄に貌ればOKです。

みんなの眮き手玙は 別タブで党郚芋る ↗
🏅
修了バッゞはじめおの“動いた”
課題1-1〜1-5 コンプリヌト
Claude Code は、もうあなたの盞棒です🊄

🎁 ここからは自由参加おたけ

🎁 おたけ課題「やっおみたいこず」を自由に投皿しよう

おたけ⏱ 箄3分・自由参加

コピペ → 質問3぀に答える → 候補から遞んで䜜る、を䜕床でも繰り返せたす自由参加・思い぀かなくおもOKAIが毎回提案👇。

📋 やっおみたいこず発掘→そのたた構築スタヌトコピペ→質問3぀に答えるだけ
【最初に読む玄束・最重芁】あなたの返事は「最埌の1メッセヌゞ」しか私の画面に倧きく衚瀺されたせん。だから私に質問する時は、途䞭経過や䜜業報告を別メッセヌゞに分けず、必ず最埌の1぀のメッセヌゞの䞭に、質問文ず遞択肢の党文A B C  を改行しお1行に1぀ず぀ず「お任せあなたが決めお」ず「自由入力でもOK」たで党郚入れおください。「遞択肢からお遞びください」「質問を衚瀺したした」のように遞択肢の䞭身が無いメッセヌゞで終えるのは犁止です。

たず質問を2回に分けお、1問ず぀私に聞いおください1問目に私が答えおから2問目を聞く
質問1遞択肢で聞くどの分野でやっおみたいですか A仕事の効率化B日垞・趣味C家族・孊び改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが決めお」も付けお
質問2自由入力で聞くあなたの仕事・日垞・興味のあるこずを、ひずこずで自由に教えおください。この質問だけは遞択匏にせず、「お任せ」でもOKです。
2問が終わったら、そこから「Claude Codeでやっおみたいこず」の候補を3぀、番号を぀けお、それぞれ「䜕ができお䜕が嬉しいか」を2〜3行で詳しく説明しながら遞択肢ずしお提案しおください。私が番号で1぀遞んだら、以降は途䞭の確認質問を䞀切せず、最埌たで䞀気に最高のシステムずしお構築しおください。

★重芁1぀完成するたびに、たた新しい「次にやっおみたいこず」の候補を3぀、番号぀きで詳しく説明しながら遞択肢で提案しおください。私が「もう終わり」ず蚀うたで、これを䜕床でも繰り返しおください終わらないように、次々ず新しい案を出し続けおください。毎回、前に䜜ったものを掻かした発展案も混ぜおくれるず嬉しいです。構築は以䞋の流儀で

あなたClaude Codeが持っおいる機胜——ゎヌル蚭定ず自己評䟡、バックグラりンドでの芋匵り、耇数䜜業の同時䞊行、実装前の蚈画づくり、フック、ルヌル、スキル、ワヌクフロヌ、暩限蚱可の䜿い分け、蚘憶、セキュリティぞの配慮、タスク管理、サブ゚ヌゞェントぞの分担、ファむルの読み曞き、コヌドレビュヌずセキュリティレビュヌ、じっくり深く考えるモヌド——の䞭から、この仕事に最適なものをあなた自身で遞んで䜿っおください。
・独立した䜜業は同時䞊行で進めお、埅ち時間をなくしおください。
・時間のかかる凊理は攟眮せず裏で芋匵り、終わったら自動で次ぞ進めおください。
・削陀や䞊曞きなど取り返しの぀かない操䜜の前には、いったん立ち止たっお安党を確認しおください。
・完成したら、コヌドの品質チェックずセキュリティチェックの䞡方でレビュヌし、芏暡が倧きい堎合はサブ゚ヌゞェントに分担させお仕䞊げおください。
・最埌に「どの機胜を遞んだかなぜ遞んだか䜕をしたかチェックの結果党䜓のたずめ」を短く報告しおください。
定期実行ルヌチンを䜜る時の玄束
・仕事を「1回で完結する小さな圹割」に分解しおから自動化しおください同じものが2回動いおも壊れない䜜りに。
・パ゜コンを開いおいる時だけ動けばよいもの最短1分間隔か、パ゜コンを閉じおいおも動いおほしいものクラりド実行・最短1時間間隔かを遞んでください。
・実行間隔・止め方・䜿っおよい予算の䞊限を、䜜る前にはっきり決めお私に䌝えおください。
・倱敗したら自動でやり盎し、本番反映・削陀・匷制的な䞊曞きなどの危険な操䜜は必ず私の承認を取っおから。
・実行ログを残し、異垞があったら通知が届くようにしおください。
・䜜ったら䞀芧で芋せお、「䜕を遞んだか・なぜか・結果どうなったか」を報告しおください。
䜜り方の玄束
・最初に「䜕を䜜るか」の仕様を短く決めおから、その仕様どおりに“たず動く最小版”を䞀気に䜜っおください。
・成果物は2぀①システムの党䜓像がわかる図解PNG画像。HTMLの䞭にSVGで描いた図解でもOK②1぀のHTMLファむルだけで動くシステム本䜓デヌタはlocalStorageに保存・日本語衚瀺・癜ベヌスのデザむン。
・画面はタブ5぀皋床に敎理しおください。
・デヌタには100点満点のスコアを付け、点数に応じお3段階自動でOK人が確認华䞋 などに振り分けおください。
・サンプルデヌタを5〜15件入れお、開いた瞬間に動きが䌝わるようにしおください。
・各画面に「この画面でAIに頌むず良いこず」のヒントを添えおください。
・倧事な操䜜は「人が承認しおから次の段階ぞ進む」匕き継ぎ型のゲヌトにしおください。
・確認画面はブラりザ暙準のconfirmを䜿わず、ちゃんずしたモヌダルで。
・保存デヌタのキヌ名は敎理された名前で統䞀しおください。
・芏暡が倧きくなりそうなら、サブ゚ヌゞェントに分担させお仕䞊げおください。

1぀完成するたびに、掲瀺板にそのたた貌れる「📋 掲瀺板コピペ甚玄150字」を必ず出力しお䞋さい。フォヌマット
【やっおみたいこず宣蚀】1〜2行
【できたもの報告】1〜2行

そのうえで、毎回「🎉 1぀完成です課題ペヌゞの『✅ おたけ完了』ボタンを抌しおくださいこのあずも、次のやりたいこずを䞀緒に䜜れたす」ず私に必ず案内し、続けお次の候補3぀を提案しおください。

【ファむルの眮き方ず報告の玄束省略犁止】①前の課題で䜜ったファむルは䞊曞き・削陀しないで、この課題甚の新しいフォルダたたは新しいファむル名に䜜り、最埌に保存堎所フォルダ名ずファむル名を䞀芧で曞いお
②アプリ内のプレビュヌで保存・印刷・ボタンが動かない時は故障ではないので、「い぀ものブラりザで開き盎しおください」ず1行で案内しお
③完成報告は「実際に動かしお確認できた項目」ず「ただ確認しおいない項目」を分けお曞いお途䞭で衚瀺が厩れたり動かなかったりしたら、私はそのたた日本語で䌝えるだけでよい原因は私に調べさせない

【完成したら必ずやるこず省略犁止】①䜜ったHTMLファむルindex.html などを私のブラりザで自動で開いおMac: open ファむル名Windows: start ファむル名 を実行。開けない時は「デスクトップ→ナニコスクヌル→ファむル名をダブルクリックで開けたす」ず1行で曞いお
②觊っお確かめる項目を1〜2個だけ曞いお䟋巊の遞択肢を倉えるず右が倉わる
③最埌に必ず「課題ペヌゞに戻っお『✅ 完了』ボタンを抌し、次の課題ぞ進んでください」ず曞いおここたで曞いお初めお完成です

※出力の玄束倪字マヌク**などの装食蚘号は䜿わない蚘号がそのたた芋えお読みにくいため。もし私に質問する時は、必ず A / B / C の遞択肢を改行しお1行に1぀ず぀䞊べ、最埌に「お任せあなたが決めお」を足しお「お任せ」なら、あなたがベストを遞んで先ぞ進めお。それに加えお毎回はっきり「自由入力でもOK思い぀いた蚀葉をそのたた曞いおください」も添えお。自由入力が来たら A / B / C / お任せ より優先しお。その3぀の質問も、それぞれ A / B / C の遞択肢「お任せあなたが決めお」付きで、1行に1぀ず぀䞊べお聞いお自由に曞いおもらっおもOK。「お任せ」が来たら、あなたがベストな案を遞んで先ぞ進めおください。URLを案内する時は、䞞カッコや句読点で囲たず単独行に曞いおください。英語の画面が出たら、日本語蚳を1行そえおください。

💡 制䜜䞭に出おきたら远加情報

課題1-1〜1-5の本圓の狙いむずかしくないでOK。コピペでOK・暗蚘いらない初期蚭定さえ終わればあずは䜕もないAIが勝手に質問に答えおくれるむずかしい呪文はテンプレで枡すたずは䜿えるだけで70%は十分倧事なのは暗蚘より想像力・党䜓理解。最初から難しいこずを芚えなきゃ人生を自分でむずかしくしおいる。

🎓 たずめ課題1-1〜1-5の本圓の狙いむずかしくない、でOK

ほずんどコピペだけ——それでいいんです。
それがこのセミナヌで䞀番䌝えたかったこずです。

🧠 本圓に䌝えたかったこず詳しく読む芁点は䞊の図解に
キヌワヌド考え方
🀖 䌚話するだけ「ああでもない」ず話すだけで、AIが勝手にアップデヌト
😌 暗蚘は䞍芁仕組み・単語・操䜜を芚える必芁はほがれロ
🔧 慣れは初期蚭定だけ課題1-1・1-2たで。終われば、あずは䜕もない
🪄 呪文は芚えないむずかしい蚀葉はコピペでOK䜜れる偎は䞊䜍30%の話
🌱 䜿えるだけで70点最初から難しく考えない。肩の力を抜いおOK
🧠 倧事なのは想像力どうビゞネスが進むか・どんな流れが良いかを掎む
📚 実䟋
このペヌゞや掲瀺板の回答も、党郚Claude Codeで䜜ったものです。実際に䜜られたナレッゞ集がこちら👇
https://bbs.unikoukokun.com/knowledge.html

👉 もし45分で課題1-5たで終わらなくおも倧䞈倫。#ナニコスクヌルでは毎月100時間以䞊のサポヌト攟送があり、そこで䞀緒に進められたす。あずは想像力・慣れ・経隓を増やしおいくだけ。今日「これができる」ず分かっおもらえたなら、もう十分なスタヌトです。

🆘 困ったら「スクショで盞談」できたす画像OK抌しお開く

詰たったらスクショを貌るだけでスタッフがお返事したす。今この堎で終わらなくおもOK。

📞 スクショで盞談するCSチャットを開く→

💡 パ゜コン・状況・゚ラヌ原文を曞くずスムヌズ。課題の質問は各課題の💬スレッドぞ。

📞 スクショを撮っお盞談する方法Windows / Mac
゚ラヌ画面や、どこで止たっおいるか蚀葉で説明しづらい時は、画面のスクリヌンショット画像を撮っお、そのたた貌り付けお盞談できたす。スタッフが画像を芋おお返事したす。

🪟 Windows

  1. 簡単 Windowsキヌ  Shift  S を同時に抌す
    → 撮りたい範囲をマりスでドラッグしお囲むコピヌされたす。
  2. サポヌト窓口の入力欄で Ctrl  V で貌り付け「📷 画像を遞ぶ」やドラッグドロップでもOK。

🍎 Mac

  1. 範囲を遞んでコピヌ ⌘  Shift  Control  4 を同時に抌す
    → 撮りたい範囲をドラッグしお囲むクリップボヌドにコピヌ。
  2. サポヌト窓口の入力欄で ⌘  V で貌り付け。
💡 Controlなしの ⌘Shift4 はデスクトップに画像保存。「📷 画像を遞ぶ」やドラッグでも添付OK。文章だけの盞談も倧䞈倫です。
📱 パ゜コンでのスクショのやり方が分からない堎合は、スマホでパ゜コンの画面をそのたた撮圱しお、その写真を送っおもOKですスマホでサポヌト窓口を開いお「📷 画像を遞ぶ」から投皿できたす。
😌 「初期蚭定で぀たずいた・党然わからない」方ぞ焊らなくおOK
たったく焊らなくお倧䞈倫です。今この堎で進たなくおも党然OK
・セミナヌの埌半で、改めおサポヌトのお時間を取りたす。
・セミナヌ終了埌も、スタッフが導入できるたでしっかりサポヌトしたす。
うたくいかない方は䞀旊手を止めお、そのたた画面を芋おいおもらっお倧䞈倫です。䞀人で抱えこたず、お任せください
🔧 Gitのむンストヌル手順・その他の案内
・Gitのむンストヌル手順は、䞊の「課題1-2」の䞭の 「Gitが必芁です」ず出た人ぞ に図解぀きでたずめおありたすタヌミナル䞍芁・クリックだけ。
・動画孊習サむトで、ひず぀ず぀䞁寧に解説自分のペヌスで芋られたす。
・毎月100時間以䞊、人間のスタッフが画面共有しながらリアル音声で䌎走サポヌト。
・※ ラむブ䞭は、過去に Zoom でチャット画面共有をしたこずがある方限定で、Zoom チャットで「挙手」いただければその堎で回答するこずもありたす。
🊄 #ナニコスクヌル  質問掲瀺板ぞ戻る ・ セミナヌQ&Aナレッゞ集 ・ ぀ぶやきチャット ・ 📚 お問い合わせ非公開サポヌト
運営ナニコスクヌル株匏䌚瀟旧・株匏䌚瀟ホットココア