Claude/Cowork/Codeをさわって学べる！「5分でわかる！Claude教習所」を公開！

Claudeアプリ（chat.cowork.code）の使い方を学ぶゲームを作りたい。ブラウザで擬似体験できるように最新のclaudeアプリをPC、スマホそれぞれ近い形で再現してくれない？API使って実際に動くように

この動画の内容をもっと広げて、Claude、Cowork、Codeを触りながら覚えるコンテンツをつくりたい。
それこそ、まずは立ち上げのところ）から、教えて触りながら、一定の成果物ができるまで。
そして、それぞれの強みがわかって、それだけで通常のオフィスでの仕事、Web制作、アプリ制作などができるようになるようにしたい。

コンテンツ内容を考えて、それに耐えうるように、このベースのアプリを改修必要であれば改修して（学習コンテンツの搭載などはいらないので、あくまでベースの機能として）

Claudeアプリ教習所 — コンテンツ設計
ゴール
触りながら覚える。読むだけのレッスンにしない。全ステップがシミュレーター上の操作。
各コースの最後に実際に使える成果物ができる（プレビューで確認できる）。
修了後、Claudeだけで「オフィスの通常業務 / Web制作 / アプリ制作」を回せる状態にする。
それぞれのモードの強みが体感として残る（機能紹介ではなく実践論）。
学習の背骨（全コース共通）
覚えるのは「どれを使うか」ではなく「どこで働かせるか」
Chat = チャットの中で（単発・その場で終わる）
Cowork = あなたのPCの中で（貯めて・続けて）
Code = ターミナルで（作って・動かして）
迷ったら3つの質問: 「その場で終わる相談？→Chat」「続きがある？情報を貯めたい？→Cowork」「作る？動かす？→Code」

コース0: 立ち上げ編「3つの入口を開ける」
ステップ 学ぶこと シミュレーター操作
0-1 Claudeは3つの場所で働く 上部中央タブを3つ切り替えてみる
0-2 Chatはブラウザだけで始まる（claude.ai・無料） チャットタブで最初のひとこと
0-3 デスクトップアプリを入れると Cowork / Code が使える — （実機ガイド）
0-4 Coworkは「フォルダを渡す」ことから始まる フォルダ選択→アクセス許可ダイアログ
0-5 CodeにGitHub接続は不要。ローカルフォルダだけでOK Codeタブでフォルダ選択→信頼
誤解つぶし（0-5の核心）: GitHubが必要になるのは ①Web版（claude.ai/code）を使うとき ②Pull Request連携 ③チームで成果を共有するとき、の3つだけ。最初はローカルフォルダで十分。git初期化も「gitで管理して」とClaudeに頼めばやってくれる。公開したくなった時に初めてつなげばいい（コース3-6で扱う）。
成果物: 3モードすべてを開いて1往復した状態（＝入口が全部開いた）。

コース1: Chat編「その場で終わる相談」
ステップ 学ぶこと 操作
1-1 気軽に聞く 提案チップから送信
1-2 背景ごと伝えると精度が上がる／Claudeから逆質問が来る 「誰向け・何のため」を添えて壁打ち
1-3 一度で完璧を求めない 「もっと短く」「表にして」と注文を重ねる
1-4 その場で図解・成果物ができる 成果物カード→プレビュー
1-5 新しい話題は新しいチャット／モデル切替 ＋新しいチャット、モデル切替
成果物: 上司にそのまま出せる企画メモ1枚。 強みの体感: 「答える」より「一緒に作業する」感覚。逆質問・その場図解。

コース2: Cowork編「貯めて進める」— オフィスワーク実務
ステップ 学ぶこと 操作
2-1 案件ごとにフォルダを用意して渡す フォルダ選択→許可
2-2 仕事を丸ごと任せる（計画→経過→完了） タスク送信、作業ログを見守る
2-3 成果物がファイルとして残る 成果物カード（.docx風）→プレビュー
2-4 同じタスクに注文を重ねて仕上げる 追加指示
2-5 回を重ねるほど文脈を覚える（セッション管理） 履歴から過去タスクを開いて続ける
2-6 勝手にやらせない仕組み（承認） 承認カードで許可/拒否
成果物: 調査レポート＋経費一覧（通常業務の代表2種）。 強みの体感: 蓄積・継続・放置OK。「一番使っている」の理由。

コース3: Code編「作る・動かす」— Web制作・アプリ制作
ステップ 学ぶこと 操作
3-1 GitHubなしで始める フォルダ選択→信頼（0-5の復習）
3-2 自然言語→はじめてのWebページ 「LPを作って」と送信
3-3 diff承認フロー（変更は承認するまで書き込まれない） Accept / Reject
3-4 権限モードの使い分け Manual→Accept edits→Plan を切替えて同じ依頼
3-5 コマンド実行にも承認がある 実行承認カード（npx serve 等）
3-6 公開する（ここで初めてGitHub/Vercelが登場・任意） — （実機ガイド）
成果物: 実際に動くLP（Web制作）／おみくじ・TODOアプリ（アプリ制作）。プレビューで本当に動く。 強みの体感: 実装・自動化・本番反映。「作る？動かす？→Code」。

コース4: skill編「手順を資産に」
一度やった手順をskillにする→次回は一言で再現できる
skillはChat/Cowork/Codeどの入口からも使える（「どの入口から入っても、skillで手順を貯めれば次がラクになる」）
チームに配って全員の資産にする
コース5: 総合演習「3つの質問で使い分け」
ケーススタディ: 「この仕事はどのモード？」を判断軸で選ぶ
通しシナリオ3本: ①オフィス業務（会議準備→議事録→レポート） ②Web制作（LP企画→実装→公開） ③アプリ制作（要件壁打ち→実装→改善ループ）
ベースアプリ（シミュレーター）に必要な機能
学習コンテンツ本体は搭載しない。上記コースを後から載せられる「土台」として:

この講師が画面右端で吹き出し付きで話しながら、ユーザーを誘導するように、ベースアプリの上に講師レイヤーをつくって

コース0〜5の本編ガイドを書く — 仕組みはできたので、あとはCONTENT_PLAN.mdに沿って GuideStep[] を量産するだけ。コース選択メニューも必要

まず自分が触る前に、Claude使い立ての人になりきって、全部一連やってみてくれない？その上で、これやれば本当に実際にClaudeを使えるようになるか？を正直にフラットに体験して検証して

とりあえずはじめの一歩とチャットやってみたけど、 はじめの一歩はcoworkだとプロジェクトの説明とさわってみるのあったほうがよくない？ あとコードだとなにがあるとわかりやすいかな？他との違い

codeがなんか承認があってめんどくさく感じない？なんで承認が必要なのかでいくと、公開中のファイルとかいじったりできるからだよね？その説明必要じゃない？

次にチャットはClaudeの特徴として、ASK User inputだっけ？Claudeが質問してくれて、雑にやっても答えにたどり着くの。あとは図解とかで説明してくれる。これいれたほうがよくない？

cowork
プロジェクトの説明と体験あったほうがよくない？ ブラウザ操作もあったほうがよくない？（コード、チャットでもできるが。という説明はある前提で）

code
todoリストアプリが中途半端で終わるからつくるまでやったほうがよくない？ おみくじアプリは実際のgithubとかと連携して作ったイメージ？ならその工程ないとわからなくない？ まずは本番のソースと連携。それを承認。そして本番公開 までできるとよくない？

総まとめ
質問かえってきたり図解してくれたりはチャットだけじゃなくcoworkもだよね？ あと、codeはgithubあったほうがいいから、無いを強調する必要なくない。

そして最後スキルの話はだいじだから、作ったものを最後スキル化する。

codeでスキル化してと言ってスキルつくって、新規チャットで/でつかう。の工程はやりたいな。