YEAR

2024年

オンライン教室紹介

【習い事】子供のためのオンライン教室紹介(厳選10教室)

子供のためのオンライン教室紹介(厳選10教室)     こんにちは、そろけん塾です。 今回は子供のためのオンライン教室の紹介です。   日本中にいろいろな学習塾や教室がありますが、オンライン教室には多くのメリットがあります。 オンライン教室は家の近くや地元では受けられない最新の授業や特定の分野に特化した学習教材などを自宅に居ながらにして受けたり利用したりすることができ […]

そろタッチ

子どもの算数嫌い克服！最新学習アプリ”そろタッチ”とは？

新そろばん式暗算練習法【そろタッチ】とは？   算数が苦手でも大丈夫！楽しみながら計算力が身につく「そろタッチ」   こんにちは、そろけん塾です。   今回は、算数が苦手なお子様のための学習アプリ 「そろタッチ」 をご紹介します！     ・数字を見ると苦手意識が先に立ってしまう ・ そろばん学習に興味はあるけれど、続けられるか不安 ・ゲームが好き […]

document.addEventListener("DOMContentLoaded", function () { let digit = 1; let count = 5; let speed = 1000; let numbers = []; let sum = 0; let currentIndex = 0; let interval; const canvas = document.getElementById("flash-canvas"); const ctx = canvas.getContext("2d"); function updateDisplay() { document.getElementById("digit-display").textContent = digit; document.getElementById("count-display").textContent = count; document.getElementById("speed-display").textContent = speed + "ms"; } document.getElementById("digit-slider").addEventListener("input", function () { digit = parseInt(this.value); updateDisplay(); }); document.getElementById("count-slider").addEventListener("input", function () { count = parseInt(this.value); updateDisplay(); }); document.getElementById("speed-slider").addEventListener("input", function () { speed = parseInt(this.value); updateDisplay(); }); function drawNumber(number) { ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.font = "50px Arial"; ctx.fillStyle = "white"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(number, canvas.width / 2, canvas.height / 2); } document.getElementById("start-button").addEventListener("click", function () { numbers = []; sum = 0; currentIndex = 0; document.getElementById("result-message").textContent = ""; document.getElementById("answer-input").value = ""; for (let i = 0; i < count; i++) { let num = Math.floor(Math.random() * (10 ** digit)); numbers.push(num); sum += num; } function showNextNumber() { if (currentIndex < numbers.length) { drawNumber(numbers[currentIndex]); currentIndex++; interval = setTimeout(showNextNumber, speed); } else { ctx.clearRect(0, 0, canvas.width, canvas.height); document.getElementById("question-area").textContent = "答えを入力してください"; } } showNextNumber(); }); document.getElementById("check-answer").addEventListener("click", function () { let userAnswer = parseInt(document.getElementById("answer-input").value, 10); if (userAnswer === sum) { document.getElementById("result-message").textContent = "正解！🎉"; document.getElementById("result-message").style.color = "green"; } else { document.getElementById("result-message").textContent = "不正解 😢 正解は " + sum; document.getElementById("result-message").style.color = "red"; } }); updateDisplay(); }); #flash-canvas { background-color: black; border-radius: 10px; display: block; margin: 10px auto; } input[type="range"] { width: 100%; } button { background-color: #008CBA; color: white; padding: 10px; border: none; border-radius: 5px; cursor: pointer; } button:hover { background-color: #005f73; }