小学校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: 構成する部首の配列

例：

{
  "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: 大きなボタンとわかりやすいアイコン
• カラフルな配色: 楽しさを演出する明るい色使い
• アニメーション: 正解・不正解時の楽しい動作
• 直感的操作: シンプルでわかりやすいインターフェース

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

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

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

Made with ❤️ for elementary school students learning kanji