{"id":12083,"date":"2026-07-06T08:01:00","date_gmt":"2026-07-05T23:01:00","guid":{"rendered":"https:\/\/chicodori.net\/?p=12083"},"modified":"2026-07-06T08:37:49","modified_gmt":"2026-07-05T23:37:49","slug":"%e5%b0%8f%e6%95%b0%e2%86%92%e5%88%86%e6%95%b0%e3%83%88%e3%83%a9%e3%83%b3%e3%82%b9%e3%83%95%e3%82%a9%e3%83%bc%e3%83%9e%e3%83%bc","status":"publish","type":"post","link":"https:\/\/chicodori.net\/?p=12083","title":{"rendered":"\u5c0f\u6570\u2192\u5206\u6570\u30c8\u30e9\u30f3\u30b9\u30d5\u30a9\u30fc\u30de\u30fc"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u4eca\u56de\u306f\u3001\u5c0f\u6570\u304b\u3089\u5206\u6570\u306b\u5909\u63db\u3059\u308b\u5de5\u7a0b\u3092\u30b2\u30fc\u30e0\u611f\u899a\u3067\u697d\u3057\u304f\u5fa9\u7fd2\u3067\u304d\u308b\u3088\u3046\u306b\u3057\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 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>\u3044\u308d\u3093\u306a\u3068\u3053\u308d\u3067\u3064\u304b\u3048\u308b\u3088\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\">\u5c0f\u6570\u304b\u3089\u5206\u6570\u3092\u7d44\u307f\u7acb\u3066\u308b\u30b2\u30fc\u30e0\u3067\u3059\u3002\u5206\u6bcd\u3092\u9078\u3073\u3001\u7d04\u5206\u3057\u305f\u5206\u6570\u3092\u5b8c\u6210\u3055\u305b\u306a\u304c\u3089\u3001\u5206\u6570\u306e\u3057\u304f\u307f\u3092\u697d\u3057\u304f\u5b66\u3079\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\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=\"12083\" data-buttoncount=\"1\">\u3053\u308c\u597d\u304d<span class=\"material-symbols-rounded\">favorite<\/span><span class=\"ifw_count\" id=\"ifw_count_12083_1\">0<\/span><\/button><div class=\"ifw_message_wrap ifw_top_left\" id=\"ifw_message_12083_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_12083_1\"><div class=\"ifw_close\" data-id=\"12083_1\">\u00d7<\/div><div class=\"ifw_message\"><div class=\"ifw_image\"><img decoding=\"async\" src=\"\" id=\"ifw_image_12083_1\"><\/div><div class=\"ifw_text\" id=\"ifw_showmessage_12083_1\"><\/div><\/div><div class=\"ifw_arrow\"><\/div><\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.df-game {\n  max-width: 760px;\n  margin: 40px auto;\n  padding: 24px;\n  background: #fff8ed;\n  border: 3px solid #f0b84a;\n  border-radius: 24px;\n  font-family: \"Hiragino Sans\", \"Yu Gothic\", sans-serif;\n  color: #222;\n}\n\n.df-game * {\n  box-sizing: border-box;\n}\n\n.df-game h2 {\n  text-align: center;\n  margin: 0 0 18px;\n  color: #9a5a00;\n}\n\n.df-top {\n  display: flex;\n  justify-content: space-between;\n  gap: 10px;\n  flex-wrap: wrap;\n  margin-bottom: 16px;\n}\n\n.df-badge {\n  background: #fff;\n  border: 2px solid #f0b84a;\n  border-radius: 999px;\n  padding: 8px 14px;\n  font-weight: bold;\n}\n\n.df-card {\n  background: #fff;\n  border: 2px solid #f3d18a;\n  border-radius: 18px;\n  padding: 22px;\n  text-align: center;\n  margin-bottom: 16px;\n}\n\n.df-decimal {\n  font-size: 44px;\n  font-weight: bold;\n  color: #d86b00;\n  margin-bottom: 12px;\n}\n\n.df-question {\n  font-size: 20px;\n  font-weight: bold;\n  line-height: 1.7;\n}\n\n.df-fraction {\n  display: inline-grid;\n  grid-template-rows: auto 3px auto;\n  align-items: center;\n  justify-items: center;\n  gap: 6px;\n  margin: 12px;\n  font-size: 32px;\n  font-weight: bold;\n}\n\n.df-line {\n  width: 78px;\n  height: 3px;\n  background: #222;\n}\n\n.df-target {\n  color: #d35400;\n  background: #ffe066;\n  border-radius: 10px;\n  padding: 2px 12px;\n}\n\n.df-choices {\n  display: grid;\n  gap: 12px;\n}\n\n.df-choice {\n  padding: 14px 16px;\n  border: 2px solid #efbf5b;\n  border-radius: 14px;\n  background: #fff;\n  font-size: 20px;\n  font-weight: bold;\n  cursor: pointer;\n}\n\n.df-choice:hover {\n  background: #fff0c8;\n}\n\n.df-choice.correct {\n  background: #d9f8d2;\n  border-color: #45b649;\n}\n\n.df-choice.wrong {\n  background: #ffd9d9;\n  border-color: #e04b4b;\n}\n\n.df-input-wrap {\n  display: flex;\n  justify-content: center;\n  margin: 18px 0;\n}\n\n.df-input-wrap input {\n  width: 90px;\n  padding: 10px;\n  border: 3px solid #efbf5b;\n  border-radius: 12px;\n  text-align: center;\n  font-size: 28px;\n  font-weight: bold;\n}\n\n.df-check {\n  padding: 14px 30px;\n  border: none;\n  border-radius: 999px;\n  background: #ff9800;\n  color: #fff;\n  font-size: 18px;\n  font-weight: bold;\n  cursor: pointer;\n}\n\n.df-message {\n  min-height: 44px;\n  margin-top: 16px;\n  font-size: 18px;\n  font-weight: bold;\n  line-height: 1.6;\n}\n\n.df-start,\n.df-result {\n  text-align: center;\n  background: #fff;\n  border: 2px solid #f3d18a;\n  border-radius: 18px;\n  padding: 24px;\n}\n\n.df-start button,\n.df-restart {\n  padding: 14px 30px;\n  border: none;\n  border-radius: 999px;\n  background: #ff9800;\n  color: #fff;\n  font-size: 18px;\n  font-weight: bold;\n  cursor: pointer;\n}\n\n.df-game.correct-flash {\n  animation: correctFlash 0.9s ease;\n}\n\n@keyframes correctFlash {\n  0% { transform: scale(1); box-shadow: none; }\n  35% { transform: scale(1.03); box-shadow: 0 0 40px rgba(255, 152, 0, 0.8); }\n  100% { transform: scale(1); box-shadow: none; }\n}\n\n.df-celebrate {\n  position: fixed;\n  inset: 0;\n  pointer-events: none;\n  z-index: 9999;\n  display: grid;\n  place-items: center;\n  font-size: 54px;\n  font-weight: bold;\n  color: #ff9800;\n  text-shadow: 0 3px 0 #fff, 0 0 18px rgba(255, 193, 7, 0.9);\n  animation: popCelebrate 1.1s ease forwards;\n}\n\n@keyframes popCelebrate {\n  0% { opacity: 0; transform: scale(0.4) rotate(-8deg); }\n  25% { opacity: 1; transform: scale(1.25) rotate(4deg); }\n  100% { opacity: 0; transform: scale(1.15) translateY(-20px); }\n}\n\n.df-star {\n  position: fixed;\n  pointer-events: none;\n  z-index: 9998;\n  font-size: 28px;\n  animation: starBurst 1.1s ease-out forwards;\n}\n\n@keyframes starBurst {\n  0% { opacity: 0; transform: translate(0, 0) scale(0.3); }\n  20% { opacity: 1; }\n  100% {\n    opacity: 0;\n    transform: translate(var(--x), var(--y)) scale(1.2) rotate(360deg);\n  }\n}\n\n@media (max-width: 600px) {\n  .df-game {\n    margin: 20px 10px;\n    padding: 16px;\n  }\n\n  .df-decimal {\n    font-size: 38px;\n  }\n\n  .df-fraction {\n    font-size: 28px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const app = document.getElementById(\"decimal-fraction-game\");\n  if (!app) return;\n\n  const QUESTIONS = [\n    { decimal: \"0.1\", firstNum: 1, firstDen: 10, ansNum: 1, ansDen: 10 },\n    { decimal: \"0.2\", firstNum: 2, firstDen: 10, ansNum: 1, ansDen: 5 },\n    { decimal: \"0.3\", firstNum: 3, firstDen: 10, ansNum: 3, ansDen: 10 },\n    { decimal: \"0.4\", firstNum: 4, firstDen: 10, ansNum: 2, ansDen: 5 },\n    { decimal: \"0.5\", firstNum: 5, firstDen: 10, ansNum: 1, ansDen: 2 },\n    { decimal: \"0.6\", firstNum: 6, firstDen: 10, ansNum: 3, ansDen: 5 },\n    { decimal: \"0.75\", firstNum: 75, firstDen: 100, ansNum: 3, ansDen: 4 },\n    { decimal: \"0.25\", firstNum: 25, firstDen: 100, ansNum: 1, ansDen: 4 },\n    { decimal: \"0.8\", firstNum: 8, firstDen: 10, ansNum: 4, ansDen: 5 },\n    { decimal: \"0.125\", firstNum: 125, firstDen: 1000, ansNum: 1, ansDen: 8 },\n    { decimal: \"1.5\", firstNum: 15, firstDen: 10, ansNum: 3, ansDen: 2 },\n    { decimal: \"2.25\", firstNum: 225, firstDen: 100, ansNum: 9, ansDen: 4 }\n  ];\n\n  let questions = [];\n  let current = 0;\n  let score = 0;\n  let step = 1;\n  let firstDenDone = false;\n  let answered = false;\n\n  function shuffle(array) {\n    return [...array].sort(() => Math.random() - 0.5);\n  }\n\n  function startGame() {\n    questions = shuffle(QUESTIONS).slice(0, 10);\n    current = 0;\n    score = 0;\n    step = 1;\n    firstDenDone = false;\n    answered = false;\n    renderQuestion();\n  }\n\n  function renderStart() {\n    app.innerHTML = `\n      <div class=\"df-game\">\n        <h2>\u5c0f\u6570\u3092\u5206\u6570\u306b\u3057\u3088\u3046<\/h2>\n        <div class=\"df-start\">\n          <p>\u5c0f\u6570\u3092\u5206\u6570\u306b\u76f4\u3059\u30b2\u30fc\u30e0\u3067\u3059\u3002<\/p>\n          <p>\u307e\u305a\u5206\u6bcd\u3092\u9078\u3073\u3001\u3064\u304e\u306b\u7d04\u5206\u3057\u305f\u5206\u6570\u3092\u5165\u529b\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n          <button id=\"startBtn\">\u30b9\u30bf\u30fc\u30c8<\/button>\n        <\/div>\n      <\/div>\n    `;\n\n    document.getElementById(\"startBtn\").addEventListener(\"click\", startGame);\n  }\n\n  function renderQuestion() {\n    answered = false;\n    const q = questions[current];\n\n    if (step === 1) {\n      renderStep1(q);\n    } else {\n      renderStep2(q);\n    }\n  }\n\n  function renderHeader() {\n    return `\n      <h2>\u5c0f\u6570\u3092\u5206\u6570\u306b\u3057\u3088\u3046<\/h2>\n      <div class=\"df-top\">\n        <div class=\"df-badge\">\u554f\u984c ${current + 1} \/ ${questions.length}<\/div>\n        <div class=\"df-badge\">STEP ${step}<\/div>\n        <div class=\"df-badge\">\u30b9\u30b3\u30a2 ${score}<\/div>\n      <\/div>\n    `;\n  }\n\n  function renderStep1(q) {\n    const choices = shuffle([10, 100, 1000, 10000]);\n\n    app.innerHTML = `\n      <div class=\"df-game\">\n        ${renderHeader()}\n\n        <div class=\"df-card\">\n          <div class=\"df-decimal\">${q.decimal}<\/div>\n          <div class=\"df-question\">\u307e\u305a\u3001\u5206\u6bcd\u3092\u9078\u3073\u307e\u3057\u3087\u3046\u3002<\/div>\n\n          <div class=\"df-fraction\">\n            <div>${q.firstNum}<\/div>\n            <div class=\"df-line\"><\/div>\n            <div class=\"df-target\">\uff1f<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"df-choices\">\n          ${choices.map(choice => `\n            <button class=\"df-choice\" data-choice=\"${choice}\">\n              ${choice}\n            <\/button>\n          `).join(\"\")}\n        <\/div>\n\n        <div id=\"message\" class=\"df-message\"><\/div>\n      <\/div>\n    `;\n\n    document.querySelectorAll(\".df-choice\").forEach(btn => {\n      btn.addEventListener(\"click\", checkStep1);\n    });\n  }\n\n  function checkStep1(e) {\n    if (answered) return;\n    answered = true;\n\n    const q = questions[current];\n    const selected = Number(e.currentTarget.dataset.choice);\n    const buttons = document.querySelectorAll(\".df-choice\");\n    const message = document.getElementById(\"message\");\n    const gameBox = document.querySelector(\".df-game\");\n\n    buttons.forEach(btn => {\n      btn.disabled = true;\n\n      if (Number(btn.dataset.choice) === q.firstDen) {\n        btn.classList.add(\"correct\");\n      }\n\n      if (Number(btn.dataset.choice) === selected && selected !== q.firstDen) {\n        btn.classList.add(\"wrong\");\n      }\n    });\n\n    if (selected === q.firstDen) {\n      message.textContent = `\u6b63\u89e3\uff01 ${q.decimal} \u306f ${q.firstDen} \u5206\u306e ${q.firstNum} \u3068\u8003\u3048\u307e\u3059\u3002`;\n\n      gameBox.classList.add(\"correct-flash\");\n      showCelebrate();\n      showStars();\n\n      firstDenDone = true;\n\n      setTimeout(() => {\n        step = 2;\n        renderQuestion();\n      }, 1500);\n    } else {\n      message.textContent = \"\u3056\u3093\u306d\u3093\uff01\u5c0f\u6570\u70b9\u306e\u53f3\u306b\u6570\u5b57\u304c\u4f55\u3051\u305f\u3042\u308b\u304b\u898b\u3066\u307f\u3088\u3046\u3002\";\n\n      setTimeout(() => {\n        buttons.forEach(btn => {\n          btn.disabled = false;\n          btn.classList.remove(\"correct\", \"wrong\");\n        });\n        answered = false;\n        message.textContent = \"\";\n      }, 1100);\n    }\n  }\n\n  function renderStep2(q) {\n    app.innerHTML = `\n      <div class=\"df-game\">\n        ${renderHeader()}\n\n        <div class=\"df-card\">\n          <div class=\"df-decimal\">${q.decimal}<\/div>\n          <div class=\"df-question\">\u7d04\u5206\u3057\u305f\u5206\u6570\u3092\u5165\u529b\u3057\u307e\u3057\u3087\u3046\u3002<\/div>\n\n          <div class=\"df-fraction\">\n            <div>${q.firstNum}<\/div>\n            <div class=\"df-line\"><\/div>\n            <div>${q.firstDen}<\/div>\n          <\/div>\n\n          <div>\u2193<\/div>\n\n          <div class=\"df-input-wrap\">\n            <div class=\"df-fraction\">\n              <input id=\"numInput\" type=\"number\" inputmode=\"numeric\" aria-label=\"\u5206\u5b50\">\n              <div class=\"df-line\"><\/div>\n              <input id=\"denInput\" type=\"number\" inputmode=\"numeric\" aria-label=\"\u5206\u6bcd\">\n            <\/div>\n          <\/div>\n\n          <button id=\"checkBtn\" class=\"df-check\">\u7b54\u3048\u308b<\/button>\n          <div id=\"message\" class=\"df-message\"><\/div>\n        <\/div>\n      <\/div>\n    `;\n\n    document.getElementById(\"checkBtn\").addEventListener(\"click\", checkStep2);\n\n    document.querySelectorAll(\"#numInput, #denInput\").forEach(input => {\n      input.addEventListener(\"keydown\", e => {\n        if (e.key === \"Enter\") checkStep2();\n      });\n    });\n\n    document.getElementById(\"numInput\").focus();\n  }\n\n  function checkStep2() {\n    if (answered) return;\n\n    const q = questions[current];\n    const numInput = document.getElementById(\"numInput\");\n    const denInput = document.getElementById(\"denInput\");\n    const message = document.getElementById(\"message\");\n    const gameBox = document.querySelector(\".df-game\");\n\n    const num = Number(numInput.value);\n    const den = Number(denInput.value);\n\n    if (!numInput.value || !denInput.value) {\n      message.textContent = \"\u5206\u5b50\u3068\u5206\u6bcd\u306e\u4e21\u65b9\u3092\u5165\u529b\u3057\u307e\u3057\u3087\u3046\u3002\";\n      return;\n    }\n\n    if (num === q.ansNum && den === q.ansDen) {\n      answered = true;\n      score++;\n\n      message.textContent = `\u6b63\u89e3\uff01 ${q.decimal} = ${q.firstNum}\/${q.firstDen} = ${q.ansNum}\/${q.ansDen} \u3067\u3059\u3002`;\n\n      gameBox.classList.add(\"correct-flash\");\n      showCelebrate();\n      showStars();\n\n      setTimeout(goNext, 1600);\n      return;\n    }\n\n    if (num === q.ansNum && den !== q.ansDen) {\n      message.textContent = \"\u5206\u5b50\u306f\u5408\u3063\u3066\u3044\u307e\u3059\u3002\u5206\u6bcd\u3092\u3082\u3046\u4e00\u5ea6\u8003\u3048\u3088\u3046\u3002\";\n    } else if (num !== q.ansNum && den === q.ansDen) {\n      message.textContent = \"\u5206\u6bcd\u306f\u5408\u3063\u3066\u3044\u307e\u3059\u3002\u5206\u5b50\u3092\u3082\u3046\u4e00\u5ea6\u8003\u3048\u3088\u3046\u3002\";\n    } else {\n      message.textContent = \"\u3056\u3093\u306d\u3093\uff01\u3082\u3046\u4e00\u5ea6\u7d04\u5206\u3057\u3066\u307f\u3088\u3046\u3002\";\n    }\n\n    numInput.classList.add(\"wrong\");\n    denInput.classList.add(\"wrong\");\n\n    setTimeout(() => {\n      numInput.classList.remove(\"wrong\");\n      denInput.classList.remove(\"wrong\");\n    }, 700);\n  }\n\n  function goNext() {\n    current++;\n\n    if (current >= questions.length) {\n      renderResult();\n    } else {\n      step = 1;\n      firstDenDone = false;\n      renderQuestion();\n    }\n  }\n\n  function renderResult() {\n    let comment = \"\";\n\n    if (score === questions.length) {\n      comment = \"\u3059\u3054\u3044\uff01\u5206\u6570\u30de\u30b9\u30bf\u30fc\u3067\u3059\uff01\";\n    } else if (score >= 7) {\n      comment = \"\u3044\u3044\u611f\u3058\uff01\u7d04\u5206\u306e\u529b\u304c\u3064\u3044\u3066\u304d\u3066\u3044\u307e\u3059\u3002\";\n    } else {\n      comment = \"\u5c0f\u6570\u306e\u3051\u305f\u6570\u3068\u7d04\u5206\u3092\u3082\u3046\u4e00\u5ea6\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\";\n    }\n\n    app.innerHTML = `\n      <div class=\"df-game\">\n        <h2>\u5c0f\u6570\u3092\u5206\u6570\u306b\u3057\u3088\u3046<\/h2>\n        <div class=\"df-result\">\n          <h3>\u7d50\u679c<\/h3>\n          <p>${questions.length}\u554f\u4e2d ${score}\u554f \u6b63\u89e3\uff01<\/p>\n          <p>${comment}<\/p>\n          <button id=\"restartBtn\" class=\"df-restart\">\u3082\u3046\u4e00\u5ea6<\/button>\n        <\/div>\n      <\/div>\n    `;\n\n    document.getElementById(\"restartBtn\").addEventListener(\"click\", startGame);\n  }\n\n  function showCelebrate() {\n    const div = document.createElement(\"div\");\n    div.className = \"df-celebrate\";\n    div.textContent = \"\u305b\u3044\u304b\u3044\uff01\";\n    document.body.appendChild(div);\n\n    setTimeout(() => {\n      div.remove();\n    }, 1200);\n  }\n\n  function showStars() {\n    const marks = [\"\u2605\", \"\u2728\", \"\ud83c\udf1f\", \"\u25ce\", \"\u82b1\u4e38\"];\n\n    for (let i = 0; i < 18; i++) {\n      const star = document.createElement(\"div\");\n      star.className = \"df-star\";\n      star.textContent = marks[Math.floor(Math.random() * marks.length)];\n\n      star.style.left = \"50%\";\n      star.style.top = \"45%\";\n      star.style.setProperty(\"--x\", `${Math.random() * 520 - 260}px`);\n      star.style.setProperty(\"--y\", `${Math.random() * 360 - 180}px`);\n\n      document.body.appendChild(star);\n\n      setTimeout(() => {\n        star.remove();\n      }, 1200);\n    }\n  }\n\n  renderStart();\n});\n<\/script>\n\n<div id=\"decimal-fraction-game\"><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\">\ud83d\udcd6 <strong>\u30c6\u30f3\u30dd\u3088\u304f\u904a\u3079\u308b<\/strong><br>\u6b63\u89e3\u3059\u308b\u3068\u81ea\u52d5\u3067\u6b21\u306e\u554f\u984c\u3078\u9032\u307f\u3001\u30b2\u30fc\u30e0\u611f\u899a\u3067\u3069\u3093\u3069\u3093\u6311\u6226\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udcd6 <strong>\u5206\u6570\u304c\u3067\u304d\u308b\u307e\u3067\u304c\u898b\u3048\u308b<\/strong><br>\u5206\u6bcd\u3092\u9078\u3073\u3001\u7d04\u5206\u3057\u305f\u5206\u6570\u3092\u5b8c\u6210\u3055\u305b\u308b\u3053\u3068\u3067\u3001\u300c\u306a\u305c\u305d\u306e\u5206\u6570\u306b\u306a\u308b\u306e\u304b\u300d\u3092\u9806\u756a\u306b\u7406\u89e3\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udcd6 <strong>\u7d04\u5206\u306e\u529b\u3082\u3057\u3063\u304b\u308a\u8eab\u306b\u3064\u304f<\/strong><br>\u7b54\u3048\u3092\u9078\u3076\u3060\u3051\u3067\u306a\u304f\u3001\u81ea\u5206\u3067\u5206\u5b50\u3068\u5206\u6bcd\u3092\u5165\u529b\u3059\u308b\u306e\u3067\u3001\u7d04\u5206\u306e\u8003\u3048\u65b9\u3092\u81ea\u7136\u306b\u7df4\u7fd2\u3067\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<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 <strong>\u5206\u6570\u3084\u5272\u5408\u3092\u5b66\u3076\u3068\u304d<\/strong><br>\u5c0f\u6570\u30fb\u5206\u6570\u30fb\u5272\u5408\u306e\u95a2\u4fc2\u3092\u7406\u89e3\u3057\u3084\u3059\u304f\u306a\u308a\u3001\u7b97\u6570\u306e\u3055\u307e\u3056\u307e\u306a\u5358\u5143\u306b\u3064\u306a\u304c\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2728 <strong>\u8cb7\u3044\u7269\u3084\u6599\u7406\u3092\u3059\u308b\u3068\u304d<\/strong><br>\u5024\u5f15\u304d\u3084\u5206\u91cf\u306a\u3069\u3001\u5c0f\u6570\u3084\u5206\u6570\u304c\u51fa\u3066\u304f\u308b\u5834\u9762\u3067\u6570\u306e\u5927\u304d\u3055\u3092\u30a4\u30e1\u30fc\u30b8\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2728 <strong>\u4e2d\u5b66\u6821\u306e\u6570\u5b66\u3092\u5b66\u3076\u3068\u304d<\/strong><br>\u6587\u5b57\u5f0f\u3084\u65b9\u7a0b\u5f0f\u3001\u6bd4\u4f8b\u30fb\u53cd\u6bd4\u4f8b\u306a\u3069\u3067\u3082\u5206\u6570\u304c\u305f\u304f\u3055\u3093\u767b\u5834\u3057\u307e\u3059\u3002\u5c0f\u6570\u3068\u5206\u6570\u3092\u81ea\u7531\u306b\u5909\u63db\u3067\u304d\u308b\u529b\u306f\u3001\u305d\u306e\u5f8c\u306e\u5b66\u7fd2\u306e\u5927\u304d\u306a\u571f\u53f0\u306b\u306a\u308a\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\">\u5c0f\u6570\u3092\u5206\u6570\u306b\u76f4\u3059\u5b66\u7fd2\u3067\u306f\u3001\u300c\u7b54\u3048\u3060\u3051\u3092\u899a\u3048\u308b\u300d\u306e\u3067\u306f\u306a\u304f\u3001\u300c\u306a\u305c\u305d\u306e\u5206\u6570\u306b\u306a\u308b\u306e\u304b\u300d\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u304c\u5927\u5207\u3067\u3059\u3002\u3057\u304b\u3057\u3001\u7d04\u5206\u307e\u3067\u542b\u3081\u3066\u8003\u3048\u308b\u554f\u984c\u306f\u3001\u3069\u3046\u3057\u3066\u3082\u7df4\u7fd2\u91cf\u304c\u4e0d\u8db3\u3057\u304c\u3061\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30b2\u30fc\u30e0\u3067\u306f\u3001\u307e\u305a\u5206\u6bcd\u3092\u8003\u3048\u3001\u305d\u306e\u5f8c\u306b\u7d04\u5206\u3057\u305f\u5206\u6570\u3092\u5b8c\u6210\u3055\u305b\u308b\u3053\u3068\u3067\u3001\u5c0f\u6570\u3068\u5206\u6570\u306e\u3064\u306a\u304c\u308a\u3092\u6bb5\u968e\u7684\u306b\u7406\u89e3\u3067\u304d\u308b\u3088\u3046\u5de5\u592b\u3057\u307e\u3057\u305f\u3002\u307e\u305f\u3001\u81ea\u5206\u3067\u5206\u5b50\u3068\u5206\u6bcd\u3092\u5165\u529b\u3059\u308b\u3053\u3068\u3067\u3001\u7d04\u5206\u306e\u529b\u3082\u81ea\u7136\u306b\u8eab\u306b\u3064\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6388\u696d\u3067\u306e\u5fa9\u7fd2\u3084\u5bb6\u5ead\u5b66\u7fd2\u306f\u3082\u3061\u308d\u3093\u3001\u77ed\u6642\u9593\u3067\u7e70\u308a\u8fd4\u3057\u53d6\u308a\u7d44\u3081\u308b\u6559\u6750\u3068\u3057\u3066\u3054\u6d3b\u7528\u304f\u3060\u3055\u3044\u3002\u697d\u3057\u307f\u306a\u304c\u3089\u3001\u5c0f\u6570\u30fb\u5206\u6570\u3078\u306e\u7406\u89e3\u3092\u6df1\u3081\u3066\u3044\u305f\u3060\u3051\u308c\u3070\u5e78\u3044\u3067\u3059\u3002<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\u6570\u304b\u3089\u5206\u6570\u306b\u5909\u63db\u3059\u308b\u5de5\u7a0b\u3092\u30b2\u30fc\u30e0\u611f\u899a\u3067\u697d\u3057\u304f\u5fa9\u7fd2\u3067\u304d\u308b\u3088\u3046&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,7],"tags":[45,293,393,699],"class_list":["post-12083","post","type-post","status-publish","format-standard","hentry","category-25","category-7","tag-45","tag-293","tag-393","tag-699"],"_links":{"self":[{"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/posts\/12083","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=12083"}],"version-history":[{"count":1,"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/posts\/12083\/revisions"}],"predecessor-version":[{"id":12084,"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/posts\/12083\/revisions\/12084"}],"wp:attachment":[{"href":"https:\/\/chicodori.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chicodori.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chicodori.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}