はじめての“動いた！”― Codex で、5つ作るまで。

【最初に読む約束・最重要】あなたの返事は「最後の1メッセージ」しか私の画面に大きく表示されません。だから私に質問する時は、途中経過や作業報告を別メッセージに分けず、必ず最後の1つのメッセージの中に、質問文と選択肢の全文（A：…／B：…／C：… を改行して1行に1つずつ）と「お任せ（あなたが決めて）」と「自由入力でもOK」まで全部入れてください。「選択肢からお選びください」「質問を表示しました」のように選択肢の中身が無いメッセージで終えるのは禁止です。

デザインは「おしゃれなキャンペーンサイト（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点だけ・凝らない）。
完成したら生成したHTMLファイルのパスを教えて下さい。

完成したら、掲示板にそのまま貼れる「📋 掲示板コピペ用（約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」まで全部入れてください。「選択肢からお選びください」「質問を表示しました」のように選択肢の中身が無いメッセージで終えるのは禁止です。

ブラウザで遊べる「明るくて分かりやすい3Dミニゲーム」を、HTMLファイル1つで作って下さい。道具は Three.js（CDN の script タグで読み込む・npm やビルドは使わない）。🔴 必ず index.html の1ファイルにHTML・CSS・JSを全部入れる（engine.js など別ファイルに分けない）。目指す完成像＝「画面が明るくて、何をすればいいか一目で分かり、操作は1つだけなのに、押すたびに派手に変わる」ゲームです。

まず質問を2回に分けて、1問ずつ私に聞いてください（1問目に私が答えてから2問目を聞く）：
質問1（選択肢で聞く）：ゲームのテーマはどれにしますか？　A（おすすめ）：時間を止める朝の街（動く障害物を止めて3つの区画の「光のコア」を灯すと、眠っていた街が区画ごとに動き出す）／B：重力を切り替える空の遺跡（重力の向きを変えて3つの区画の封印を解くと、崩れた遺跡が区画ごとに復元していく）／C：風を操る花の庭園（風を起こして3つの区画に種を届けると、枯れた庭が区画ごとに花で満ちていく）（改行して1行に1つずつ並べ、最後に「お任せ（あなたが決めて）」も付けて）
質問2（自由入力で聞く）：好きな色・主人公（例：丸いロボット／ユニコーン／自分のペット）・作品名の候補があれば教えてください。この質問だけは選択式にせず、「なし」や「お任せ」なら、あなたが魅力的な設定を考えて先へ進めてください。
2問が終わったら、そこから先は途中の確認をせず、最後まで一気に作って下さい。

【見た目（最優先＝"明るいのに、くっきり・作り込んで見える"）】
・舞台は「よく晴れた朝」。空は上が鮮やかな水色→地平線が白。地面はパステルでも"薄すぎない"色（ミント #9fe3c9・クリーム #ffe9a8・ペールピンク #ffc4d0 くらいの濃さ）。暗い夜・黒背景・濃い霧は禁止。ただし白く飛ばさない＝露出（toneMappingExposure）は 1.0〜1.1、環境光は HemisphereLight 強度1.2＋太陽の方向光（影あり・影は柔らかく）。完成後に自分でスクショを見て「白っぽく飛んでいる／コントラストが無い」と感じたら露出を下げ・色を濃くしてから完成と言う
・トゥーン調＝MeshToonMaterial＋全ての物に濃い色の縁取り（EdgesGeometry か背面法の黒〜こげ茶の輪郭線）。輪郭があるだけで"ゲームっぽく"見える。建物は色面＋白い窓＋原色の屋根・看板・日よけ、区画ごとに主色を変える（赤の区画／青の区画／黄の区画）
・"にぎやかさ"の最低ライン＝街に次の小物を必ず置く：街灯・ベンチ・丸い木（3色）・ふわふわ雲（空をゆっくり流れる）・鳥（2〜3羽が旋回）・回るコイン・噴水（水の粒子）・信号機・看板。何も置かれていない広い平面を作らない
・主人公は「丸い胴体＋頭＋大きな目＋口＋腕＋足（または耳・しっぽ）」の6パーツ以上で、画面の高さの1/5以上の大きさ。待機中も上下にゆれ・まばたき・歩くと腕が振れて足が動く・能力発動でポーズをとる
・カメラは主人公の斜め後ろ上（見下ろし約35度・主人公が大きく見える近さ）で滑らかに追従。プレイヤーがカメラを回す操作は付けない
・タイトル画面を必ず付ける＝作品名（大きな丸ゴシック・縁取り）＋「▶ はじめる」の大きなボタン＋操作説明2行。押すと画面が明転してゲーム開始
・画面の文字は「操作説明2行・コア0/3・ハート・タイマー・区画の矢印」だけ。建物や道路に小さな名前札を付けない
【操作＝1つだけ（クリックで歩く）＋大きな能力ボタン】
・移動＝地面をクリック（タップ）すると、そこまで主人公が自動で歩く。行き先に光る目印を出し、到着したら消す。壁は自動で避ける
・特殊能力＝画面下中央の大きな丸ボタン（直径90px以上・テーマ名つき・例「⏱ 時間を止める」）を押すと5秒間だけ発動。ボタンに残り時間のゲージ。使い終わると3秒で回復（ゲージで見せる）
・操作説明は画面左上に常時「地面をクリックで歩く／下の丸ボタンで能力」の2行だけ（白地に黒文字・大きめ）。開始直後は最初に行く場所に大きな矢印と「ここをクリック」
・キーボード（WASD・Space）は使える人向けの補助として同じ動きに対応させるが、画面には書かない

【能力を使う意味が"目で見て"分かる】
・3つの区画それぞれに「能力を使わないと通れない場所」を必ず1つ置く。例＝時間停止なら、道をふさいで往復する大きなブロックや回転するファン。ぶつかると体力が1減る（体力3＝ハート表示・0でゲームオーバー→「もう一度」）
・能力を発動した瞬間に画面全体がはっきり変わる＝動いていた物が全部その場で止まって水色に染まり、画面の縁が青く光り、粒子が空中で静止する（重力切替なら画面が回転・風なら風の線）。止まっている間だけ通れることが一目で分かる

【3つの区画＝攻略するたびに"派手に"風景が変わる】
・広場を中心に色の違う3つの区画。各区画の奥に光るコアを1つ置く（常に脈打って目立つ）
・コアを取った瞬間＝①その区画の建物の窓が順番に点灯②区画のシンボル（観覧車が回り出す・噴水が上がる・電車が走り出す など大きく動く物）が動き出す③紙吹雪と「コア GET！」の大きな文字④短いカメラの揺れ。取る前と後で「一目で違う」こと
・攻略した区画の入口に大きな「✓」、未攻略の区画にはコアの方向を示す大きな矢印
・画面右上に「コア 0/3」と経過時間。3つ集めたら大きな「CLEAR!」＋花火＋街全体の窓が光る演出→クリアタイム表示→「もう一度」ボタン（最初から遊べる・ベスト記録は画面に残す）

【おもしろさ（余裕があれば・ここまで入れると"すごい"になる）】
・道にコインを並べる（各区画10枚・取ると音なしで弾けて「+1」が浮く）。コインの数もクリア画面に出す
・能力で止めた物のすぐ横をすり抜けた時に「ナイス！」を出す（ちょっとした気持ちよさ）
・クリアタイムで★1〜3の評価（例：60秒以内で★3）

【作り方の順番と自己チェック】
・まず仮の形で「クリック移動→能力→3区画攻略→クリア→もう一度」が動く版を完成させ、そのあとで色・光・粒子・アニメーションを足す
・コードはコンパクトに、全体で20分以内に完成する規模。未測定のFPSや動作環境を「できた」と言わない（確認した項目だけ報告する）
・完成前の自己チェック（結果を必ず報告）＝①ブラウザで開いてコンソールエラー0 ②開いた瞬間の画面が明るい（暗い部分が画面の2割以下）③地面をクリックすると歩いて到着する ④能力ボタンで画面全体が変わり、止まっている間だけ通れる ⑤区画を攻略するたびに風景が派手に変わる ⑥3つ集めるとクリア演出→「もう一度」で最初から遊べる ⑦画面の文字が「操作説明・コア数・ハート・矢印」だけ ⑧すべて index.html 1ファイル。1つでも未確認なら完成と言わない
・完成したら生成したHTMLファイルのパスを教えて下さい（ブラウザで開いて確認します）。開けない時のために、ファイルをダブルクリックで開く手順も1行そえて下さい

完成したら、掲示板にそのまま貼れる「掲示板コピペ用（約150字）」を必ず出力して下さい。フォーマット：
課題1-4の3Dゲームが完成しました！🕹
・どんなテーマのゲームにしたか：（1行で）
・いちばん気持ちよかった瞬間：（1行で）
・遊んでみて直したくなった所：（1行で）

そのうえで、最後に大きく「🎉 完成です！自分でも最初からクリアまで遊んでみて、画面が明るいか・クリックで歩けるか・能力ボタンで画面が変わるか・区画を攻略すると風景が派手に変わるか確認してください。確認できたら、課題ページに戻って『✅ 課題1-4 完了！』ボタンを押してください！」と私に必ず案内して下さい。

【ファイルの置き方と報告の約束（省略禁止）】①前の課題で作ったファイルは上書き・削除しないで、この課題用の新しいフォルダ（または新しいファイル名）に作り、最後に保存場所（フォルダ名とファイル名）を一覧で書いて
②アプリ内のプレビューで保存・印刷・ボタンが動かない時は故障ではないので、「いつものブラウザで開き直してください」と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」まで全部入れてください。「選択肢からお選びください」「質問を表示しました」のように選択肢の中身が無いメッセージで終えるのは禁止です。

あなたに「AI社員」を1人つくって、今日から働いてもらいます。AGI＝何でもできる魔法ではなく、「1つの業務を毎日最後まで完走する社員」です。外部サービス連携や有料APIは使わず、あなた（Codex）の機能だけで完結させて下さい。

まず質問を2回に分けて、1問ずつ私に聞いてください（1問目に私が答えてから2問目を聞く）：
質問1（選択肢で聞く）：AI社員に任せる業務はどれにしますか？　A：業界ニュースの毎朝レポート（最新情報を調べて要点3つ＋自社への影響）／B：お客様からの問い合わせ返信の下書き（よくある質問5パターン）／C：SNS投稿の毎日3本（X・Instagram向けの投稿案と画像の指示文）（改行して1行に1つずつ並べ、最後に「お任せ（あなたが決めて）」も付けて。あわせて「この3つに無い業務を自由に書いてもOKです（ご自身の仕事に合わせた業務がいちばん役に立ちます。例：仕入れ候補5選・秘書・見積もりの下書き）」と目立つようにはっきり添えて）
質問2（自由入力で聞く）：あなたの会社・商品・お客様と、AI社員の名前や性格を自由に教えてください（例：原宿のスイーツ店・20代女性向け・社員名はミナト・明るく丁寧／税理士事務所・中小企業の社長向け・社員名はサクラ・落ち着いて正確）。この質問だけは選択式にせず、「お任せ」なら、あなたが魅力的な設定を考えて先へ進めてください。
2問が終わったら、そこから先は途中の確認をせず、【雇用】→【初仕事】→【明日の呼び出し】の順で最後まで一気にやって下さい。

【雇用：AI社員の契約書＝AGENTS.md を作る】
・いまの作業フォルダに AGENTS.md を作り、次を日本語で書く：社員の名前と役割／毎日の業務手順（1→2→3の順番）／判断基準（何を優先するか・迷ったらどうするか）／やってはいけないこと（推測で事実を書かない・個人情報やお金の操作をしない・削除や上書きの前に必ず人に確認する）／報告フォーマット（日報の型）
・あわせて社員デスク desk.html（HTML1つ・白ベース・文字大きめ・localStorage保存）を作る：社員プロフィール／今日の業務ボード（やること・進行中・完了）／成果物一覧（ファイルへのリンク）／日報の履歴。人が承認する操作は「承認」ボタンつきの一覧にする

【初仕事：今日の業務を実際に1回やり切る】
・AGENTS.md の手順どおりに、あなた自身が今日の業務を実行する。最新情報が必要ならWeb検索で裏を取り、推測で書かない
・成果物を out/ に保存する（A：レポートHTML1枚／B：返信下書き5本のHTML／C：投稿案3本＋画像の指示文のHTML）
・終わったら日報（やったこと・成果物のパス・迷った点・明日の提案を各1行）を desk.html の履歴に追加し、業務ボードを「完了」に動かす
・自分の仕事を100点満点で自己採点し、点数と理由を1行で書く

【明日の呼び出し：1行で再稼働できるようにする】
・明日以降、私が「AGENTS.md を読んで今日の業務を実行して」と1行送るだけで同じ業務が回ることを確認し、その呼び出し用の1行を大きく表示する（これはチャット欄にそのまま貼って送る日本語の文です。ターミナルで実行するコマンドではないので、コマンドの形＝黒い枠では出さず、「明日はこの1行をチャット欄に貼って送ってください」と添える）
・コードは欲張らずコンパクトに、全体で15分以内に完成する規模。完成したら desk.html と成果物のパスを教えて下さい（ブラウザで開いて確認します）

完成したら、掲示板にそのまま貼れる「掲示板コピペ用（約150字）」を必ず出力して下さい。フォーマット：
課題1-5のAI社員が働きはじめました！🤖
・社員の名前と任せた業務：（1行で）
・初仕事の成果物：（1行で）
・課題1-1〜1-5をやり終えた感想：（1行で）

そのうえで、最後に大きく「🎉 完成です！課題ページに戻って『✅ 課題1-5 完了！』ボタンを押してください！」と私に必ず案内して下さい。

【ここから自動で続けるあなたの仕事（必ず実行・忘れないで）】上の🎉の案内を出したら、私の返事を待たずに、そのまま“修了の仕上げ（次の人への置き手紙）”を始めてください。
(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行目は必ず【Codex版「Claude Codeをはじめる」をやってみて】という見出し、2行目にこの課題ページのURL（ https://bbs.unikoukokun.com/kadai-ba7edfa100575572e5bc010d667163c7.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行そえてください。

【最初に読む約束・最重要】あなたの返事は「最後の1メッセージ」しか私の画面に大きく表示されません。だから私に質問する時は、途中経過や作業報告を別メッセージに分けず、必ず最後の1つのメッセージの中に、質問文と選択肢の全文（A：…／B：…／C：… を改行して1行に1つずつ）と「お任せ（あなたが決めて）」と「自由入力でもOK」まで全部入れてください。「選択肢からお選びください」「質問を表示しました」のように選択肢の中身が無いメッセージで終えるのは禁止です。

まず質問を2回に分けて、1問ずつ私に聞いてください（1問目に私が答えてから2問目を聞く）：
質問1（選択肢で聞く）：どの分野でやってみたいですか？　A：仕事の効率化／B：日常・趣味／C：家族・学び（改行して1行に1つずつ並べ、最後に「お任せ（あなたが決めて）」も付けて）
質問2（自由入力で聞く）：あなたの仕事・日常・興味のあることを、ひとことで自由に教えてください。この質問だけは選択式にせず、「お任せ」でもOKです。
2問が終わったら、そこから「Codexでやってみたいこと」の候補を3つ、番号をつけて、それぞれ「何ができて何が嬉しいか」を2〜3行で詳しく説明しながら選択肢として提案して下さい。私が番号で1つ選んだら、以降は途中の確認をせず、最後まで一気に動くものとして作って下さい。
・単一のHTMLファイルで動くもの・データはlocalStorage・日本語UI・白ベース
・サンプルデータを入れて、開いてすぐ動きが分かるように
・完成したら生成したHTMLファイルのパスを教えて下さい

★重要：1つ完成するたびに、また新しい「次にやってみたいこと」の候補を3つ、番号つきで詳しく説明しながら選択肢で提案して下さい。私が「もう終わり」と言うまで、これを何度でも繰り返して下さい（＝終わらないように、次々と新しい案を出し続けて下さい）。毎回、前に作ったものを活かした発展案も混ぜてくれると嬉しいです。

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つのメッセージの中に、質問文と選択肢の全文（A：…／B：…／C：… を改行して1行に1つずつ）と「お任せ（あなたが決めて）」と「自由入力でもOK」まで全部入れてください。「選択肢からお選びください」「質問を表示しました」のように選択肢の中身が無いメッセージで終えるのは禁止です。

私は「架空のカスタマーサポート（CS）のデータ」を3つのCSVファイルとして持っています。デスクトップの「ユニコスクール」フォルダの中に、次の3つがあります。
・customers.csv（顧客マスタ・約220行）
・inquiries.csv（問い合わせログ・約420行）
・responses.csv（対応履歴・約480行）
これはわざと「汚れた」データです（同じ人の重複、全角と半角の混在、日付の書き方がバラバラ、空欄、カテゴリの表記ゆれ、存在しないIDへの紐づけ など）。

やってほしいことは「整形（クレンジング）して、つなげて、見える化」です。途中の確認はせず、最後まで一気に進めてください。
1. 3つのファイルを読んで、どんな汚れが何件あるかを、私に分かる言葉で一覧にする（例：メールの全角が12件、日付の形式が5種類、完全な重複が20行）
2. ルールを決めて直す（メールは小文字・半角・前後の空白なし／電話は数字だけの半角／日付は 2026-01-31 形式／カテゴリと対応状況は決めた言葉に統一／重複は1つにまとめる／存在しない問い合わせIDの対応履歴は「不明」として残す）
3. 直したものを clean_customers.csv・clean_inquiries.csv・clean_responses.csv として同じフォルダに保存する
4. 3つをつなげて、1つのHTMLファイル（cs-dashboard.html）にまとめる。中身＝カテゴリ別の件数、チャネル別の件数、担当ごとの平均対応時間、満足度の平均、未対応の一覧、そして「このCSで一番改善すべき点」をAIとしての意見で3つ。白ベース・日本語・グラフは簡単でよい
5. 直す前と直した後で何が変わったか（行数・空欄の数・重複の数）を表にして、HTMLの最初に載せる

【ファイルの置き方と報告の約束（省略禁止）】①前の課題で作ったファイルは上書き・削除しないで、この課題用の新しいフォルダ（または新しいファイル名）に作り、最後に保存場所（フォルダ名とファイル名）を一覧で書いて
②アプリ内のプレビューで保存・印刷・ボタンが動かない時は故障ではないので、「いつものブラウザで開き直してください」と1行で案内して
③完成報告は「実際に動かして確認できた項目」と「まだ確認していない項目」を分けて書いて（途中で表示が崩れたり動かなかったりしたら、私はそのまま日本語で伝えるだけでよい＝原因は私に調べさせない）

【完成したら必ずやること（省略禁止）】①作った cs-dashboard.html を私のブラウザで自動で開いて（Mac: open ファイル名／Windows: start ファイル名 を実行）。開けない時は「デスクトップ→ユニコスクール→cs-dashboard.html をダブルクリックで開けます」と1行で書いて
②触って確かめる項目を1〜2個だけ書いて（例：カテゴリ別の件数が一覧の合計と合っている）
③最後に必ず「課題ページに戻って『✅ おまけ完了！』ボタンを押してください」と書いて（ここまで書いて初めて完成です）

※出力の約束＝太字マーク（**）などの装飾記号は使わない（記号がそのまま見えて読みにくいため）。もし私に質問する時は、必ず A / B / C の選択肢を改行して1行に1つずつ並べ、最後に「お任せ（あなたが決めて）」を足して（「お任せ」なら、あなたがベストを選んで先へ進めて）。それに加えて毎回はっきり「自由入力でもOK（思いついた言葉をそのまま書いてください）」も添えて。自由入力が来たら A / B / C / お任せ より優先して。「お任せ」が来たら、あなたがベストな案を選んで先へ進めてください。URLを案内する時は、丸カッコや句読点で囲まず単独行に書いてください。英語の画面が出たら、日本語訳を1行そえてください。