Claude3.7 Sonnet で7才用のタイピングゲームをつくってみた

Claude3.7 Sonnet で7才用のタイピングゲームをつくってみた

タイピングゲームをつくる

はじめて Claudeを使ってみました。勉強のため、記録しておきます。
[できたゲームはコチラ]

シンプルな形

kiriimo8
タイピングの練習をサイトでする。wordpressに貼るのでHTMLで作って。対象は7歳。出題は苦手な単語を指定したいので、親が出題を変更できるようにしたい。タイピングを正解したら、褒めて。間違ったらわかりやすく指摘して。

Claude3.7 Sonnet

HTMLでタイピング練習ゲームを作成します。7歳のお子さん向けで、親御さんが単語を変更できる機能も含めます。

子供向けタイピング練習ゲーム

このタイピング練習ゲームには以下の機能があります:

子供に優しいデザイン
明るい色使いと大きなフォントサイズで7歳のお子さんでも使いやすい
シンプルな操作性

親向け機能
画面下部の「おとうさん・おかあさんようの設定」ボタンから管理パネルを表示
お子さんが練習すべき苦手な単語を自由に設定可能
カンマ区切りで複数の単語を登録できる
単語はブラウザのローカルストレージに保存され、次回も使える

ゲーム機能
タイピングが正解すると褒めるメッセージと軽いアニメーション効果
間違えた場合は正解を表示して次のチャレンジを促す
正解率を表示し、モチベーション維持をサポート
WordPressに貼り付ける場合は、HTMLブロックを使用して上記のコードをそのまま貼り付けることができます。お子さんの成長に合わせて単語リストを簡単に変更できるので、長く使えるタイピング練習ツールになると思います。

子ども向けにしたい

kiriimo8
修正箇所
・ローマ字を理解していないのでヒントが欲しい
・ホームポジションなどを意識し、指がわかりやすくしたい。
・親の設定で子どもの名前を指定し、呼びかけてやる気アップ

Claude3.7 Sonnet
ご指摘ありがとうございます。ローマ字のヒント表示、ホームポジションの視覚化、そして子どもの名前を呼びかける機能を追加します。

今後の課題

途中で、コードが切れたので、最初にできたやつが一番良いできでした。精進します。