ChatGPT・Gemini・チャットのClaudeと、Claude Codeの違いを、同じお願いで見比べる。

自己紹介ページを、HTML1枚で作ってください。
名前はニックネーム・好きなこと3つ・色はおまかせ。中身は仮でかまいません。
完成したら、それを私のパソコンのブラウザで開いて見るには何をすればいいか、手順も教えてください。

自己紹介ページを、HTML1枚で作ってください。
名前はニックネーム・好きなこと3つ・色はおまかせ。中身は仮でかまいません。
完成したら、それを私のパソコンのブラウザで開いて見るには何をすればいいか、手順も教えてください。

この課題（2-1 ChatGPT・Gemini・チャットのClaudeと、Claude Codeの違いを、同じお願いで見比べる）の仕上げです。
【1】→【2】→【3】の順で。

【1】まず、聞く前に「さっき同じお願いを、チャットAIとこのClaude Codeの2つに投げましたね。その体験について、2問だけ（1問ずつ）聞きます」と1行で前置きしてから、私の体験を1問ずつ2問だけ聞いて：
1問目「さっき同じお願いをチャットAI（ChatGPT・Gemini・チャットのClaudeのどれか）にも投げました。返ってきた物は何でしたか？」
2問目「このClaude Codeに投げた時と、何が違いましたか？」
私の答えが短くても、そのまま受け取って先へ進めて

【2】（【1】が終わったら）私の答えを使って、違いの地図「ai-chigai.html」を1枚作って：
・一番上に「今日の実体験」＝使ったお願い文／チャットAI側で起きたこと／Claude Code側で起きたこと（私の言葉のまま）
・真ん中に3観点の比較表＝やること／成果物の残り方／得意な場面（チャットAIとClaude Codeの2列）
・「同じ発想の道具」も1行＝ChatGPT（OpenAI）にはCodex、Gemini（Google）にはAntigravity、Claude（Anthropic）にはClaude Code。正式名称で書いて
・一番下に「私の使い分け」＝「聞くだけ→◯◯／形に残す→◯◯」を、私に1回確認してから私の言葉で1行入れて
・外部読み込みなし・ダブルクリックで開ける1ファイルで作り、できたらブラウザで開いて見せて（クラウド等で開けない環境なら、保存場所と開き方の案内1行でOK）

その前に理解チェック（合格するまで✉️次の人への置き手紙は出さない）：この課題でやったことから、選択式（A/B/C。各選択肢は必ず「・A：」「・B：」「・C：」を改行し、「A.」形式は使わない）のクイズを2問→自由記述（自分の言葉で説明する問題）を1問、1問ずつ出して。問題文や選択肢に、答えがそのまま分かる文（コピペ内の題材説明の文など）を書き写さないで＝答えは私が自分で考えて書くもの。1問出すたびに必ず出力を止めて、私が答えるのを待って（私の答えをあなたが書かない・user／system などの行を自分で出力しない・私の回答が届く前に採点を始めない）。選択式の正解の位置は、毎回A/B/Cにランダムに散らして（いつもAを正解にしない）。答え終わったら100点満点で採点し、点数と理由を短く伝えて。70点以上で合格→✉️次の人への置き手紙へ進む。70点未満なら、間違えた所をやさしく解説してから別の問題でもう一度（何回でも・責めない）。このクイズの選択肢には「お任せ」を付けない（自分で答えるテストのため）。クイズの題材は、手順の暗記でなく「チャットAIとClaude Codeの違い・使い分け・成果物の残り方」にして
クイズでコマンド名の暗記は問わないで（コマンドは覚えなくていい・打つのはAIなので）。出すのは、この課題ページで実際にやったこと・なぜそうするのか・どう使い分けるか、から。自由記述の1問は「この課題でどういうことを学んだか（できるようになったこと・分かったこと）＋自分の仕事・普段の作業ならどこで使えるか」を自分の言葉で書く問題にして（「なぜうまくいったと思いますか」のような理屈を問う聞き方はしない＝答えづらい）
合格したら、✉️次の人への置き手紙を出す前に必ず1問だけ自由入力で聞いて：「最後に、この課題ページで分かりづらかった所・直してほしい所はありませんでしたか？（課題の改善点を教えてほしい）（1行でもOK・思いつかなければ『特になし』でOK）」。この質問だけはA〜Eの選択式にしない（あなた自身の言葉が欲しいため）。質問を出したら、そこで必ず出力を止めて私の返事を待つ（私の答えをあなたが書かない・user／system などの行を自分で出力しない。置き手紙は私の2つの返事が届いてから書き始める）。もらった言葉は、✉️次の人への置き手紙の最後に「💬 課題ページへの改善案：」の行として原文のまま入れて（『特になし』なら省略OK）。つづけてもう1問だけ自由入力で聞いて：「この課題をこれからやる次の生徒へ、一言お願いします（1行でもOK）」。この質問も選択式にしない。もらった言葉は、✉️次の人への置き手紙のいちばん最後に「💬 次の生徒へ：」の行として原文のまま入れて（メモの最終行＝改善案の行より後ろ）
【3】※必ず：続けて「✉️次の人への置き手紙」＝ やった課題（2-1 ChatGPT・Gemini・チャットのClaudeと、Claude Codeの違いを、同じお願いで見比べる）／どのチャットAIと比べたか／同じお願いで何が違ったか（自分の言葉で）／意外だったこと・つまずき→解決／この課題ページの直してほしい所・分かりづらかった所（改善案） を、
チャットからそのままコピペできる1つのテキストブロックで出力して。メモに他人の実名や個人情報は書かないで（公開掲示板に貼るため）。
メモを体験談として読み応えのある長さ（8〜12行・多くなってもOK）で。実際に使った正しいURLのまとめ／案内と実際が違った画面や場所／エラー文・ボタン名・かかったクレジットや金額の数値、は要約で削ぎ落とさず必ず残して（次の人と、課題ページのアップデートに一番効く一次情報）で出力し、
最後に「このメモをコピーして、課題ページ最後の『✉️次の人への置き手紙を書いて完了』に貼れば修了です🎉」と締めて

《共通ルール》