かずのくに— 幼児かず学習ツール
🔢 かずのくに — 幼児かず学習ツール 詳細説明書
「かずのくに」は、3〜6歳程度の幼児を主な対象とした、数の概念を楽しく学べるオールインワン学習ツールです。単一のHTMLファイルで動作し、インストール不要、インターネット接続も不要(音声読み上げ機能を除く)で、スマートフォン・タブレット・パソコンのブラウザからすぐに使えます。
ひらがな表記を中心とした優しいUIと、カラフルなアニメーション、効果音、音声読み上げにより、文字が読めない年齢のお子さまでも保護者と一緒に直感的に操作できるよう設計されています。
4つの学習モード
1. 🔢 かずをおぼえよう(数の認識)
1から99までの数字を一つずつ表示し、視覚・聴覚の両面から数の概念を定着させるモードです。
画面中央に大きく表示される数字をタップすると、日本語の音声で読み上げられます。数字の下にはひらがな読み(例:「さんじゅうに」)と英語表記(例:「thirty-two」)が併記され、自然と多言語への触れ合いも生まれます。さらにその下には、数に対応した個数のカラフルなドットが表示されるため、数字と量の対応関係を視覚的に理解できます。
「‹」「›」ボタンで前後の数に移動でき、キーボードの左右矢印キーにも対応しています。画面下部には1〜99の数字一覧グリッドがあり、任意の数字をタップして直接ジャンプすることもできます。一度学習した数字は緑色でマークされ、画面上部のプログレスバーで全体の進捗が一目で分かります。数字をダブルタップするとランダムな数字に飛ぶ機能もあり、飽きずに繰り返し学習できます。
2. 🧮 たしざん・ひきざん(四則演算の基礎)
足し算と引き算の問題がランダムに出題され、テンキー型の入力パッドで回答するモードです。
3つの出題モードを切り替えられます。「たしざん」は足し算のみ、「ひきざん」は引き算のみ、「まぜこぜ」は両方がランダムに出題されます。難易度も3段階で、「かんたん」は1〜5の範囲、「ふつう」は1〜10、「むずかしい」は1〜20の範囲から出題されます。引き算では答えが負の数にならないよう自動調整されるため、幼児でも安心して取り組めます。
問題にはカラフルな絵文字を使ったビジュアルヒントが表示されます。足し算では左右に分かれたグループのドットが表示され、引き算では取り除かれるぶんが×印で示されるため、演算の意味を直感的に理解できます。
正解すると星がもらえ、3回連続正解で2つ、5回連続で3つの星がもらえるボーナスシステムがあります。5連続正解時には画面に花火が打ち上がります。正解数・不正解数・連続正解数がリアルタイムで画面上部に表示され、モチベーションの維持に役立ちます。正解後は1.8秒で自動的に次の問題へ進みます。
3. 🛒 おかいもの(お金の計算)
りんごやケーキなど15種類の商品から欲しいものを選び、硬貨を使って支払いを行う、実践的なお金の学習モードです。
学習の流れは以下の通りです。まず商品をタップしてカゴに入れます。同じ商品を複数個入れることもでき、カゴには個数と小計が表示されます。商品をカゴから外すこともできます。次に「おかねをだそう」エリアで、1円・5円・10円・50円・100円・500円の硬貨ボタンをタップして支払いに使う硬貨を選びます。硬貨をタップするとお財布から支払いエリアに移動し、お財布の残高がリアルタイムで減ります。間違えて出した硬貨はタップして戻すことも、「もどす」ボタンで一括で戻すこともできます。
画面には「だしたおかね」「おかいものごうけい」「おつり」がリアルタイムで計算・表示されます。支払い額が足りない場合は「あと¥○○たりないよ」と赤字で表示され、購入ボタンは無効化されます。支払い額が合計額以上になると購入ボタンが有効になり、押すと購入が成立します。おつりは自動的にお財布に戻され、レシートが表示されます。おつりなしのぴったり支払いに成功するとボーナス星がもらえます。
お財布の残高が不足したら「おこづかいをもらう」ボタンで500円を追加できます。
4. 📊 かず100ひょう(数の俯瞰)
1から99までの数字を10×10に近いグリッド状に並べた一覧表です。数のパターンや規則性を視覚的に発見する助けとなります。
5つの表示モードがあります。「ぜんぶ」は偶数・奇数・5の倍数・10の倍数がそれぞれ異なる色で塗り分けられます。「ぐうすう」は偶数のみ、「きすう」は奇数のみ、「5のだん」は5の倍数のみ、「10のだん」は10の倍数のみが色付きで強調されます。各数字をタップすると音声で読み上げられます。
画面下部には範囲読み上げボタンがあり、1〜10、11〜20、1〜99を順番に自動読み上げできます。読み上げ中は該当のセルがハイライトされ、自動スクロールで追従するため、数を「見ながら聞く」体験ができます。読み上げ中にボタンを再度タップすると停止します。
ゲーミフィケーション要素
学習を継続するモチベーションとして、以下の仕組みが組み込まれています。
星(スター)システムでは、数字を新しく覚えるたびに1つ、計算を正解するたびに1〜3つ、お買い物を成功させるたびに2つ(ぴったり払いで追加1つ)の星が加算されます。累計の星数はヘッダーに常時表示されます。
実績(アチーブメント)システムでは、「はじめてのかず」「10こおぼえた」「ぜんぶおぼえた」「はじめてのせいかい」「10もんせいかい」「3連続・5連続正解」「はじめてのおかいもの」「星10個・50個達成」など11種類の実績があり、条件を満たすと金色のトーストと花火で祝福され、ボーナスとして3つの星が追加されます。
花火演出は、5連続正解やお買い物成功などの特別な場面でCanvas上にカラフルな花火が打ち上がるアニメーションです。
設定とカスタマイズ
画面右上の歯車ボタンから設定パネルを開けます。「ダークモード」でライトテーマとダークテーマを切り替えられます。「こえをよみあげる」で音声読み上げのオン・オフ、「こうかおん」でWebAudioAPIによる効果音のオン・オフを個別に切り替えられます。
「きろくをリセット」で学習進捗をすべて初期化できます(お財布の残高・テーマ・音声設定は保持されます)。「きろくをほぞん」で現在の学習データをJSON形式でダウンロードでき、保護者が進捗を確認する記録として活用できます。
技術的特徴
外部ライブラリやフレームワークを一切使用せず、HTML・CSS・JavaScriptのみで構成された単一ファイルです。WebSpeechAPIによる日本語音声合成、WebAudioAPIによるプログラム生成効果音、CanvasAPIによる花火アニメーション、LocalStorageによるデータ永続化を活用しています。
レスポンシブデザインにより、幅320pxのスマートフォンから900px以上のタブレット・PCまで最適なレイアウトで表示されます。iPhoneのノッチやセーフエリアにも対応しています。prefers-reduced-motionメディアクエリにより、モーション低減設定のユーザーにはアニメーションが自動的に無効化されます。WAI-ARIAによるアクセシビリティ対応、フォーカストラップ、キーボード操作対応なども施されています。