Codexで子ども向け立体図形学習ゲームを開発・公開する工程

Codexを活用し、子ども向けの立体図形学習ゲームを企画から公開まで開発する過程を紹介します。企画の背景や設計書の作成、AIコーディングエージェントへの指示、自動テストや動作検証の様子を追いながら、AIがどこまで開発を自律的に進めるかを確認します。

■ 企画と設計
- 立方体の展開図を復習する自学習アプリを、iPad・スマホのブラウザで遊べる形で企画
- ログイン不要、レスポンシブ対応、学習履歴はローカルストレージに保存する構成を設計
- APIやバックエンドを使わず、静的ホスティングで公開する方針を確認

■ Codexによる開発と検証
- 設計書をもとにCodexへゲーム開発を指示し、ローカル環境で動作を確認
- 自動テストの生成や、画面サイズ・操作・正解判定をAIが確認するフィードバックループを観察
- 公開作業中のエラーをAIが自己修正する様子や、静的ホスティング機能の利用を紹介

■ 技術的な補足
- フロントエンドとバックエンド、API、GitHub Pages・Vercel・Netlifyなどの静的ホスティングの役割を解説
- React、TypeScript、Vite、CSS、Three.jsなどの技術スタックをAIに任せる判断に触れる

AIコーディングエージェントを使った小規模アプリ開発に関心がある方、設計から公開までの流れを短時間で把握したい方に適しています。視聴後には、Codexへ依頼する際の設計書の重要性や、自動検証・公開までの一連の流れを理解する手がかりが得られます。