長さの単位を練習するためのWebアプリを公開しました

友人が子供に長さの単位を教えているとのことで、その練習のサポートをするWebアプリを作ってみました。

アプリ紹介

🐘 長さの単位を教えるためのエレファント

f:id:knj4484:20210616154951j:plain:w360

  • 「つぎへ」ボタンを押すことで、ランダムに長さが表示されるので、それを声に出して読む/定規で指し示す練習を子供にしてもらいます。
  • 「正解」ボタンを押すと正解数がカウントアップされます
  • 「ミス」ボタンを押すと不正解数がカウントアップされます
  • 「設定ボタン」を押して設定を開くと
    • 出現する単位をm/cm/mmから選ぶことができます
    • 出題モードとして「選んだ単位のどれか一つ」または「選んだ単位の組み合わせ」が選べます

その他、姉妹アプリがこちらから利用できます。

子供に色々教えるためのもの

経緯

こんな紙を見せては、その目盛りを指さすというゲームを朝と夜したらだいぶ入った。
f:id:knj4484:20210520194903j:plain:w360

難しそう

まずは1mm,1cm,1mの3枚から。
1mmはミリメートルとミリの2つの呼び名、1cmはセンチメートルとセンチの2つの呼び名があるので実は紛らわしい

妹もまだ出来なかったし、標準的な小学2年生にとっても意外と難しいのかもしれない。

mmを指で指すのは精度に無理がないか?

うん、だから実際は鉛筆を使ってる。幅間を理解させるために右手と左手に鉛筆をもたさてここからこの範囲という具合にも教えてる

まずはmとcmだけでいいんしゃないの
身長とかで馴染みがあるし

いや、小2の学校の授業ではメインはセンチとミリ

そうなのか

メーターはその後なの?一年生?

多分1年生

ならmとcmの関係を押さえるのが先じゃない?

小学生の身長はみんな1mだしmはあまり実用的じゃない。

そんなこんなでこんなアプリできないか?
f:id:knj4484:20210520195730j:plain:w360

ハイレベルとしてはこんなバージョンもあったらなお嬉しい。
f:id:knj4484:20210520195910j:plain:w360

メーターの場合も数字は2桁表示するの?

いや、メーターは最初は作らないからいいや

それは足し算引き算かけ算みたいに設定できると嬉しい。で、初期設定はcmとmmにしてもらえたら。

とはいえ、今日で
23mm,23cm,18cm5mmとかも出来るようになった

定規の長さは何メーターなのよ?

1m

1m33cmとか表示しても指せないわけだよね?

うん
だからそれらは、読ませる専用

そういうことか

まず、cmをセンチ、またはセンチメートルと言えるようにしたい。

なるほど

現状は5cm8mmを
5センチメートル8ミリメートルと読む。単位の勉強は実は深い

その場合、数字を2桁も要らんよね?

うん。

XcmYmmの段階になったら、Yは1桁が望ましいなあ

いまはまだ、23mm=2cm3mmという変換を完璧にしたいときだから、二桁のmmはいるんだが。

おっけー。基礎的な学習項目から作っていくわ。複雑なことはおいおいと

ありがとう。

まずは
(1〜99)+(mまたはcmまたはmm)
を作った

いい感じ!願わくば数字とcmの間に半角スペースをいれてくれたら完璧!

半角スペース入れた

ありがとう!ゆっくりで大丈夫です。

へい

m/cm/mmの一つだけと組み合わせが切り替えられるように設定を追加してみた

サンキュー!
いい感じ!
f:id:knj4484:20210616154951j:plain:w360

とりあえず、よろこんでもらえてよかった。

リクエスト募集

Twitterで作って欲しいアプリのリクエストを募集中です。

転職先を探しています

時間の計算を練習するためのWebアプリを公開しました

友達からお願いが来たので作ってみました

経緯

短期記憶の訓練はまだ需要ある?

結局一番使ってるのが足し算引き算

🥝 四則演算を教えるためのキウイ

いまは新しい時計があれば助かる

どんな時計?

こんなの
f:id:knj4484:20210427170505j:plain:w360

OK

ありがとう

「あと」は「まえ」になったりするのを設定できるとありがたい。いまはあとがそこそこできてきた感じ

まだ完成してないが、とりあえず動くところまでは作った

確認事項
- 0時が出てくる問題はありか?
- 12時の次は13時?1時?
- 13〜24時が出てくる問題はありか?
- 分は5分単位とか10分単位にするのか?17分とか22分とかはあり?

いい感じ!
正解、不正解つけてほしいな

それは後でやるよ

上記確認事項の答えを頼む

①あり
②8時18分のまえに、ひらがなでごぜんorごご の追加頼む
③あり
です。宜しくお願い

項目4つあったので念のため確認なんだけど、こういうことでOK?
- 0時が出てくる問題はありか? => あり
- 12時の次は13時?1時? => 12時の次は1時で「ごぜん/ごご」を追加する
- 13〜24時が出てくる問題はありか? => なし
- 17分とか22分とかはあり? => あり

うん

りょうかい

出来た(ハムスター)
https://youkan.io/duo

いい感じ!
f:id:knj4484:20210611100826j:plain:w300
夜やってみる

結構難しいと思うんだけど、2桁の加減算は暗算で出来てるの?

前に作ってくれたアプリとか連日のクイズとかで大体できるようになってきた
足し算が8割ぐらい。引き算は6割ぐらいな感じ。

それはすごい

今日は「分あと」だけまずやった

こんな感じでアプリが完成しました。自分の作ったアプリで友達の子供が育っていくのは嬉しいものだ

さくらんぼ計算の練習アプリを進化させてみました

以前作ったさくらんぼ計算の練習アプリについて追加の要望が来たのでつくりなおしてみました

前回の内容

xavier.hateblo.jp

完成品

さくらんぼ計算を子供と練習するための学習用Webアプリ

  • ランダムで左や上の丸も空欄になる設定を追加しました。
  • 左上の「設定」ボタンからいろいろ設定できるようになっています。

リクエスト募集

Twitterで作って欲しいアプリのリクエストを募集中です。


経緯

ちなみにサクランボ算のやつって、いま右下が空欄だけど、それを左下も空欄にランダムでなるようにできる?

左右どちらが空欄になるかをランダムにするってことだよね?

うん

そしてできればなんだけど、
上の数字も消えれるろうになったら最高にありがたい。プログラム的に難しいかもだけど。
A=B+C
でAが上の数字、
Bが左下の数字、Cが右下の数字
とするときに、A,B,Cがランダムに空白になるとありがたい。

それって、穴埋め計算と本質的に変わらないと思うんだけど、さくらんぼでやるの?

うん。穴埋め計算だね。それをさくらんぼでやりたい。

ほー

穴埋め計算もあれば嬉しいのではあるが。

サクランボ算の方が、分解する感じやあわさる感じがでるし、小一のカリキュラムにそもそもあるんだ

ちょっとやってみるわ

ありがとう

サクランボの丸と丸をつなぐ線を作るのってやはり大変?

それを実現する方法があるにはあるんだが、俺の技術力が足りてない。ちょっと勉強してみる

おー、できれば宜しくお願いします。

とりあえず、お手軽だがいまいちな方法で作ってみた。画面の大きさや縦横比によっては線がずれるので確認してみて

おーいい感じ!
線は黒の方がいいかも

線の太さは?

いまのままで。

黒に変えてみた

いい感じ!

じゃあ、ひとまずこれで

こんな感じになった!
f:id:knj4484:20210610093253j:plain:w300

左右どちらが空欄になるかをランダムにするところまでは出来た

さくらんぼの上の丸も空欄にするための設定を追加してみた。ただ、上の数字が固定の場合、空欄にする意味がなくて笑ってしまったが。

見た!いい感じ!上の数字ランダムにするから大丈夫!

ありがとう!

穴埋め計算の練習をするためのWebアプリを公開しました

友達から、このようなお願いが来たので作ってみました

こんなのもあると助かる。穴あきのたしざん引き算がランダムに出てくるやつ。
f:id:knj4484:20200628163913j:plain:w360

x+5=8, 3+x=9
x-6=9, 8-x=2
みたいな

明後日に作ってみるよ

穴あき足し算と引き算の数字の範囲は?

うーん
x±y
として
まずは
x=1-20
y=1-10
ぐらいまでかなあ

穴あきの引き算は、答えがマイナスのやつなしだよね?

うん

だよね

穴あき計算作った

あーありがとう!

アプリ紹介

こうして出来上がったアプリがこちらです。

穴埋め計算の練習をするためのWebアプリ | ドーナッツ
f:id:knj4484:20200628164041p:plain:w360

リクエスト募集

Twitterで作って欲しいアプリのリクエストを募集中です。

短期記憶を鍛えるためのWebアプリを公開しました

友人が子供の短期記憶力を高めたいというようなことを言っていたので、自分のアイデアでWebアプリのゲームを作って公開してみました。

元ネタはこちらの動画です。

Chimp showing off skills
imgur.com

アプリ紹介

短期記憶を鍛えるためのWebアプリ | チンパンジー

使い方

基本的にスマホの縦画面で使う想定です。

ゲーム画面

1からある数(デフォルトで6)までの数字がランダムな位置に表示されます。

  • どの数字がどの位置にあるか覚えて下さい
  • 一定の時間(デフォルト3秒)が経過すると数字が消えます
  • 1のあった枠から順にタップして下さい
  • 間違っているとタップした枠が赤くなります
  • 正しくタップすると数字がもう一度表示され、枠が緑色になります
  • 全て正しくタップすると、全体が緑色になり完了です
  • 「もういちど」をタップすると、新たに数字がランダムな位置に表示されます
  • 「設定」をタップすると、設定画面が表示されます
設定画面

以下の項目が設定出来ます。

  • 当てる数字の個数
  • 数字が消えるまでの秒数
  • マス目の行数
  • マス目の列数

リクエスト募集

Twitterで作って欲しいアプリのリクエストを募集中です。

助詞の使い方を子供と練習するための学習Webアプリを公開しました

友達から「子供が助詞の使い方を練習するためのアプリを作って欲しい」旨頼まれたので作ってみました。


こんなの頼む
f:id:knj4484:20200519082730j:plain:w360

アプリ紹介

助詞の使い方を子供と練習 | ピーチ

使い方

問題画面

助詞の部分が穴埋めになった例文がランダムに表示されます

f:id:knj4484:20200519083608p:plain:w360

  • 穴埋めに何が入るか子供に答えてもらいます
  • 当たっていたら「正解」ボタンを押します
    • 正解数がカウントアップされます
  • 間違っていたら「ミス」ボタンを押します
    • ミス数がカウントアップされます
  • 「つぎへ」ボタンを押すと、例文がランダムに更新されます
  • 設定ボタンを押すと設定画面になります
設定画面

f:id:knj4484:20200519083625p:plain:w360
以下のフォーマットで例文を入力します。

  • 1行に1文
  • 穴埋めにしたい部分を半角の[]で囲む
  • 文節の区切りに半角スラッシュを入れる

入力例:

いえ[に]/かえる
おなか[が]/すいた[ので]/ごはん[を]/たべる

設定は保存されないので、ブラウザのタブがリロードされると最初のデータに戻ります。
独自データは他のアプリに保存しておくことをお勧めします。

Tips

自分で問題を設定することによって、縦書きの穴埋め問題なら助詞の練習以外にも使えます。

例えば、ことわざや慣用句を覚えたり、四字熟語を覚えたりするのにも使えると思います。

ものの数え方を子供と練習するための学習Webアプリを公開しました

友達から「子供がものの数え方を練習するためのアプリを作って欲しい」と頼まれたので作ってみました。

アプリ紹介

ものの数え方を子供と練習 | アップル

使い方

1~20の中からランダムな個数のリンゴが表示されます

f:id:knj4484:20200515083839p:plain:w360

  • 子供に何個か答えてもらいます
  • 当たっていたら「正解」ボタンを押します
    • 正解数がカウントアップされます
  • 間違っていたら「ミス」ボタンを押します
    • ミス数がカウントアップされます
  • 「つぎへ」ボタンを押すと、リンゴの個数がランダムに更新されます
Tips

スマホを横向きにすると、10個単位で並ぶようになります。

f:id:knj4484:20200515083826p:plain