いろいろタッチ
🎨 いろいろタッチの説明文
「いろいろタッチ」は、子ども向けの色・形・線の学習アプリです。ブラウザ上で動作するインタラクティブ教材で、指やマウスでなぞったり、クイズに答えたりしながら、楽しく色や形を覚えることができます。
学習カテゴリ(全6種)
基本の色(12色)—あか、あお、きいろ、みどりなど基本的な12色を学びます。
かたち(6種類)—まる、さんかく、しかく、ほし、ハートなど代表的な図形を学びます。
せんの種類(6パターン)—直線、波線、ジグザグ、うずまきなど、さまざまな線の描き方を練習します。
色まぜ(6組み合わせ)—「あか+きいろ=オレンジ」のように、色を混ぜると何色になるかを学びます。
にじの色(7色)—虹を構成する7色を順番に学びます。
色+かたちの組み合わせ—「あかいまる」「あおいさんかく」のように、色と形を組み合わせた認識力を鍛えます。
2つのモード
クイズモード
4つの選択肢から正解を選ぶクイズ形式です。正解するとXP(経験値)を獲得でき、連続正解でコンボボーナスが加算されます。終了後には成績一覧が表示され、間違えた問題だけを復習する機能も備えています。出題数は設定画面から変更可能です。
なぞりモード
画面に表示される点線のガイド(形や線)を、指やマウスでなぞって練習します。主な特徴は以下のとおりです。
ガイドラインはペン幅より大きく表示され、始点に「▶」マーカーが付くため、どこからなぞり始めればよいか一目でわかります。ヒット判定はペン半径の80%を円形で検出し、小さな子どもでも多少ずれてもなぞれるように設計されています。カバー率が88%に達すると「🎉かんせい!」と表示されますが、完成後もそのまま自由に塗り続けることができ、11色のカラーパレットと虹色リセットボタンで好きな色に切り替えて自由にお絵描きを楽しめます。次の問題への進行は手動で、「✅次へ」ボタンをタップするまで勝手に切り替わることはありません。スキップボタン(➡️)も用意されています。
おえかきモード(フリードロー)
学習とは別に、自由にお絵描きができるモードです。12色のカラーパレット、ペンサイズの調整、元に戻す(Undo)、全消去、画像保存の機能が揃っています。
やりこみ・モチベーション機能
レベル&XPシステム—クイズの正解やなぞりの完成でXPを獲得し、レベルが上がっていきます。コンボボーナスで効率的にXPを稼げます。
トロフィー(全18種)—「はじめてのクイズ」「10回コンボ」「おえかき10まい」など、さまざまな条件を達成するとトロフィーが解放されます。
れんぞくカレンダー(ストリーク)—毎日の学習状況が記録され、連続日数が表示されます。
演出効果—完成時には紙吹雪(コンフェッティ)やスパークルのアニメーション、進捗に応じた絵文字アイコン(✨→🌟→⭐→💫→🎉)が表示されます。
設定・カスタマイズ
ペン幅—12〜36pxの範囲で調整可能。現在のサイズがプレビュードットで確認できます。
クイズ出題数—設定画面から問題数を変更できます。
ダークモード—画面全体の配色を暗い背景に切り替えられます。
音声読み上げ(TTS)—ブラウザのテキスト音声合成機能で、色や形の名前を読み上げます。
効果音のオン・オフ—正解音や完成音などの効果音を切り替えられます。
データリセット—すべての進捗・設定を初期化できます。
動作環境
ブラウザ上で動作する単一HTMLファイルのアプリケーションです。インストール不要で、PC・タブレット・スマートフォンのいずれでも利用可能です。学習データはブラウザのlocalStorageに保存されるため、同じブラウザであれば次回アクセス時にも進捗が引き継がれます。
対象年齢
未就学児〜小学校低学年を主な対象としていますが、色彩や形の基礎を楽しく学びたい方であれば年齢を問わず活用できます。