{"id":12011,"date":"2026-09-21T08:16:00","date_gmt":"2026-09-20T23:16:00","guid":{"rendered":"https:\/\/chicodori.net\/?p=12011"},"modified":"2026-06-06T23:19:07","modified_gmt":"2026-06-06T14:19:07","slug":"%e5%88%86%e6%95%b0%e3%81%ae%e8%a8%88%e7%ae%97%ef%bc%88%e5%b0%8f4%ef%bc%89","status":"publish","type":"post","link":"https:\/\/chicodori.net\/?p=12011","title":{"rendered":"\u5206\u6570\u306e\u8a08\u7b97\uff08\u5c0f4\uff09"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u4eca\u56de\u306f\u3001\u5c0f\u5b66\u68214\u5e74\u751f\u5411\u3051\u3001\u5206\u6570\u306e\u305f\u3057\u7b97\u3068\u3072\u304d\u7b97\u306e\u8a08\u7b97\u306b\u3064\u3044\u3066\u5fa9\u7fd2\u304c\u3067\u304d\u308b\u7c21\u5358\u30b2\u30fc\u30e0\u3092\u3064\u304f\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<div class=\"wp-block-word-balloon-word-balloon-block\"><div class=\"w_b_box w_b_w100 w_b_flex w_b_div\"><div class=\"w_b_wrap w_b_wrap_talk w_b_L w_b_flex w_b_div\" style=\"\"><div class=\"w_b_ava_box w_b_relative w_b_ava_L w_b_f_n w_b_div\"><div class=\"w_b_icon_wrap w_b_relative w_b_div\"><div class=\"w_b_ava_wrap w_b_direction_L w_b_mp0 w_b_div\"><div class=\"w_b_ava_effect w_b_relative w_b_oh w_b_radius w_b_size_M w_b_div\" style=\"\">\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/chicodori.net\/wp-content\/uploads\/2022\/05\/chico.jpg\" width=\"96\" height=\"96\" alt=\"\" class=\"w_b_ava_img w_b_w100 w_b_h100  w_b_mp0 w_b_img\" style=\"\" \/>\n<\/div><\/div><\/div><\/div><div class=\"w_b_bal_box w_b_bal_L w_b_relative w_b_direction_L w_b_w100 w_b_div\"><div class=\"w_b_space w_b_mp0 w_b_div\"><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"1\" height=\"38\" viewBox=\"0 0 1 1\" fill=\"transparent\" stroke=\"transparent\" stroke-miterlimit=\"10\" class=\"w_b_db w_b_mp0\"><polygon fill=\"transparent\" stroke=\"transparent\" points=\"0,1 0,1 0,1 0,1 \"\/><\/svg><\/div><div class=\"w_b_bal_outer w_b_flex w_b_mp0 w_b_relative w_b_div\" style=\"\"><div class=\"w_b_bal_wrap w_b_bal_wrap_L w_b_div\"><div class=\"w_b_bal w_b_relative w_b_talk w_b_talk_L w_b_shadow_L w_b_ta_L w_b_div\"><div class=\"w_b_quote w_b_div\"><p>\u3086\u3063\u304f\u308a\u3066\u3044\u306d\u3044\u306b\u3084\u3063\u3066\u307f\u3088\u3046\u306d\uff01<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u25a0\u3069\u3093\u306a\u30b2\u30fc\u30e0\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u753b\u9762\u306b\u51fa\u3066\u304f\u308b\u5206\u6570\u306e\u305f\u3057\u7b97\u30fb\u3072\u304d\u7b97\u306e\u7b54\u3048\u3092\u3001\u5206\u6570\u3067\u5165\u529b\u3059\u308b\u30b2\u30fc\u30e0\u3067\u3059\u3002<br>\u4f55\u554f\u9023\u7d9a\u3067\u6b63\u89e3\u3067\u304d\u308b\u304b\u306a\uff1f<br>\u30b2\u30fc\u30e0\u611f\u899a\u3067\u304f\u308a\u8fd4\u3057\u6311\u6226\u3057\u3066\u3001\u5206\u6570\u306e\u8a08\u7b97\u3092\u5f97\u610f\u306b\u3057\u3088\u3046\uff01<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u25a0\u3055\u3042\u3001\u3084\u3063\u3066\u307f\u3088\u3046\uff01<\/h3>\n\n\n<div class=\"ifw_wrap ifw_center\"><button class=\"ifw_btn\" data-postid=\"12011\" data-buttoncount=\"1\">\u3053\u308c\u597d\u304d<span class=\"material-symbols-rounded\">favorite<\/span><span class=\"ifw_count\" id=\"ifw_count_12011_1\">0<\/span><\/button><div class=\"ifw_message_wrap ifw_top_left\" id=\"ifw_message_12011_1\"><div class=\"ifw_message\"><div class=\"ifw_text\"><p class=\"ifw_processing\">\u9001\u4fe1\u4e2d\u3067\u3059<\/p><\/div><\/div><div class=\"ifw_arrow\"><\/div><\/div><div class=\"ifw_message_wrap ifw_top_left ifw_thanks\" id=\"ifw_thanks_12011_1\"><div class=\"ifw_close\" data-id=\"12011_1\">\u00d7<\/div><div class=\"ifw_message\"><div class=\"ifw_image\"><img decoding=\"async\" src=\"\" id=\"ifw_image_12011_1\"><\/div><div class=\"ifw_text\" id=\"ifw_showmessage_12011_1\"><\/div><\/div><div class=\"ifw_arrow\"><\/div><\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.same-denominator-drill{\n  max-width:760px;\n  margin:30px auto;\n  padding:24px;\n  background:#fff7e8;\n  border-radius:22px;\n  font-family:sans-serif;\n  text-align:center;\n  color:#3b2a20;\n}\n\n.problem-area{\n  background:#fff;\n  border-radius:18px;\n  padding:24px;\n  margin:20px 0;\n}\n\n.line{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:18px;\n  margin:18px 0;\n}\n\n.fraction{\n  display:inline-flex;\n  flex-direction:column;\n  align-items:center;\n  width:72px;\n}\n\n.fixed{\n  font-size:32px;\n  font-weight:bold;\n  min-height:38px;\n}\n\n.bar{\n  width:62px;\n  border-top:3px solid #3b2a20;\n  margin:5px 0;\n}\n\n.num,\n.den{\n  width:56px;\n  height:42px;\n  text-align:center;\n  font-size:24px;\n  border:2px solid #f0a24a;\n  border-radius:10px;\n}\n\n.op,\n.equal{\n  font-size:34px;\n  font-weight:bold;\n}\n\n.note{\n  font-size:16px;\n  color:#6b4a35;\n}\n\nbutton{\n  padding:12px 22px;\n  margin:8px;\n  border:none;\n  border-radius:999px;\n  background:#ff9f43;\n  color:white;\n  font-size:16px;\n  font-weight:bold;\n  cursor:pointer;\n}\n\nbutton:hover{\n  opacity:.85;\n}\n\n.result{\n  margin-top:16px;\n  font-size:22px;\n  font-weight:bold;\n}\n\n.score{\n  margin-top:12px;\n  font-size:18px;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const app = document.getElementById(\"same-denominator-drill\");\n  if (!app) return;\n\n  let current = null;\n  let mode = \"+\";\n  let score = 0;\n  let count = 0;\n  const maxCount = 10;\n\n  app.className = \"same-denominator-drill\";\n\n  app.innerHTML = `\n    <h2>\u5206\u6bcd\u304c\u540c\u3058\u5206\u6570\u306e\u305f\u3057\u7b97\u30fb\u3072\u304d\u7b97<\/h2>\n    <p class=\"note\">\u5206\u6bcd\u306f\u305d\u306e\u307e\u307e\u3002\u5206\u5b50\u3060\u3051\u3092\u8a08\u7b97\u3057\u3088\u3046\uff01<\/p>\n\n    <div>\n      <button id=\"add\">\u305f\u3057\u7b97<\/button>\n      <button id=\"sub\">\u3072\u304d\u7b97<\/button>\n    <\/div>\n\n    <div class=\"problem-area\">\n      <div class=\"line\" id=\"question-line\"><\/div>\n\n      <div class=\"line\">\n        <span class=\"equal\">=<\/span>\n\n        <div class=\"fraction\">\n          <input class=\"num\" id=\"ans-num\" inputmode=\"numeric\">\n          <div class=\"bar\"><\/div>\n          <input class=\"den\" id=\"ans-den\" inputmode=\"numeric\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <button id=\"check\">\u7b54\u3048\u308b<\/button>\n    <button id=\"next\">\u6b21\u306e\u554f\u984c<\/button>\n\n    <div class=\"result\" id=\"result\">\u305f\u3057\u7b97\u304b\u3072\u304d\u7b97\u3092\u9078\u3093\u3067\u306d<\/div>\n    <div class=\"score\" id=\"score\">0 \/ 0<\/div>\n  `;\n\n  const questionLine = document.getElementById(\"question-line\");\n  const result = document.getElementById(\"result\");\n  const scoreEl = document.getElementById(\"score\");\n\n  const ansNum = document.getElementById(\"ans-num\");\n  const ansDen = document.getElementById(\"ans-den\");\n\n  document.getElementById(\"add\").addEventListener(\"click\", () => {\n    mode = \"+\";\n    resetGame();\n  });\n\n  document.getElementById(\"sub\").addEventListener(\"click\", () => {\n    mode = \"-\";\n    resetGame();\n  });\n\n  document.getElementById(\"next\").addEventListener(\"click\", makeQuestion);\n  document.getElementById(\"check\").addEventListener(\"click\", checkAnswer);\n\n  ansNum.addEventListener(\"keydown\", e => {\n    if (e.key === \"Enter\") ansDen.focus();\n  });\n\n  ansDen.addEventListener(\"keydown\", e => {\n    if (e.key === \"Enter\") checkAnswer();\n  });\n\n  function resetGame(){\n    score = 0;\n    count = 0;\n    scoreEl.textContent = \"0 \/ 0\";\n    makeQuestion();\n  }\n\n  function makeQuestion(){\n    if (count >= maxCount) {\n      questionLine.innerHTML = \"\";\n      result.textContent = `\u7d42\u4e86\uff01 \u30b9\u30b3\u30a2\u306f ${score} \/ ${maxCount}`;\n      ansNum.value = \"\";\n      ansDen.value = \"\";\n      return;\n    }\n\n    const den = rand(3, 12);\n    let n1 = rand(1, den - 1);\n    let n2 = rand(1, den - 1);\n\n    if (mode === \"-\" && n1 < n2) {\n      [n1, n2] = [n2, n1];\n    }\n\n    const ansNumValue = mode === \"+\" ? n1 + n2 : n1 - n2;\n    const ansDenValue = den;\n\n    current = {\n      n1,\n      n2,\n      den,\n      ansNum: ansNumValue,\n      ansDen: ansDenValue\n    };\n\n    questionLine.innerHTML = `\n      ${fixedFraction(n1, den)}\n      <span class=\"op\">${mode}<\/span>\n      ${fixedFraction(n2, den)}\n    `;\n\n    ansNum.value = \"\";\n    ansDen.value = \"\";\n    ansNum.focus();\n\n    result.textContent = \"\u7b54\u3048\u3092\u5206\u6570\u3067\u5165\u308c\u3066\u306d\";\n  }\n\n  function checkAnswer(){\n    if (!current) return;\n\n    const userNum = Number(ansNum.value);\n    const userDen = Number(ansDen.value);\n\n    if (!userNum || !userDen) {\n      result.textContent = \"\u5206\u5b50\u3068\u5206\u6bcd\u3092\u5165\u308c\u3066\u306d\";\n      return;\n    }\n\n    count++;\n\n    const ok =\n      userNum === current.ansNum &&\n      userDen === current.ansDen;\n\n    if (ok) {\n      score++;\n      result.textContent = \"\u6b63\u89e3\uff01\u5206\u6bcd\u306f\u305d\u306e\u307e\u307e\u3067OK\uff01\";\n    } else {\n      result.textContent =\n        `\u3061\u304c\u3046\u3088\u3002\u6b63\u89e3\u306f ${current.ansNum}\/${current.ansDen}`;\n    }\n\n    scoreEl.textContent = `${score} \/ ${count}`;\n  }\n\n  function fixedFraction(n, d){\n    return `\n      <div class=\"fraction\">\n        <div class=\"fixed\">${n}<\/div>\n        <div class=\"bar\"><\/div>\n        <div class=\"fixed\">${d}<\/div>\n      <\/div>\n    `;\n  }\n\n  function rand(min, max){\n    return Math.floor(Math.random() * (max - min + 1)) + min;\n  }\n});\n<\/script>\n\n<div id=\"same-denominator-drill\"><\/div>\n\n<link rel=\"stylesheet\" href=\"style.css\">\n<script src=\"script.js\"><\/script>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/chicodori.net\/wp-content\/uploads\/2021\/06\/kodawari.png\" alt=\"\" style=\"width:197px;height:auto\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83c\udf1f <strong>\u30b2\u30fc\u30e0\u307f\u305f\u3044\u306b\u697d\u3057\u3044\uff01<\/strong><br>\u5927\u304d\u306a\u6570\u5b57\u3068\u898b\u3084\u3059\u3044\u753b\u9762\u3067\u3001\u30c6\u30f3\u30dd\u3088\u304f\u6311\u6226\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83c\udf1f<strong>\u554f\u984c\u306f\u6bce\u56de\u30e9\u30f3\u30c0\u30e0\uff01<\/strong><br>\u4f55\u5ea6\u904a\u3093\u3067\u3082\u65b0\u3057\u3044\u554f\u984c\u304c\u51fa\u308b\u306e\u3067\u3001\u98fd\u304d\u305a\u306b\u5b66\u3079\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83c\udf1f <strong>\u300c\u3067\u304d\u305f\uff01\u300d\u3092\u7a4d\u307f\u91cd\u306d\u308b\u8a2d\u8a08\uff01<\/strong><br>\u5c0f\u3055\u306a\u6210\u529f\u4f53\u9a13\u3092\u5897\u3084\u3057\u3066\u3001\u5206\u6570\u3078\u306e\u82e6\u624b\u610f\u8b58\u3092\u6e1b\u3089\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u25a0\u3053\u306e\u529b\u3001\u3069\u3093\u306a\u3068\u304d\u306b\u5f79\u7acb\u3064\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u2728 \u81ea\u5b66\u5e74\u4ee5\u964d\u306e\u5206\u6570\u306e\u8a08\u7b97\u306e\u571f\u53f0\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2728 <strong>\u30d4\u30b6\u3084\u30b1\u30fc\u30ad\u306a\u3069\u3001\u540c\u3058\u5927\u304d\u3055\u306b\u5206\u3051\u305f\u3082\u306e\u3092\u8003\u3048\u308b\u5834\u9762\u3067\u5f79\u7acb\u3061\u307e\u3059\u3002<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2728 \u300c\u5206\u6bcd\u306f\u305d\u306e\u307e\u307e\u3001\u5206\u5b50\u3060\u3051\u8a08\u7b97\u3059\u308b\u300d\u3068\u3044\u3046\u30eb\u30fc\u30eb\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u3067\u3001\u6b63\u3057\u304f\u8003\u3048\u308b\u529b\u304c\u8eab\u306b\u3064\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u4fdd\u8b77\u8005\u3001\u5148\u751f\u65b9\u3078<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5206\u6bcd\u304c\u540c\u3058\u5206\u6570\u306e\u8a08\u7b97\u306f\u3001\u5206\u6570\u5b66\u7fd2\u306e\u7b2c\u4e00\u6b69\u3067\u3059\u3002\u3057\u304b\u3057\u3001\u300c\u5206\u6bcd\u307e\u3067\u8db3\u3057\u3066\u3057\u307e\u3046\u300d\u300c\u5206\u6bcd\u307e\u3067\u5f15\u3044\u3066\u3057\u307e\u3046\u300d\u3068\u3044\u3063\u305f\u9593\u9055\u3044\u306f\u3001\u591a\u304f\u306e\u5b50\u3069\u3082\u305f\u3061\u304c\u7d4c\u9a13\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30b2\u30fc\u30e0\u3067\u306f\u3001**\u300c\u5206\u6bcd\u306f\u305d\u306e\u307e\u307e\u3001\u5206\u5b50\u3060\u3051\u3092\u8a08\u7b97\u3059\u308b\u300d**\u3068\u3044\u3046\u57fa\u672c\u30eb\u30fc\u30eb\u3092\u3001\u7e70\u308a\u8fd4\u3057\u554f\u984c\u3092\u89e3\u304f\u4e2d\u3067\u81ea\u7136\u3068\u8eab\u306b\u3064\u3051\u3089\u308c\u308b\u3088\u3046\u5de5\u592b\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u82e6\u624b\u610f\u8b58\u3092\u6301\u3064\u524d\u306b\u3001\u300c\u3067\u304d\u305f\uff01\u300d\u3068\u3044\u3046\u6210\u529f\u4f53\u9a13\u3092\u7a4d\u307f\u91cd\u306d\u3001\u81ea\u4fe1\u3092\u80b2\u3066\u3066\u307b\u3057\u3044\u3068\u9858\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div style=\"height:422px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u4eca\u56de\u306f\u3001\u5c0f\u5b66\u68214\u5e74\u751f\u5411\u3051\u3001\u5206\u6570\u306e\u305f\u3057\u7b97\u3068\u3072\u304d\u7b97\u306e\u8a08\u7b97\u306b\u3064\u3044\u3066\u5fa9\u7fd2\u304c\u3067\u304d\u308b\u7c21\u5358\u30b2\u30fc\u30e0\u3092\u3064\u304f\u3063\u3066\u307f\u307e\u3057\u305f\u3002 \u25a0\u3069\u3093\u306a\u30b2\u30fc\u30e0\uff1f \u753b\u9762\u306b\u51fa\u3066\u304f\u308b\u5206\u6570\u306e\u305f\u3057\u7b97\u30fb\u3072\u304d\u7b97\u306e\u7b54\u3048\u3092\u3001\u5206\u6570\u3067\u5165\u529b\u3059\u308b\u30b2\u30fc\u30e0\u3067\u3059\u3002\u4f55\u554f\u9023\u7d9a\u3067\u6b63\u89e3\u3067\u304d\u308b\u304b\u306a\uff1f\u30b2 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21,6],"tags":[45,292,393],"class_list":["post-12011","post","type-post","status-publish","format-standard","hentry","category-21","category-6","tag-45","tag-292","tag-393","entry"],"_links":{"self":[{"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/posts\/12011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chicodori.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12011"}],"version-history":[{"count":1,"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/posts\/12011\/revisions"}],"predecessor-version":[{"id":12012,"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/posts\/12011\/revisions\/12012"}],"wp:attachment":[{"href":"https:\/\/chicodori.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12011"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chicodori.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12011"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chicodori.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}