漢字メーカー - 小学校1〜6年生向け学習アプリ

小学校1年生から6年生で習う漢字を「へん」と「つくり」の組み合わせで学習するインタラクティブなWebアプリケーション「漢字メーカー」です。

🎯 概要

「漢字メーカー」は、小学校1年生から6年生が習う漢字を学年別に選択して学べる教育ゲームです。ひらがなで表示された読み方から、正しい「へん」と「つくり」を選んで漢字を完成させるパズル形式になっています。各学年の学習漢字数： - 1年生：80字 - 2年生：160字
- 3年生：200字 - 4年生：202字 - 5年生：193字 - 6年生：191字

🌟 特徴

• 学年別学習: 1年生から6年生まで、学年に応じた漢字を選択して学習
• レベル切り替え: 簡単に学年を変更して難易度調整が可能
• インタラクティブな学習: ゲーム感覚で漢字の構造を理解
• 部首の理解: 漢字を構成する「へん」と「つくり」の関係を学習
• 即座のフィードバック: 正解・不正解の即座の判定とわかりやすい表示
• 学年別進捗管理: 各学年ごとに学習記録を個別に保存・管理
• レスポンシブデザイン: スマートフォンやタブレットでも利用可能

🚀 使い方

1. ブラウザで index.html を開きます
2. ページ上部で学習したい学年を選択します
3. 表示されたひらがなの読み方を確認します
4. 「へん」（左側）と「つくり」（右側）の部首を選択します
5. 「答えを確認」ボタンを押して正解をチェックします
6. 学年を切り替えていろいろなレベルの漢字に挑戦できます

📁 ファイル構成

hanai-hackathon/ ├── README.md ├── data/ │ ├── grade1_kanji.json # 小学1年生の漢字データ │ ├── grade2_kanji.json # 小学2年生の漢字データ │ ├── grade3_kanji.json # 小学3年生の漢字データ │ ├── grade4_kanji.json # 小学4年生の漢字データ │ ├── grade5_kanji.json # 小学5年生の漢字データ │ └── grade6_kanji.json # 小学6年生の漢字データ ├── index.html # メインHTMLファイル ├── styles.css # スタイルシート └── script.js # ゲームロジック

📚 漢字データ

各学年の漢字データファイル（data/grade1_kanji.json～data/grade6_kanji.json）には以下の情報が含まれています：

• kanji: 漢字
• reading: ひらがなの読み方
• meaning: 意味（英語）
• radicals: 構成する部首の配列

例： json { "kanji": "安", "reading": "やすい", "meaning": "peaceful, cheap", "radicals": ["宀", "女"] }

🎮 ゲームの流れ

1. 学年選択: ページ上部で学習したい学年を選択
2. 問題表示: 選択した学年の漢字がひらがなで読み方と意味が表示される
3. 部首選択: 複数の選択肢から正しい「へん」と「つくり」を選ぶ
4. 答え合わせ: 正解・不正解の判定と正しい漢字の表示
5. 継続学習: 学年を切り替えてさまざまなレベルの漢字を学習
6. 進捗確認: 各学年別に学習進捗を個別に管理・確認

🛠 技術仕様

• HTML5: セマンティックなマークアップ
• CSS3: レスポンシブデザイン、アニメーション
• JavaScript (ES6+): ゲームロジック、非同期処理
• JSON: 漢字データの管理

📱 対応環境

• デスクトップ: Chrome, Firefox, Safari, Edge
• モバイル: iOS Safari, Android Chrome
• タブレット: iPad, Android タブレット

🎯 学習効果

• 漢字の構造理解: 部首の組み合わせで漢字ができることを体験
• 視覚的記憶: 部首のパターンを視覚的に記憶
• 反復学習: ゲーム形式で楽しみながら反復練習
• 即座の確認: 間違いをすぐに確認して正しい知識を定着

🔧 カスタマイズ

学年データの追加

各学年のdata/grade*_kanji.jsonファイルに新しい漢字エントリを追加することで、学習対象を拡張できます。

学年の追加

新しい学年を追加する場合は： 1. data/grade*_kanji.jsonファイルを作成 2. HTMLの学年選択オプションに追加 3. JavaScriptの学年処理ロジックを更新

スタイルの変更

styles.cssを編集することで、見た目やアニメーションをカスタマイズできます。

🎨 デザインコンセプト

• 子供向けUI: 大きなボタンとわかりやすいアイコン
• カラフルな配色: 楽しさを演出する明るい色使い
• アニメーション: 正解・不正解時の楽しい動作
• 直感的操作: シンプルでわかりやすいインターフェース

🚀 今後の拡張予定

• [x] 全学年の漢字対応（1〜6年生）
• [x] 学年別進捗管理機能
• [ ] 音読み・訓読みクイズモード
• [ ] 漢字の書き順表示機能
• [ ] 複数学年の混合モード
• [ ] 学習統計・分析機能
• [ ] 学習目標設定機能

📄 ライセンス

このプロジェクトは教育目的で作成されており、自由にご利用いただけます。

🤝 貢献

バグの報告や機能の提案は大歓迎です。Issueを作成するか、プルリクエストをお送りください。

Made with ❤️ for elementary school students learning kanji