概要
• 言葉（魔法）と言葉（動物）を合体させて、英語を学ぶゲーム
• 使った技術（React / Vite / Web Speech API）
制作理由
• 子供は真面目に覚えるだけだと、楽しみを見出せないこともあるものと痛感。学習しながら英単語が楽しくかつ記憶に残ったら、生涯の財産になってくれる。
大変だったところ
• レスポンシブ対応。スマホで遊ぶことを念頭に考えると今一度このアプリで何がしたかったか（発音なのか絵なのか）を考え直しました。
• 画面を縮めるのではなく、スマホでどう遊ぶのが楽しいのか。
♯振り返り：写経の段位
• 最初に練習で別のアプリを作った時、コードの意味が分からずほぼ写経の状態。慣れない中なものの、何度か書くを繰り返す中で、StateやPropsのロジックが腑に落ちた。
♯チャレンジしたいこと
アプリ内のゲーム要素を強める。
音の発生タイミングが、難しい。ページ遷移した瞬間と、合体した瞬間読ませる仕様を変更するか。
♯URL (click me)
https://silly-dusk-82a984.netlify.app/
本記事で紹介しているアイデア、画像、およびソースコードの無断転載・商用利用は固くお断りいたします。