{"id":1,"date":"2025-10-14T05:19:22","date_gmt":"2025-10-14T05:19:22","guid":{"rendered":"http:\/\/eqeducation.jp\/?p=1"},"modified":"2025-10-14T14:24:43","modified_gmt":"2025-10-14T05:24:43","slug":"hello-world","status":"publish","type":"post","link":"https:\/\/eqeducation.jp\/?p=1","title":{"rendered":"Hello world!"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Welcome to WordPress. This is your first post. Edit or delete it, then start writing!<\/p>\n\n\n\n<div id=\"wh-quiz-app\" data-scope=\"wh-quiz-v1\"><\/div>\n<style>\n  \/* ===== \u4e16\u754c\u907a\u7523\u30af\u30a4\u30ba\uff08WordPress\u7528\u30fb\u57cb\u3081\u8fbc\u307f\u4e00\u4f53\u578b\uff09 ===== *\/\n  #wh-quiz-app { font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Hiragino Kaku Gothic ProN\", \"Noto Sans JP\", \"Yu Gothic\", sans-serif; }\n  #wh-quiz-app .wh-wrap { background:#fff; border:1px solid #e5e7eb; border-radius:16px; box-shadow:0 10px 25px rgba(0,0,0,.06); padding:clamp(14px,2.2vw,22px); }\n  #wh-quiz-app .wh-head { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:0 0 10px; }\n  #wh-quiz-app .wh-badge { background:#eef2ff; color:#1e3a8a; font-weight:700; font-size:12px; padding:6px 10px; border-radius:999px; }\n  #wh-quiz-app .wh-title { font-size:clamp(18px,2.4vw,22px); font-weight:800; margin:6px 0 8px; }\n  #wh-quiz-app .wh-sub { color:#6b7280; font-size:14px; }\n  #wh-quiz-app .wh-progress { --p:0%; width:100%; height:10px; background:#eef2f7; border-radius:999px; overflow:hidden; margin:10px 0 14px; }\n  #wh-quiz-app .wh-progress > i { display:block; height:100%; width:var(--p); background:linear-gradient(90deg,#2563eb,#60a5fa); }\n  #wh-quiz-app .wh-qno { color:#6b7280; font-weight:700; letter-spacing:.04em; }\n  #wh-quiz-app .wh-imgbox { position:relative; overflow:hidden; border-radius:12px; background:#e9eef6; aspect-ratio:16\/9; margin:12px 0; }\n  #wh-quiz-app .wh-imgbox img { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition:opacity .35s ease; }\n  #wh-quiz-app .wh-imgbox img.wh-loaded { opacity:1; }\n  #wh-quiz-app .wh-choices { display:grid; gap:10px; grid-template-columns:1fr 1fr; }\n  @media (max-width:640px){ #wh-quiz-app .wh-choices { grid-template-columns:1fr; } }\n  #wh-quiz-app .wh-choice { border:1.5px solid #e5e7eb; background:#fff; border-radius:12px; padding:12px 14px; cursor:pointer; display:flex; gap:10px; align-items:center; transition:transform .05s, border-color .2s, box-shadow .2s, background .2s; }\n  #wh-quiz-app .wh-choice:hover { transform:translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.06); }\n  #wh-quiz-app .wh-choice[data-state=\"correct\"]{ border-color:#bde7c5; background:#eaf7ee; }\n  #wh-quiz-app .wh-choice[data-state=\"wrong\"]{ border-color:#f3c0c0; background:#fdecec; }\n  #wh-quiz-app .wh-idx { width:26px; height:26px; border-radius:8px; display:grid; place-items:center; background:#eef2ff; color:#1e3a8a; font-weight:800; font-size:12px; flex:0 0 auto; }\n  #wh-quiz-app .wh-status { display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; font-size:14px; color:#6b7280; }\n  #wh-quiz-app .wh-pill { padding:4px 10px; border-radius:999px; background:#f3f4f6; }\n  #wh-quiz-app .wh-actions { display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; margin-top:14px; }\n  #wh-quiz-app .wh-btn { appearance:none; border:0; padding:12px 16px; border-radius:12px; font-weight:800; cursor:pointer; background:#2563eb; color:#fff; box-shadow:0 10px 25px rgba(0,0,0,.06); }\n  #wh-quiz-app .wh-btn.secondary{ background:#eef1f6; color:#111827; }\n  #wh-quiz-app .wh-btn:disabled{ opacity:.7; cursor:not-allowed; }\n  #wh-quiz-app .wh-scoreboard { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }\n  #wh-quiz-app .wh-p1 { color:#2563eb; font-weight:800; }\n  #wh-quiz-app .wh-p2 { color:#059669; font-weight:800; }\n  #wh-quiz-app .wh-turn { font-weight:800; }\n  #wh-quiz-app .wh-result { text-align:center; padding:18px 8px; }\n<\/style>\n\n<script>\n(function(){\n  const root = document.querySelector('#wh-quiz-app[data-scope=\"wh-quiz-v1\"]');\n  if (!root || root.__mounted) return; \/\/ \u591a\u91cd\u5b9f\u884c\u30ac\u30fc\u30c9\uff08WP\u3067\u540c\u3058\u30b3\u30fc\u30c9\u3092\u8907\u6570\u7f6e\u3044\u305f\u5834\u5408\u306e\u4fdd\u967a\uff09\n  root.__mounted = true;\n\n  \/\/ ===== \u30af\u30a4\u30ba\u8a2d\u5b9a =====\n  const WIN_POINTS = 10;         \/\/ 10\u554f\u5148\u53d6\n  const TOTAL_QUESTIONS = 30;    \/\/ \u516830\u554f\uff08\u5230\u9054\u524d\u306b\u5148\u53d6\u3067\u7d42\u4e86\u53ef\uff09\n\n  \/\/ ===== 30\u554f\uff08\u96e3\u554f\u5bc4\u308a\uff09\u753b\u50cf\u554f\u984c =====\n  \/\/ \u5404\u554f\u984c\u306f\u300c\u3069\u306e\u4e16\u754c\u907a\u7523\u304b\uff1f\u300d\u3092\u554f\u3046\u3002\u9078\u629e\u80a2\u306f\u4f3c\u305f\u7cfb\u7d71\u3067\u30df\u30b9\u30ea\u30fc\u30c9\u6c17\u5473\u3002\n  const QUESTIONS = [\n    {title:\"\u3053\u306e\u907a\u8de1\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/eb\/View_of_Machu_Picchu%2C_2018.jpg\", choices:[\"\u30de\u30c1\u30e5\u30fb\u30d4\u30c1\u30e5\uff08\u30da\u30eb\u30fc\uff09\",\"\u30c1\u30c1\u30a7\u30f3\u30fb\u30a4\u30c3\u30c4\u30a1\uff08\u30e1\u30ad\u30b7\u30b3\uff09\",\"\u30c6\u30a3\u30ab\u30eb\uff08\u30b0\u30a2\u30c6\u30de\u30e9\uff09\",\"\u30da\u30c8\u30e9\u907a\u8de1\uff08\u30e8\u30eb\u30c0\u30f3\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u5ca9\u7a9f\u90fd\u5e02\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/08\/Petra_Jordan_BW_21.JPG\", choices:[\"\u30cf\u30c8\u30e9\uff08\u30a4\u30e9\u30af\uff09\",\"\u30da\u30c8\u30e9\u907a\u8de1\uff08\u30e8\u30eb\u30c0\u30f3\uff09\",\"\u30d1\u30eb\u30df\u30e9\uff08\u30b7\u30ea\u30a2\uff09\",\"\u30d8\u30b0\u30e9\uff08\u30b5\u30a6\u30b8\u30a2\u30e9\u30d3\u30a2\uff09\"], correct:1},\n    {title:\"\u3053\u306e\u5bfa\u9662\u7fa4\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a9\/Angkor_Wat_temple.jpg\", choices:[\"\u30d0\u30ac\u30f3\uff08\u30df\u30e3\u30f3\u30de\u30fc\uff09\",\"\u30a2\u30f3\u30b3\u30fc\u30eb\uff08\u30ab\u30f3\u30dc\u30b8\u30a2\uff09\",\"\u30dc\u30ed\u30d6\u30c9\u30a5\u30fc\u30eb\uff08\u30a4\u30f3\u30c9\u30cd\u30b7\u30a2\uff09\",\"\u30b9\u30b3\u30fc\u30bf\u30a4\uff08\u30bf\u30a4\uff09\"], correct:1},\n    {title:\"\u3053\u306e\u57ce\u58c1\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/1\/10\/Great_Wall_of_China_June_2007.jpg\", choices:[\"\u4e07\u91cc\u306e\u9577\u57ce\uff08\u4e2d\u56fd\uff09\",\"\u30cf\u30b8\u30e9\u30d9\u30b0\u306e\u57ce\u58c1\uff08\u30a4\u30f3\u30c9\uff09\",\"\u30ab\u30a4\u30ed\u57ce\u58c1\uff08\u30a8\u30b8\u30d7\u30c8\uff09\",\"\u30cf\u30c7\u30a3\u30ea\u30a2\u30cc\u30b9\u306e\u9577\u57ce\uff08\u82f1\u56fd\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u970a\u5edf\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/df\/Taj_Mahal%2C_Agra%2C_India_edit3.jpg\", choices:[\"\u30bf\u30fc\u30b8\u30fb\u30de\u30cf\u30eb\uff08\u30a4\u30f3\u30c9\uff09\",\"\u30d5\u30de\u30fc\u30e6\u30fc\u30f3\u5edf\uff08\u30a4\u30f3\u30c9\uff09\",\"\u30d3\u30fc\u30d3\u30fc\u30fb\u30ab\u30fb\u30de\u30af\u30d0\u30e9\u30fc\uff08\u30a4\u30f3\u30c9\uff09\",\"\u30b4\u30eb\u30fb\u30b4\u30f3\u30d0\u30ba\uff08\u30a4\u30f3\u30c9\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u907a\u69cb\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/e3\/Kheops-Pyramid.jpg\", choices:[\"\u30ae\u30fc\u30b6\u306e\u5927\u30d4\u30e9\u30df\u30c3\u30c9\u7fa4\uff08\u30a8\u30b8\u30d7\u30c8\uff09\",\"\u30e1\u30ed\u30a8\u306e\u30d4\u30e9\u30df\u30c3\u30c9\uff08\u30b9\u30fc\u30c0\u30f3\uff09\",\"\u30c1\u30e3\u30eb\u30c1\u30e9\u30f3\u306e\u5893\u7fa4\uff08\u30a4\u30e9\u30f3\uff09\",\"\u30ab\u30e9\u30d5\u30eb\u30e0\u306e\u907a\u8de1\uff08\u30e2\u30f3\u30b4\u30eb\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u53e4\u4ee3\u907a\u8de1\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d6\/Parthenon_from_west.jpg\", choices:[\"\u30a2\u30c6\u30cd\u306e\u30a2\u30af\u30ed\u30dd\u30ea\u30b9\uff08\u30ae\u30ea\u30b7\u30e3\uff09\",\"\u30c7\u30eb\u30d5\u30a3\uff08\u30ae\u30ea\u30b7\u30e3\uff09\",\"\u30a8\u30d5\u30a7\u30bd\u30b9\uff08\u30c8\u30eb\u30b3\uff09\",\"\u30dd\u30f3\u30da\u30a4\uff08\u30a4\u30bf\u30ea\u30a2\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u5186\u5f62\u95d8\u6280\u5834\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/de\/Colosseo_2020.jpg\", choices:[\"\u30a8\u30eb\u30fb\u30b8\u30a7\u30e0\u5186\u5f62\u95d8\u6280\u5834\uff08\u30c1\u30e5\u30cb\u30b8\u30a2\uff09\",\"\u30cb\u30fc\u30e0\u306e\u5186\u5f62\u95d8\u6280\u5834\uff08\u30d5\u30e9\u30f3\u30b9\uff09\",\"\u30b3\u30ed\u30c3\u30bb\u30aa\uff08\u30a4\u30bf\u30ea\u30a2\uff09\",\"\u30e1\u30ea\u30c0\u5186\u5f62\u5287\u5834\uff08\u30b9\u30da\u30a4\u30f3\uff09\"], correct:2},\n    {title:\"\u3053\u306e\u5148\u53f2\u6642\u4ee3\u306e\u907a\u8de1\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/3\/3c\/Stonehenge2007_07_30.jpg\", choices:[\"\u30b9\u30c8\u30fc\u30f3\u30d8\u30f3\u30b8\uff08\u30a4\u30ae\u30ea\u30b9\uff09\",\"\u30cb\u30e5\u30fc\u30b0\u30ec\u30f3\u30b8\uff08\u30a2\u30a4\u30eb\u30e9\u30f3\u30c9\uff09\",\"\u30ab\u30fc\u30ca\u30c3\u30af\u5217\u77f3\uff08\u30d5\u30e9\u30f3\u30b9\uff09\",\"\u30b4\u30be\u306e\u5de8\u77f3\u795e\u6bbf\u7fa4\uff08\u30de\u30eb\u30bf\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u6d77\u4e0a\u4fee\u9053\u9662\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a1\/Mont_St_Michel_3%2C_Brittany%2C_France_-_July_2011.jpg\", choices:[\"\u30e2\u30f3\u30fb\u30b5\u30f3\uff1d\u30df\u30b7\u30a7\u30eb\uff08\u30d5\u30e9\u30f3\u30b9\uff09\",\"\u30b5\u30f3\u30fb\u30ab\u30c6\u30ea\u30fc\u30ca\u4fee\u9053\u9662\uff08\u30a8\u30b8\u30d7\u30c8\uff09\",\"\u30b7\u30c8\u30fc\u4f1a\u4fee\u9053\u9662\u7fa4\uff08\u30d5\u30e9\u30f3\u30b9\uff09\",\"\u30a2\u30c8\u30b9\u5c71\u306e\u4fee\u9053\u9662\u7fa4\uff08\u30ae\u30ea\u30b7\u30e3\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u57ce\u585e\u8907\u5408\u4f53\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/98\/Alhambra_Granada_Spain.jpg\", choices:[\"\u30a2\u30eb\u30cf\u30f3\u30d6\u30e9\u5bae\u6bbf\uff08\u30b9\u30da\u30a4\u30f3\uff09\",\"\u30c8\u30ec\u30c9\u6b74\u53f2\u5730\u533a\uff08\u30b9\u30da\u30a4\u30f3\uff09\",\"\u30bb\u30b4\u30d3\u30a2\u306e\u30a2\u30eb\u30ab\u30b5\u30eb\uff08\u30b9\u30da\u30a4\u30f3\uff09\",\"\u30a2\u30d3\u30e9\u306e\u57ce\u58c1\uff08\u30b9\u30da\u30a4\u30f3\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u8056\u5802\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/1\/10\/Sagrada_Familia_01.jpg\", choices:[\"\u30b5\u30b0\u30e9\u30c0\u30fb\u30d5\u30a1\u30df\u30ea\u30a2\uff08\u30b9\u30da\u30a4\u30f3\uff09\",\"\u30bb\u30d3\u30ea\u30a2\u5927\u8056\u5802\uff08\u30b9\u30da\u30a4\u30f3\uff09\",\"\u30b5\u30f3\u30c6\u30a3\u30a2\u30b4\u30fb\u30c7\u30fb\u30b3\u30f3\u30dd\u30b9\u30c6\u30fc\u30e9\u5927\u8056\u5802\uff08\u30b9\u30da\u30a4\u30f3\uff09\",\"\u30d6\u30eb\u30b4\u30b9\u5927\u8056\u5802\uff08\u30b9\u30da\u30a4\u30f3\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u72ec\u7acb\u56fd\u5bb6\u306e\u5b97\u6559\u65bd\u8a2d\u7fa4\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6f\/Basilica_di_San_Pietro_in_Vaticano_September_2015-1a.jpg\", choices:[\"\u30b5\u30f3\u30fb\u30d4\u30a8\u30c8\u30ed\u5927\u8056\u5802\uff08\u30d0\u30c1\u30ab\u30f3\u5e02\u56fd\uff09\",\"\u30e9\u30c6\u30e9\u30ce\u5927\u8056\u5802\uff08\u30a4\u30bf\u30ea\u30a2\uff09\",\"\u30df\u30e9\u30ce\u5927\u8056\u5802\uff08\u30a4\u30bf\u30ea\u30a2\uff09\",\"\u30d1\u30c9\u30f4\u30a1\u306e\u30b9\u30af\u30ed\u30f4\u30a7\u30fc\u30cb\u793c\u62dd\u5802\uff08\u30a4\u30bf\u30ea\u30a2\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u56fd\u7acb\u516c\u5712\uff08\u30cc\u30fc\u306e\u5927\u79fb\u52d5\u3067\u6709\u540d\uff09\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/Wildebeest_Migration_in_Serengeti.jpg\", choices:[\"\u30bb\u30ec\u30f3\u30b2\u30c6\u30a3\u56fd\u7acb\u516c\u5712\uff08\u30bf\u30f3\u30b6\u30cb\u30a2\uff09\",\"\u30af\u30eb\u30fc\u30ac\u30fc\u56fd\u7acb\u516c\u5712\uff08\u5357\u30a2\u30d5\u30ea\u30ab\uff09\",\"\u30de\u30b5\u30a4\u30de\u30e9\u56fd\u7acb\u4fdd\u8b77\u533a\uff08\u30b1\u30cb\u30a2\uff09\",\"\u30a8\u30c8\u30fc\u30b7\u30e3\u56fd\u7acb\u516c\u5712\uff08\u30ca\u30df\u30d3\u30a2\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u7fa4\u5cf6\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/77\/Bartolome_Island.jpg\", choices:[\"\u30ac\u30e9\u30d1\u30b4\u30b9\u8af8\u5cf6\uff08\u30a8\u30af\u30a2\u30c9\u30eb\uff09\",\"\u5c0f\u7b20\u539f\u8af8\u5cf6\uff08\u65e5\u672c\uff09\",\"\u30bd\u30b3\u30ed\u8af8\u5cf6\uff08\u30e1\u30ad\u30b7\u30b3\uff09\",\"\u30ed\u30fc\u30c9\u30fb\u30cf\u30a6\u5cf6\uff08\u30aa\u30fc\u30b9\u30c8\u30e9\u30ea\u30a2\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u5ce1\u8c37\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a0\/Grand_Canyon_view_from_Pima_Point_2010.jpg\", choices:[\"\u30b0\u30e9\u30f3\u30c9\u30fb\u30ad\u30e3\u30cb\u30aa\u30f3\uff08\u7c73\u56fd\uff09\",\"\u30d6\u30e9\u30a4\u30b9\u30ad\u30e3\u30cb\u30aa\u30f3\uff08\u7c73\u56fd\uff09\",\"\u30d5\u30a3\u30c3\u30b7\u30e5\u30ea\u30d0\u30fc\u30ad\u30e3\u30cb\u30aa\u30f3\uff08\u30ca\u30df\u30d3\u30a2\uff09\",\"\u30b3\u30eb\u30ab\u6e13\u8c37\uff08\u30da\u30eb\u30fc\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u9593\u6b20\u6cc9\u3067\u6709\u540d\u306a\u516c\u5712\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/5a\/Old_Faithful_Geyser_at_Yellowstone-27527-2.jpg\", choices:[\"\u30a4\u30a8\u30ed\u30fc\u30b9\u30c8\u30fc\u30f3\u56fd\u7acb\u516c\u5712\uff08\u7c73\u56fd\uff09\",\"\u30e8\u30bb\u30df\u30c6\u56fd\u7acb\u516c\u5712\uff08\u7c73\u56fd\uff09\",\"\u30a2\u30a4\u30b9\u30e9\u30f3\u30c9\u306e\u30b2\u30a4\u30b7\u30fc\u30eb\u5730\u71b1\u5730\u5e2f\uff08\u30a2\u30a4\u30b9\u30e9\u30f3\u30c9\uff09\",\"\u30c8\u30f3\u30ac\u30ea\u30ed\u56fd\u7acb\u516c\u5712\uff08\u30cb\u30e5\u30fc\u30b8\u30fc\u30e9\u30f3\u30c9\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u30b5\u30f3\u30b4\u7901\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/8f\/Great_Barrier_Reef_ESA23100418.jpg\", choices:[\"\u30b0\u30ec\u30fc\u30c8\u30fb\u30d0\u30ea\u30a2\u30fb\u30ea\u30fc\u30d5\uff08\u30aa\u30fc\u30b9\u30c8\u30e9\u30ea\u30a2\uff09\",\"\u30cb\u30e5\u30fc\u30ab\u30ec\u30c9\u30cb\u30a2\u306e\u30e9\u30b0\u30fc\u30f3\uff08\u4ecf\u9818\uff09\",\"\u30d9\u30ea\u30fc\u30ba\u30fb\u30d0\u30ea\u30a2\u30fb\u30ea\u30fc\u30d5\u4fdd\u8b77\u533a\uff08\u30d9\u30ea\u30fc\u30ba\uff09\",\"\u30c8\u30a5\u30d0\u30bf\u30cf\u5ca9\u7901\u81ea\u7136\u516c\u5712\uff08\u30d5\u30a3\u30ea\u30d4\u30f3\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u4e00\u679a\u5ca9\u3092\u4e3b\u666f\u3068\u3059\u308b\u516c\u5712\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/9f\/Uluru_%28Helicopter_view%29-crop.jpg\", choices:[\"\u30a6\u30eb\u30eb\uff1d\u30ab\u30bf\u30fb\u30b8\u30e5\u30bf\u56fd\u7acb\u516c\u5712\uff08\u30aa\u30fc\u30b9\u30c8\u30e9\u30ea\u30a2\uff09\",\"\u30ca\u30df\u30d6\u7802\u6d77\uff08\u30ca\u30df\u30d3\u30a2\uff09\",\"\u30b4\u30d3\u7802\u6f20\uff08\u30e2\u30f3\u30b4\u30eb\/\u4e2d\u56fd\uff09\",\"\u30ec\u30f3\u30bd\u30a4\u30b9\u30fb\u30de\u30e9\u30cb\u30a7\u30f3\u30bb\u30b9\u56fd\u7acb\u516c\u5712\uff08\u30d6\u30e9\u30b8\u30eb\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u77f3\u7070\u5ca9\u306e\u5947\u666f\u306e\u6e7e\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/8f\/Ha_Long_Bay_in_2019.jpg\", choices:[\"\u30cf\u30ed\u30f3\u6e7e\uff08\u30d9\u30c8\u30ca\u30e0\uff09\",\"\u30d1\u30f3\u30ac\u30fc\u6e7e\uff08\u30bf\u30a4\uff09\",\"\u6842\u6797\u30fb\u6f13\u6c5f\uff08\u4e2d\u56fd\uff09\",\"\u30a8\u30eb\u30fb\u30cb\u30c9\uff08\u30d5\u30a3\u30ea\u30d4\u30f3\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u65e5\u672c\u306e\u793e\u5bfa\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/9e\/Kiyomizu-dera%2C_Kyoto%2C_November_2016_-01.jpg\", choices:[\"\u6e05\u6c34\u5bfa\uff08\u53e4\u90fd\u4eac\u90fd\u306e\u6587\u5316\u8ca1\uff09\",\"\u6cd5\u9686\u5bfa\u5730\u57df\u306e\u4ecf\u6559\u5efa\u9020\u7269\",\"\u53b3\u5cf6\u795e\u793e\uff08\u5e83\u5cf6\uff09\",\"\u65e5\u5149\u306e\u793e\u5bfa\uff08\u6803\u6728\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u65e5\u672c\u306e\u57ce\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/1\/10\/Himeji_Castle_The_Keep_Tower_2019.jpg\", choices:[\"\u59eb\u8def\u57ce\uff08\u5175\u5eab\uff09\",\"\u677e\u672c\u57ce\uff08\u9577\u91ce\uff09\",\"\u718a\u672c\u57ce\uff08\u718a\u672c\uff09\",\"\u4e8c\u6761\u57ce\uff08\u4eac\u90fd\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u65e7\u5e02\u8857\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/64\/Dubrovnik_Old_Town.jpg\", choices:[\"\u30c9\u30a5\u30d6\u30ed\u30f4\u30cb\u30af\u65e7\u5e02\u8857\uff08\u30af\u30ed\u30a2\u30c1\u30a2\uff09\",\"\u30b3\u30c8\u30eb\u306e\u81ea\u7136\u30fb\u6587\u5316\u6b74\u53f2\u5730\u57df\uff08\u30e2\u30f3\u30c6\u30cd\u30b0\u30ed\uff09\",\"\u30b9\u30d7\u30ea\u30c8\u306e\u30c7\u30a3\u30aa\u30af\u30ec\u30c6\u30a3\u30a2\u30cc\u30b9\u5bae\u6bbf\uff08\u30af\u30ed\u30a2\u30c1\u30a2\uff09\",\"\u30bf\u30ea\u30f3\u6b74\u53f2\u5730\u533a\uff08\u30a8\u30b9\u30c8\u30cb\u30a2\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u5927\u8056\u5802\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/41\/Cologne_Cathedral_2019.jpg\", choices:[\"\u30b1\u30eb\u30f3\u5927\u8056\u5802\uff08\u30c9\u30a4\u30c4\uff09\",\"\u30a2\u30fc\u30d8\u30f3\u5927\u8056\u5802\uff08\u30c9\u30a4\u30c4\uff09\",\"\u30b7\u30e3\u30eb\u30c8\u30eb\u5927\u8056\u5802\uff08\u30d5\u30e9\u30f3\u30b9\uff09\",\"\u30ab\u30f3\u30bf\u30d9\u30ea\u30fc\u5927\u8056\u5802\uff08\u82f1\u56fd\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u68da\u7530\u666f\u89b3\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/5e\/Banaue_Rice_Terraces.jpg\", choices:[\"\u30d5\u30a3\u30ea\u30d4\u30f3\u30fb\u30b3\u30eb\u30c7\u30a3\u30ea\u30a7\u30fc\u30e9\u306e\u68da\u7530\u7fa4\",\"\u9f8d\u810a\u68da\u7530\uff08\u4e2d\u56fd\uff09\",\"\u30b5\u30d1\u306e\u68da\u7530\uff08\u30d9\u30c8\u30ca\u30e0\uff09\",\"\u9577\u6cbc\u306e\u68da\u7530\uff08\u65e5\u672c\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u30d4\u30e9\u30df\u30c3\u30c9\u795e\u6bbf\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/51\/Chichen_Itza_3.jpg\", choices:[\"\u30c1\u30c1\u30a7\u30f3\u30fb\u30a4\u30c3\u30c4\u30a1\uff08\u30e1\u30ad\u30b7\u30b3\uff09\",\"\u30c6\u30aa\u30c6\u30a3\u30ef\u30ab\u30f3\uff08\u30e1\u30ad\u30b7\u30b3\uff09\",\"\u30a6\u30b7\u30e5\u30de\u30eb\uff08\u30e1\u30ad\u30b7\u30b3\uff09\",\"\u30c6\u30a3\u30ef\u30ca\u30af\uff08\u30dc\u30ea\u30d3\u30a2\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u53e4\u4ee3\u90fd\u5e02\u907a\u8de1\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/85\/Teotihuacan_Pyramid_of_the_Sun.jpg\", choices:[\"\u30c6\u30aa\u30c6\u30a3\u30ef\u30ab\u30f3\uff08\u30e1\u30ad\u30b7\u30b3\uff09\",\"\u30d1\u30ec\u30f3\u30b1\uff08\u30e1\u30ad\u30b7\u30b3\uff09\",\"\u30e2\u30f3\u30c6\u30fb\u30a2\u30eb\u30d0\u30f3\uff08\u30e1\u30ad\u30b7\u30b3\uff09\",\"\u30b3\u30d1\u30f3\uff08\u30db\u30f3\u30b8\u30e5\u30e9\u30b9\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u30e2\u30a2\u30a4\u50cf\u306e\u5cf6\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/97\/Ahu_Tongariki%2C_Easter_Island.jpg\", choices:[\"\u30e9\u30d1\u30fb\u30cc\u30a4\uff08\u30c1\u30ea\u9818\u30a4\u30fc\u30b9\u30bf\u30fc\u5cf6\uff09\",\"\u30d8\u30f3\u30c0\u30fc\u30bd\u30f3\u5cf6\uff08\u82f1\u9818\uff09\",\"\u30c8\u30f3\u30ac\u30bf\u30d7\u5cf6\uff08\u30c8\u30f3\u30ac\uff09\",\"\u30ca\u30a6\u30eb\u5cf6\uff08\u30ca\u30a6\u30eb\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u4ecf\u6559\u907a\u8de1\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/9\/99\/Borobudur-NothWest-view.jpg\", choices:[\"\u30dc\u30ed\u30d6\u30c9\u30a5\u30fc\u30eb\uff08\u30a4\u30f3\u30c9\u30cd\u30b7\u30a2\uff09\",\"\u30d7\u30e9\u30f3\u30d0\u30ca\u30f3\uff08\u30a4\u30f3\u30c9\u30cd\u30b7\u30a2\uff09\",\"\u30b9\u30c1\u30e3\u30f3\u30bf\u30d0\u30eb\uff08\u30e9\u30aa\u30b9\uff09\",\"\u30d0\u30ac\u30f3\uff08\u30df\u30e3\u30f3\u30de\u30fc\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u5947\u5ca9\u3068\u4fee\u9053\u9662\u7fa4\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/1\/1a\/Meteora_Monasteries.jpg\", choices:[\"\u30e1\u30c6\u30aa\u30e9\uff08\u30ae\u30ea\u30b7\u30e3\uff09\",\"\u30b7\u30ae\u30ea\u30e4\uff08\u30b9\u30ea\u30e9\u30f3\u30ab\uff09\",\"\u30b5\u30f3\u30bf\u30fb\u30de\u30ea\u30a2\u30fb\u30c7\u30fb\u30e2\u30f3\u30bb\u30e9\u30fc\u30c8\u4fee\u9053\u9662\uff08\u30b9\u30da\u30a4\u30f3\uff09\",\"\u30ed\u30ab\u5cac\uff08\u30dd\u30eb\u30c8\u30ac\u30eb\uff09\"], correct:0},\n    {title:\"\u3053\u306e\u5947\u5ca9\u5730\u5f62\u306e\u516c\u5712\u306f\uff1f\", img:\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/1\/1a\/Cappadocia_%28Flickr%29.jpg\", choices:[\"\u30ae\u30e7\u30ec\u30e1\u56fd\u7acb\u516c\u5712\u3068\u30ab\u30c3\u30d1\u30c9\u30ad\u30a2\u306e\u5ca9\u7a9f\u7fa4\uff08\u30c8\u30eb\u30b3\uff09\",\"\u30f4\u30a1\u30ec\u30fc\u30fb\u30c9\u30fb\u30e9\u30fb\u30eb\u30ca\uff08\u30c1\u30ea\uff09\",\"\u30d6\u30e9\u30a4\u30b9\u30ad\u30e3\u30cb\u30aa\u30f3\uff08\u7c73\u56fd\uff09\",\"\u30d0\u30c3\u30c9\u30e9\u30f3\u30ba\u56fd\u7acb\u516c\u5712\uff08\u7c73\u56fd\uff09\"], correct:0}\n  ];\n\n  \/\/ ===== \u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3 =====\n  const $ = (sel, root=document) => root.querySelector(sel);\n  const el = (tag, props={}) => Object.assign(document.createElement(tag), props);\n  const shuffle = (arr) => { arr = arr.slice(); for (let i=arr.length-1;i>0;i--){ const j=Math.floor(Math.random()*(i+1)); [arr[i],arr[j]]=[arr[j],arr[i]]; } return arr; };\n\n  \/\/ ===== \u72b6\u614b =====\n  const state = {\n    order: shuffle([...Array(QUESTIONS.length).keys()]),\n    idx: 0,\n    scores: [0,0],   \/\/ [P1, P2]\n    turn: 0,         \/\/ 0: P1, 1: P2\n    answered: false\n  };\n\n  \/\/ ===== \u753b\u9762\u69cb\u7bc9 =====\n  const wrap = el('div', { className: 'wh-wrap' });\n  root.appendChild(wrap);\n\n  function renderStart(){\n    wrap.innerHTML = '';\n    const head = el('div', { className:'wh-head' });\n    head.append(\n      el('span', { className:'wh-badge', textContent:'\u4e16\u754c\u907a\u7523\u30af\u30a4\u30ba\uff08\u753b\u50cf\uff09' }),\n      el('span', { className:'wh-sub', innerHTML:'\u516830\u554f \/ <b>\u4ea4\u4e92\u56de\u7b54<\/b> \/ <b>10\u554f\u5148\u53d6\u3067\u52dd\u5229<\/b>' })\n    );\n\n    const title = el('div', { className:'wh-title', textContent:'\u96e3\u554f\u306b\u6311\u6226\uff01\u30b9\u30bf\u30fc\u30c8\u3067\u958b\u59cb' });\n\n    const imgbox = el('div', { className:'wh-imgbox' });\n    const img = el('img', { alt:'preview' });\n    img.onload = () => img.classList.add('wh-loaded');\n    img.src = QUESTIONS[state.order[0]].img;\n    imgbox.appendChild(img);\n\n    const score = scoreBoard();\n    const actions = el('div', { className:'wh-actions' });\n    const startBtn = el('button', { className:'wh-btn', textContent:'\u30b9\u30bf\u30fc\u30c8' });\n    const shuffleBtn = el('button', { className:'wh-btn secondary', textContent:'\u554f\u984c\u9806\u3092\u30b7\u30e3\u30c3\u30d5\u30eb' });\n    startBtn.onclick = start;\n    shuffleBtn.onclick = () => { state.order = shuffle(state.order); renderStart(); };\n    actions.append(shuffleBtn, startBtn);\n\n    wrap.append(head, title, imgbox, score, actions);\n  }\n\n  function scoreBoard() {\n    const sb = el('div', { className:'wh-scoreboard' });\n    const p1 = el('span', { className:'wh-pill wh-p1', innerHTML:`P1: <b>${state.scores[0]}<\/b>` });\n    const p2 = el('span', { className:'wh-pill wh-p2', innerHTML:`P2: <b>${state.scores[1]}<\/b>` });\n    const turn = el('span', { className:'wh-pill wh-turn', textContent:`\u624b\u756a\uff1a${state.turn===0 ? 'P1' : 'P2'}` });\n    sb.append(p1, p2, turn);\n    return sb;\n  }\n\n  function start(){\n    state.idx = 0;\n    state.scores = [0,0];\n    state.turn = 0;\n    state.answered = false;\n    renderQuestion();\n  }\n\n  function renderQuestion(){\n    wrap.innerHTML = '';\n    const q = QUESTIONS[state.order[state.idx]];\n    const head = el('div', { className:'wh-head' });\n    head.append(\n      el('span', { className:'wh-badge', textContent:'\u4e16\u754c\u907a\u7523\u30af\u30a4\u30ba' }),\n      el('span', { className:'wh-qno', textContent:`Q${state.idx+1} \/ ${TOTAL_QUESTIONS}` })\n    );\n\n    const progress = el('div', { className:'wh-progress' });\n    progress.appendChild(el('i'));\n    progress.style.setProperty('--p', ((state.idx\/TOTAL_QUESTIONS)*100).toFixed(1)+'%');\n\n    const title = el('div', { className:'wh-title', textContent:q.title });\n\n    const imgbox = el('div', { className:'wh-imgbox' });\n    const img = el('img', { alt:q.title, referrerPolicy:'no-referrer' });\n    img.onload = () => img.classList.add('wh-loaded');\n    img.onerror = () => { img.src = q.img; }; \/\/ \u5358\u7d14\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\n    img.src = q.img;\n    imgbox.appendChild(img);\n\n    const choices = el('div', { className:'wh-choices' });\n    q.choices.forEach((label, i) => {\n      const btn = el('button', { className:'wh-choice', type:'button' });\n      btn.innerHTML = `<span class=\"wh-idx\">${String.fromCharCode(65+i)}<\/span><span>${label}<\/span>`;\n      btn.onclick = () => choose(i);\n      choices.appendChild(btn);\n    });\n\n    const status = el('div', { className:'wh-status' });\n    status.innerHTML = `\n      <span class=\"wh-pill\">\u624b\u756a\uff1a<b>${state.turn===0?'P1':'P2'}<\/b><\/span>\n      <span class=\"wh-pill\">\u6b8b\u308a\uff1a${TOTAL_QUESTIONS - state.idx - 1}\u554f<\/span>\n    `;\n\n    const actions = el('div', { className:'wh-actions' });\n    const nextBtn = el('button', { className:'wh-btn', textContent: state.idx===TOTAL_QUESTIONS-1 ? '\u7d50\u679c\u3092\u898b\u308b' : '\u6b21\u3078' });\n    nextBtn.disabled = true;\n    const toStart = el('button', { className:'wh-btn secondary', textContent:'\u6700\u521d\u306b\u623b\u308b' });\n    toStart.onclick = renderStart;\n    actions.append(toStart, nextBtn);\n\n    const sb = scoreBoard();\n\n    wrap.append(head, progress, sb, title, imgbox, choices, status, actions);\n\n    function choose(i){\n      if (state.answered) return;\n      state.answered = true;\n\n      const correct = q.correct;\n      const btns = [...wrap.querySelectorAll('.wh-choice')];\n      btns.forEach((b, idx) => {\n        if (idx===correct) b.setAttribute('data-state','correct');\n        if (idx===i && i!==correct) b.setAttribute('data-state','wrong');\n        b.disabled = true;\n      });\n\n      if (i===correct) {\n        state.scores[state.turn] += 1;\n      }\n      \/\/ \u5148\u53d6\u5224\u5b9a\n      if (state.scores[state.turn] >= WIN_POINTS) {\n        showWinner(state.turn);\n        return;\n      }\n\n      nextBtn.disabled = false;\n      \/\/ \u6b21\u306e\u624b\u756a\u3078\n      state.turn = state.turn===0 ? 1 : 0;\n\n      \/\/ \u9032\u6357\u306e\u898b\u305f\u76ee\u66f4\u65b0\n      const p1 = wrap.querySelector('.wh-p1');\n      const p2 = wrap.querySelector('.wh-p2');\n      const turn = wrap.querySelector('.wh-turn');\n      if (p1) p1.innerHTML = `P1: <b>${state.scores[0]}<\/b>`;\n      if (p2) p2.innerHTML = `P2: <b>${state.scores[1]}<\/b>`;\n      if (turn) turn.textContent = `\u624b\u756a\uff1a${state.turn===0 ? 'P1' : 'P2'}`;\n    }\n\n    nextBtn.onclick = () => {\n      \/\/ \u6b21\u306e\u554f\u984c\u3078\n      if (state.idx < TOTAL_QUESTIONS - 1) {\n        state.idx++;\n        state.answered = false;\n        renderQuestion();\n      } else {\n        showResult();\n      }\n    };\n  }\n\n  function showWinner(winnerIdx){\n    wrap.innerHTML = '';\n    const res = el('div', { className:'wh-result' });\n    const title = el('div', { className:'wh-title', innerHTML:`\ud83c\udf89 \u52dd\u8005\uff1a<b>${winnerIdx===0?'\u30d7\u30ec\u30a4\u30e4\u30fc1':'\u30d7\u30ec\u30a4\u30e4\u30fc2'}<\/b>` });\n    const sub = el('div', { className:'wh-sub', innerHTML:`\u6700\u7d42\u30b9\u30b3\u30a2 P1 <b>${state.scores[0]}<\/b> - P2 <b>${state.scores[1]}<\/b>\uff08${WIN_POINTS}\u554f\u5148\u53d6\uff09` });\n    const actions = el('div', { className:'wh-actions', style:'justify-content:center' });\n    const again = el('button', { className:'wh-btn', textContent:'\u3082\u3046\u4e00\u5ea6\uff08\u9806\u756a\u3092\u5909\u3048\u308b\uff09' });\n    const same = el('button', { className:'wh-btn secondary', textContent:'\u540c\u3058\u9806\u756a\u3067\u518d\u6226' });\n    again.onclick = () => { state.order = shuffle(state.order); start(); };\n    same.onclick = start;\n    actions.append(again, same);\n    wrap.append(res, title, sub, actions);\n  }\n\n  function showResult(){\n    wrap.innerHTML = '';\n    const res = el('div', { className:'wh-result' });\n    const title = el('div', { className:'wh-title', innerHTML:`\u7d50\u679c\uff1aP1 <b>${state.scores[0]}<\/b> - P2 <b>${state.scores[1]}<\/b>` });\n    const sub = el('div', { className:'wh-sub', textContent:'\u5168\u554f\u7d42\u4e86\u3002\u30ea\u30d9\u30f3\u30b8\u3057\u307e\u3059\u304b\uff1f' });\n    const actions = el('div', { className:'wh-actions', style:'justify-content:center' });\n    const again = el('button', { className:'wh-btn', textContent:'\u3082\u3046\u4e00\u5ea6\uff08\u9806\u756a\u3092\u5909\u3048\u308b\uff09' });\n    const same = el('button', { className:'wh-btn secondary', textContent:'\u540c\u3058\u9806\u756a\u3067\u518d\u6311\u6226' });\n    again.onclick = () => { state.order = shuffle(state.order); start(); };\n    same.onclick = start;\n    actions.append(again, same);\n    wrap.append(res, title, sub, actions);\n  }\n\n  \/\/ \u521d\u671f\u753b\u9762\n  renderStart();\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/eqeducation.jp\/index.php?rest_route=\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eqeducation.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eqeducation.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eqeducation.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eqeducation.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1"}],"version-history":[{"count":2,"href":"https:\/\/eqeducation.jp\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/eqeducation.jp\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/eqeducation.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eqeducation.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eqeducation.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}