HTMLとCSS、JavaScriptでシンプルなタイピング練習ゲームを作りました。
インストール不要でブラウザから動作し、シンプルで読み込みが早いことを目指しました。
1. AIプログラミングで工夫した点（仕様書とファイル構成）
Claude 3.5 Sonnetで作成していったのですが、すぐにチャットの文字数上限になってしまいます。
続きをプログラムしようにも、一からやり直しになってしまいます。
そこで、チャット上限に近づいたら、「プログラム仕様書とファイル構成」を.mdで生成させるようにしました。
ここまでの成果を仕様書にまとめて、ファイル構成も示してください。.md形式で。
次のチャットでは膀胱でまず、仕様書ファイルを渡します。
それから、必要なタイミングで修正予定の.jsファイルなどを個々に渡すようにしました。
以下のタイピングゲームを作っています。
これから修正していくので、よろしくお願いします。
AIがプログラムの全体像を把握してから続きの質問に答えるので、とんちんかんな答えが減ります。
新しいチャットでも継続して作業できるわけです。
仕様書だけでなくファイル構成を教えると、AIも重複するコードを生成しなくて済むようになるので、進捗がよかったです。
2. そのほか
タイピングゲームの効果音には、茶軸のタイプ音を使いました。
こちらもどうぞ。
QRコードを読み込むと、関連記事を確認できます。
