ちょっとしたスキマ時間に、頭の体操しませんか?
このページでは、2桁の足し算をひたすら解いていく「脳トレ計算クイズ」を公開しています。
問題は毎回ランダムに出題されるので、繰り返し挑戦しても飽きません。
あなたは何問連続で正解できるでしょうか?
👇 今すぐスタート!スマホでもプレイOK!
このクイズのルール
このクイズでは、2桁の足し算がランダムに出題されます。
間違えると終了。正解し続ければ、スコアが上がり続けて背景も変化します。
何問連続で正解できるか、ぜひ挑戦してみてください。
スピード勝負ではないので、じっくり考えてもOKです!
スコアが50点になると最後の背景変化が起こります。
それ以降は背景は変わりませんので、あとは自己挑戦モードです!
やりすぎにはご注意を😅

正解!嬉しい瞬間✨

ここでスコアが1に❗

間違えたらゲームオーバー💧

背景が変わったよ❗
どんな技術で作ったの?
このクイズでは、JavaScriptというプログラミング言語の基本を使って、シンプルに作られています。
たとえば、こんなことをしています👇
✅ 毎回ちがう2桁の数字をランダムに出題
✅ 足し算の答えが正しいかチェック
✅ 画面の数字やボタンの表示を切り替え
✅ スコアに応じて背景を変化させる
どれも難しそうに見えるかもしれませんが、ちゃんと順番に学べば、こうしたクイズも自分で作れるようになります。
私が使った学習サービス
JavaScriptの勉強には、「Udemy(ユーデミー)」という動画学習サービスを使いました。
初心者でも安心して学べるよう、こんな特長があります👇
✅ 講師の解説を見ながら、一緒に手を動かして学べる
✅ HTML / CSS / JavaScript をひととおり1つの講座で習得
✅ セール時は 1,000円台で購入できて、買い切りだから何度でも見返せる!
私が実際に受講したのがこちらの講座です👇
📘【世界で90万人が受講】Web Developer Bootcamp(日本語版)
※このリンクは広告です(アフィリエイトリンク)
Udemyで講座を見るおわりに
正直なところ、この足し算クイズを作るまでは、けっこう苦労しました。
動画を見てもすぐには理解できず、何度も巻き戻したり、わからないところを調べ直したり…。
でも、少しずつコードが動いて、ちゃんとアプリの形になっていく過程はとても楽しく、「作るっておもしろい!」と思えました。
このアプリは、Udemyの講座で HTML・CSS・JavaScriptの基礎を学んだあとに、自分で考えて作ったものです。
※講座の中でこのアプリの作り方そのものが解説されているわけではありません。
「プログラミングって難しそう」と感じている方も、基礎から順番に学んでいけば、ちゃんと動くものを自分の力で作れるようになります。
少しでも興味があるなら、Udemyで学び始めてみませんか?
思っているよりずっと楽しい体験が待っているかもしれません。
関連リンク
💻 おすすめのUdemy講座はこちら
👉 独学でWebアプリが作れる!初心者におすすめのUdemy講座【体験レビューあり】
📚 ランダムな整数を生成する方法を解説
👉 【JavaScript入門】Math.random()の使い方|ランダムな数字を生成する基本をやさしく解説