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

Codex を使える状態にする（ChatGPT課金＋インストール）

スタートです！OpenAI の Codex（コーデックス）を自分のパソコンで使える状態にします。
⚠️ Codex版はβ＝ターミナル（黒い画面）を少しだけ使います。むずかしければ無理せず 🟣 Claude Code版（メイン） で進めてOKです。

1. ChatGPT のアカウントを作成🌐 アカウントを作る（chatgpt.com を開く）「Continue with Google」で、ふだん使っている Google アカウントを選ぶだけでOK。
   ※すでに ChatGPT を使っている人は、このステップは飛ばしてOKです。
2. ChatGPT Plus に課金ChatGPT の画面左下の「プランをアップグレード」から、1番安い有料プラン（Plus・月約20ドル）をクレジットカードで決済。
   ※これは ChatGPT／Codex（ツール）自体の利用料です。
   🔑 課金しないと Codex は使えません。無料プランのままでは動かないので、必ず Plus 以上に課金してください。
3. Node.js を入れる（Codex の土台・入っていない人だけ）📦 Node.js を入れる（nodejs.org を開く）緑色の「LTS（推奨版）」をダウンロード → インストーラを「次へ」連打で入れるだけ（Mac／Windows 共通）。
4. ターミナル（黒い画面）を開いて、Codex をインストール🍎 Mac：⌘+スペース →「ターミナル」と打って Enter。
   🪟 Windows：スタート（⊞）→「PowerShell」と打って Enter。
   開いた黒い画面に、下の1行を貼り付けて Enter：
   📋 インストールコマンド（1行）📋 コピーする

   npm install -g @openai/codex

   文字がいろいろ流れて、止まればインストール完了です。エラーが出たら、その画面のスクショ（できるだけ画面全体）を添えて下の「📸 スクショで相談」へ。
5. Codex を起動してログイン同じ黒い画面に、下の1行を貼り付けて Enter：
   📋 起動コマンド📋 コピーする

   codex

   初回はログインを聞かれるので「Sign in with ChatGPT」を選ぶ → ブラウザが開くので ChatGPT アカウントでログイン。これで準備完了です！

はじめての開発：シューティングゲームを作る

作業フォルダを用意して、Codex で最初の開発を体験します。まず準備（1回だけ）を順番にして、いちばん最後にプロンプトを送るとゲームが完成します。

まず準備（1回だけ）

1. 作業フォルダ作成デスクトップか書類フォルダに「ユニコスクール」という名前のフォルダを作る。
2. ターミナルで作業フォルダに移動ターミナル（Mac）／PowerShell（Windows）に cd と半角スペースを打つ →「ユニコスクール」フォルダをそのまま黒い画面にドラッグ＆ドロップ → Enter。
   💡 これで「このフォルダの中で作業して」という意味になります。
3. Codex を起動同じ画面で codex と打って Enter（課題1-1でログイン済みなら、すぐチャットが始まります）。
   💡 途中で「実行していい？」のような確認が出たら、y → Enter で許可すればOKです。
4. いちばん最後に：プロンプトを送信して開発！準備ができたら、下のプロンプトを貼り付けて送信します。
   📋 課題1-2のプロンプト📋 コピーする

   HTMLファイル1つで動くシューティングゲームを作って下さい。ライブラリや外部ファイルは使わず、素のHTML＋JavaScript（Canvas）だけで、コードは欲張らずコンパクトに、10分以内に完成する規模でお願いします。途中で確認せず一気に完成まで進めて下さい。
   ・自機を動かして敵を撃って倒す・スコアと残機を表示・時間とともに敵がだんだん速く/多くなる
   ・ゲームオーバー画面と「もう一度あそぶ」ボタン
   ・操作は矢印キー＋スペース（画面内に操作説明も表示）
   ・タブを裏に回して戻っても固まらないよう、画面が見えない間は自動でポーズし戻ったら再開する
   デザインはネオン系でかっこよく。完成したら生成したHTMLファイルのパスを教えて下さい（ブラウザで開いて確認します）。
   
   すべて完成したら、掲示板にそのまま貼れる「掲示板コピペ用（約150字）」を必ず出力して下さい。フォーマット：
   課題1-2のゲームが完成しました！🎮
   ・作ったゲーム：（1行で）
   ・独自要素／こだわり：（1行で）
   
   そのうえで、最後に大きく「🎉 完成です！ゲームは開いたタブを最前面にしたまま遊んで確認してください → 課題ページに戻って『✅ 課題1-2 完了！』ボタンを押して、上のコピペ用をスレッドに投稿してきてください！」と私に必ず案内して下さい。

   🚀 もっと派手にしたい人へ（完成後の追撃プロンプト）押して開く

   📋 パワーアップ版（ゲーム完成後にそのまま貼る）📋 コピーする

   このゲームをパワーアップして下さい！途中で質問せず一気に：
   ・タイトル画面とステージ1〜3＋ボス戦・動きの違う敵3種類以上
   ・パワーアップアイテム（ショット強化・シールド等）と派手な爆発エフェクト
   ・コンボ表示・ハイスコア保存（localStorage）・WebAudioで効果音とBGM（外部通信なし）
   最後にあなたのアイデアで独自要素を1つ。完成したら生成したHTMLファイルのパスを教えて下さい。

   ※ まず軽い版で「動いた！」を体験→物足りなくなったらこれを貼るだけ。時間内に終わらなくても、あとでゆっくりでOKです。

ホームページを作る

簡単にホームページが完成します。下の [ ] の中身を自分の作りたい内容に置き換えて、プロンプト全体をそのまま貼り付けてください。
🔁 新しいチャットは不要＝課題1-2と同じ Codex の続きに貼ればOK（前に作ったものを Codex が覚えているのでスムーズです）。

これから会社やお店のホームページ（1ページのLP）を作ります。まず「どんなホームページを作りたいか」を私に1つだけ質問して下さい（例：原宿で1番大きいTikTokでバズっているスイーツのお店）。私が答えたら、途中の確認をせず最後まで一気に作って下さい。
・最初にデザイン方針を短くまとめる（配色・トーン・並べるセクション）→ その方針に沿ってセクションごとに実装
・白ベースで文字は大きめ、スマホでも崩れないレスポンシブに
・ヘッダー／ヒーロー／特徴／メニューや商品／お客様の声／お問い合わせ など必要なセクションを揃える
完成したら生成したHTMLファイルのパスを教えて下さい。

完成したら、掲示板にそのまま貼れる「掲示板コピペ用（約150字）」を必ず出力して下さい。フォーマット：
課題1-3のホームページが完成しました！🌐
・何を作ったか：（1行で）
・完成後に追加で依頼した内容：（1行で）

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

業務効率化ツールを作る（HPの裏側）

課題1-3で作ったホームページの 裏側のシステム（業務効率化ツール） を作ります。下のプロンプトを そのままコピペ で送信すればOKです（フロント＝見た目に続いて、裏側＝仕組みが動くモックになります）。
🔁 新しいチャットは不要＝課題1-3と同じ Codex の続きに貼ればOK（作ったホームページを Codex が覚えているのでスムーズです）。

先ほど作ったホームページの「裏側の業務システム」を、モック（見た目だけ動く試作）として作って下さい。外部サービス連携は行わず、単一のHTMLファイルで動くものにして下さい。途中で確認せず一気に完成まで。
・データはブラウザのlocalStorageに保存・日本語UI・白ベース
・タブ切り替えで複数の画面（一覧／登録／集計 など）を持つダッシュボード形式
・サンプルデータを5〜15件入れて、開いてすぐ動きが分かるように
・「凄い！」と思える業務効率化ツールのイメージに（まず動くモック優先・作り込みは後でOK）
完成したら生成したHTMLファイルのパスを教えて下さい。

完成したら、掲示板にそのまま貼れる「掲示板コピペ用（約150字）」を必ず出力して下さい。フォーマット：
課題1-4の業務効率化ツールが完成しました！🛠
・どのようなシステムか：（1行で）
・課題1-1〜1-4をやり終えた感想：（1行で）

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

💡 テーマは課題1-3で作ったホームページと絡めたものにするのがおすすめです。表（見た目＝課題1-3のHP）→ 裏側（仕組み＝課題1-4のシステム）が一気通貫でつながり、グッとリアルなサービスになります。

🎁 おまけ課題：Codexで「やってみたいこと」を自由に投稿しよう

最後はおまけ（自由参加・進捗には数えません）。下のプロンプトを貼ると質問が3つ→答えるだけで、あなたの“やってみたいこと”が高度なシステムとして組み上がりはじめます（途中の確認なし）。

💡 思いつかなくてもOK＝質問に答えるうちに見つかります👇

まず、私に質問を3つだけして下さい（仕事・日常・興味のあること）。私が答えたら、そこから「Codexでやってみたいこと」を1つ決めて、以降は途中の確認をせず、最後まで一気に動くものとして作って下さい（いまセミナー中なので、選択肢を出さずに最善をあなたが選んで進めて下さい）。
・まず何を作るかの方針を短くまとめる → それに沿って一気に実装
・単一のHTMLファイルで動くもの・データはlocalStorage・日本語UI・白ベース
・サンプルデータを入れて、開いてすぐ動きが分かるように
完成したら生成したHTMLファイルのパスを教えて下さい。

完成したら、掲示板にそのまま貼れる「掲示板コピペ用（約150字）」を必ず出力して下さい。フォーマット：
【やってみたいこと宣言】（1〜2行）
【できたもの報告】（1〜2行）

そのうえで、最後に大きく「🎉 完成です！課題ページに戻って『✅ おまけ完了！』ボタンを押して、上のコピペ用をスレッドに投稿してきてください！」と私に必ず案内して下さい。

🎓 まとめ：この課題の本当の狙い（むずかしくない、でOK）

ほとんどコピペだけ——それでいいんです。ツールが Claude Code でも Codex でも、伝えたいことは同じです。

• 🤖 AIが勝手に質問に答えてくれた＝こちらは「ああでもない、こうでもない」と会話するだけ。ゲームもHPも裏側のシステムも、勝手にどんどんアップデートしていきます。
• 🔧 慣れが要るのは初期設定まで（アカウント・課金・インストール・フォルダ指定）。初期設定が終われば、あとは何もないんです。
• 🧠 大事なのは想像力・全体理解——「どうやってビジネスが進むか」「どんなワークフローがいいか」。どのツールが優れているかより、その上で何を作るかが本質です（Claude Code か Codex かは、iPhone か Android かと同じOS層の話）。

👉 もし今日中に課題1-4まで終わらなくても大丈夫。#ユニコスクールでは毎月50時間以上のサポート放送があり、そこで一緒に進められます。