
PWAアプリ制作(タイピング×漢字学習)
タイピング×英単語学習PWAアプリを日本語学習者向けにアレンジし、
JLPT N5〜N1の漢字を、読み方(ひらがな)をタイピングして覚える
学習ゲームです。
使用技術:HTML / CSS / JavaScript(バックエンド・API不使用)、PWA対応
制作期間:4時間
できること・工夫した点
・JLPT N5〜N1の5段階でレベルを選択し、漢字の読み方をひらがなで
タイピングして回答 IME(日本語入力変換)に対応し、変換確定と
回答送信のキー操作が衝突しないよう実装
・正解時に漢字・読み方・英語と日本語の意味・例文を表示
・効果音・BGMを追加し、ゲーム感覚で楽しく学べるように演出
・レベルごと・全体でのベストスコアをlocalStorageに保存
・語彙は「JLPTレベルを参考に自作した単語リスト」であることを明記
(漢字自体の難易度も精査)
・PWA化(manifest.json・Service Worker)により、ホーム画面への追加・
オフライン起動に対応