{"id":12061,"date":"2026-06-29T08:16:00","date_gmt":"2026-06-28T23:16:00","guid":{"rendered":"https:\/\/chicodori.net\/?p=12061"},"modified":"2026-06-08T21:03:38","modified_gmt":"2026-06-08T12:03:38","slug":"%e3%81%93%e3%81%a8%e3%81%b0%e3%81%ae%e9%a0%86%e7%95%aa%e3%83%9e%e3%82%b9%e3%82%bf%e3%83%bc","status":"publish","type":"post","link":"https:\/\/chicodori.net\/?p=12061","title":{"rendered":"\u3053\u3068\u3070\u306e\u9806\u756a\u30de\u30b9\u30bf\u30fc"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u4eca\u56de\u306f\u3001\u8f9e\u66f8\u306e\u9806\u756a\u3092\u697d\u3057\u304f\u5fa9\u7fd2\u3067\u304d\u308b\u3001\u304b\u3093\u305f\u3093\u306a\u30b2\u30fc\u30e0\u3092\u4f5c\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 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>\u8f9e\u66f8\u3092\u30b9\u30e0\u30fc\u30b9\u306b\u3072\u3051\u308b\u304b\u306a\uff1f<\/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\u8a00\u8449\u3092\u3001\u56fd\u8a9e\u8f9e\u5178\u306b\u8f09\u3063\u3066\u3044\u308b\u9806\u756a\u306b\u306a\u308b\u3088\u3046\u306b\u4e26\u3079\u308b\u30b2\u30fc\u30e0\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6700\u521d\u306f\u300c\u3042\u3044\u3046\u3048\u304a\u300d\u306e\u9806\u756a\u3092\u78ba\u8a8d\u3059\u308b\u554f\u984c\u304b\u3089\u59cb\u307e\u308a\u3001\u6163\u308c\u3066\u304f\u308b\u3068\u6fc1\u97f3\uff08\u309b\uff09\u3084\u534a\u6fc1\u97f3\uff08\u309c\uff09\u3001\u5c0f\u3055\u3044\u300c\u3063\u300d\u3084\u300c\u3083\u30fb\u3085\u30fb\u3087\u300d\u304c\u5165\u3063\u305f\u5c11\u3057\u96e3\u3057\u3044\u554f\u984c\u3082\u767b\u5834\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8f9e\u66f8\u3092\u5f15\u304f\u529b\u306f\u3082\u3061\u308d\u3093\u3001\u8a00\u8449\u306e\u4e26\u3073\u65b9\u306e\u30eb\u30fc\u30eb\u3082\u81ea\u7136\u306b\u8eab\u306b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u305c\u3072\u300c\u8f9e\u66f8\u30de\u30b9\u30bf\u30fc\u300d\u3092\u76ee\u6307\u3057\u3066\u6311\u6226\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\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=\"12061\" data-buttoncount=\"1\">\u3053\u308c\u597d\u304d<span class=\"material-symbols-rounded\">favorite<\/span><span class=\"ifw_count\" id=\"ifw_count_12061_1\">0<\/span><\/button><div class=\"ifw_message_wrap ifw_top_left\" id=\"ifw_message_12061_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_12061_1\"><div class=\"ifw_close\" data-id=\"12061_1\">\u00d7<\/div><div class=\"ifw_message\"><div class=\"ifw_image\"><img decoding=\"async\" src=\"\" id=\"ifw_image_12061_1\"><\/div><div class=\"ifw_text\" id=\"ifw_showmessage_12061_1\"><\/div><\/div><div class=\"ifw_arrow\"><\/div><\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.dict-game {\n  max-width: 760px;\n  margin: 32px auto;\n  padding: 24px;\n  border-radius: 24px;\n  background: #fff7df;\n  border: 3px solid #f0b84a;\n  font-family: \"Hiragino Sans\", \"Yu Gothic\", sans-serif;\n  color: #333;\n}\n\n.dict-game * {\n  box-sizing: border-box;\n}\n\n.dict-title {\n  text-align: center;\n  margin: 0 0 10px;\n  font-size: 28px;\n}\n\n.dict-lead {\n  text-align: center;\n  margin: 0 0 20px;\n  font-weight: 700;\n}\n\n.dict-info {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 18px;\n  font-weight: 700;\n}\n\n.dict-box {\n  background: #fff;\n  border: 2px solid #f0c86a;\n  border-radius: 18px;\n  padding: 16px;\n  margin-bottom: 16px;\n}\n\n.dict-box h3 {\n  margin: 0 0 12px;\n  font-size: 18px;\n}\n\n.word-cards,\n.answer-cards {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  min-height: 58px;\n}\n\n.word-card {\n  border: none;\n  border-radius: 999px;\n  padding: 12px 18px;\n  background: #ffd76a;\n  color: #333;\n  font-size: 20px;\n  font-weight: 800;\n  cursor: pointer;\n  box-shadow: 0 4px 0 #d99b22;\n}\n\n.word-card:active {\n  transform: translateY(3px);\n  box-shadow: 0 1px 0 #d99b22;\n}\n\n.word-card.used {\n  opacity: 0.35;\n  pointer-events: none;\n}\n\n.answer-card {\n  border-radius: 999px;\n  padding: 12px 18px;\n  background: #dff3ff;\n  border: 2px solid #65bce8;\n  font-size: 20px;\n  font-weight: 800;\n  cursor: pointer;\n}\n\n.dict-buttons {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n}\n\n.dict-btn {\n  border: none;\n  border-radius: 14px;\n  padding: 12px 20px;\n  background: #333;\n  color: #fff;\n  font-size: 16px;\n  font-weight: 800;\n  cursor: pointer;\n}\n\n.dict-btn.sub {\n  background: #777;\n}\n\n.dict-message {\n  margin-top: 18px;\n  padding: 14px;\n  border-radius: 16px;\n  background: #fff;\n  text-align: center;\n  font-size: 18px;\n  font-weight: 800;\n  min-height: 54px;\n}\n\n.correct {\n  color: #168a3a;\n}\n\n.wrong {\n  color: #d64545;\n}\n\n@media (max-width: 600px) {\n  .dict-game {\n    margin: 16px;\n    padding: 18px;\n  }\n\n  .dict-title {\n    font-size: 24px;\n  }\n\n  .word-card,\n  .answer-card {\n    font-size: 18px;\n    padding: 10px 15px;\n  }\n}\n\n.dict-message.correct{\n  background:#fff3b0;\n  border:4px solid #ffb703;\n  color:#7a4b00;\n  font-size:36px;\n  font-weight:900;\n  text-align:center;\n  padding:28px;\n  animation:pop .35s ease;\n}\n\n.correct .big-correct{\n  display:block;\n  font-size:44px;\n  margin-bottom:8px;\n}\n\n.correct .small-correct{\n  display:block;\n  font-size:20px;\n}\n\n@keyframes pop{\n  0%{ transform:scale(0.7); }\n  70%{ transform:scale(1.08); }\n  100%{ transform:scale(1); }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const app = document.getElementById(\"dictionary-order-game\");\n  if (!app) return;\n\n  const QUESTIONS = [\n    { level: \"\u30ec\u30d9\u30eb1\uff1a\u4e00\u6587\u5b57\u76ee\", words: [\"\u3046\u307f\", \"\u3042\u3081\", \"\u3048\u304d\", \"\u3044\u306c\"], answer: [\"\u3042\u3081\", \"\u3044\u306c\", \"\u3046\u307f\", \"\u3048\u304d\"] },\n    { level: \"\u30ec\u30d9\u30eb1\uff1a\u4e00\u6587\u5b57\u76ee\", words: [\"\u305d\u3089\", \"\u304f\u3082\", \"\u3084\u307e\", \"\u304b\u308f\"], answer: [\"\u304b\u308f\", \"\u304f\u3082\", \"\u305d\u3089\", \"\u3084\u307e\"] },\n\n    { level: \"\u30ec\u30d9\u30eb2\uff1a\u4e8c\u6587\u5b57\u76ee\", words: [\"\u304b\u3055\", \"\u304b\u304d\", \"\u304b\u3081\", \"\u304b\u306b\"], answer: [\"\u304b\u304d\", \"\u304b\u3055\", \"\u304b\u306b\", \"\u304b\u3081\"] },\n    { level: \"\u30ec\u30d9\u30eb2\uff1a\u4e8c\u6587\u5b57\u76ee\", words: [\"\u3055\u308b\", \"\u3055\u3051\", \"\u3055\u3068\", \"\u3055\u3057\u307f\"], answer: [\"\u3055\u3051\", \"\u3055\u3057\u307f\", \"\u3055\u3068\", \"\u3055\u308b\"] },\n    { level: \"\u30ec\u30d9\u30eb2\uff1a\u4e8c\u6587\u5b57\u76ee\", words: [\"\u306d\u3053\", \"\u306d\u305a\u307f\", \"\u306d\u304e\", \"\u306d\u3093\u3069\"], answer: [\"\u306d\u304e\", \"\u306d\u3053\", \"\u306d\u305a\u307f\", \"\u306d\u3093\u3069\"] },\n    { level: \"\u30ec\u30d9\u30eb2\uff1a\u4e8c\u6587\u5b57\u76ee\", words: [\"\u3042\u3057\", \"\u3042\u3081\", \"\u3042\u306a\", \"\u3042\u3068\"], answer: [\"\u3042\u3057\", \"\u3042\u3068\", \"\u3042\u306a\", \"\u3042\u3081\"] },\n    { level: \"\u30ec\u30d9\u30eb2\uff1a\u4e8c\u6587\u5b57\u76ee\", words: [\"\u304f\u307e\", \"\u304f\u3057\", \"\u304f\u3064\", \"\u304f\u3082\"], answer: [\"\u304f\u3057\", \"\u304f\u3064\", \"\u304f\u307e\", \"\u304f\u3082\"] },\n    { level: \"\u30ec\u30d9\u30eb2\uff1a\u4e8c\u6587\u5b57\u76ee\", words: [\"\u307b\u3057\", \"\u307b\u3093\", \"\u307b\u306d\", \"\u307b\u305f\u308b\"], answer: [\"\u307b\u305f\u308b\", \"\u307b\u3057\", \"\u307b\u306d\", \"\u307b\u3093\"] },\n\n    { level: \"\u30ec\u30d9\u30eb3\uff1a\u4e09\u6587\u5b57\u76ee\", words: [\"\u3055\u304f\u3089\", \"\u3055\u304b\u306a\", \"\u3055\u3068\u3046\", \"\u3055\u3070\u304f\"], answer: [\"\u3055\u304b\u306a\", \"\u3055\u304f\u3089\", \"\u3055\u3068\u3046\", \"\u3055\u3070\u304f\"] },\n    { level: \"\u30ec\u30d9\u30eb3\uff1a\u4e09\u6587\u5b57\u76ee\", words: [\"\u304b\u3089\u3059\", \"\u304b\u3089\u3060\", \"\u304b\u3089\u3066\", \"\u304b\u3089\u3057\"], answer: [\"\u304b\u3089\u3057\", \"\u304b\u3089\u3059\", \"\u304b\u3089\u3060\", \"\u304b\u3089\u3066\"] },\n    { level: \"\u30ec\u30d9\u30eb3\uff1a\u4e09\u6587\u5b57\u76ee\", words: [\"\u3042\u3055\u304c\u304a\", \"\u3042\u3055\u3072\", \"\u3042\u3055\u308a\", \"\u3042\u3055\u3044\"], answer: [\"\u3042\u3055\u3044\", \"\u3042\u3055\u304c\u304a\", \"\u3042\u3055\u3072\", \"\u3042\u3055\u308a\"] },\n    { level: \"\u30ec\u30d9\u30eb3\uff1a\u4e09\u6587\u5b57\u76ee\", words: [\"\u305f\u307e\u3054\", \"\u305f\u306c\u304d\", \"\u305f\u3051\", \"\u305f\u3053\"], answer: [\"\u305f\u3053\", \"\u305f\u3051\", \"\u305f\u306c\u304d\", \"\u305f\u307e\u3054\"] },\n    { level: \"\u30ec\u30d9\u30eb3\uff1a\u4e09\u6587\u5b57\u76ee\", words: [\"\u3084\u3055\u3044\", \"\u3084\u307e\", \"\u3084\u304e\", \"\u3084\u306d\"], answer: [\"\u3084\u304e\", \"\u3084\u3055\u3044\", \"\u3084\u306d\", \"\u3084\u307e\"] },\n    { level: \"\u30ec\u30d9\u30eb3\uff1a\u4e09\u6587\u5b57\u76ee\", words: [\"\u307f\u3069\u308a\", \"\u307f\u304b\u3093\", \"\u307f\u307f\", \"\u307f\u305a\"], answer: [\"\u307f\u304b\u3093\", \"\u307f\u305a\", \"\u307f\u3069\u308a\", \"\u307f\u307f\"] },\n\n    { level: \"\u30ec\u30d9\u30eb4\uff1a\u6fc1\u97f3\", words: [\"\u304b\u304d\", \"\u304c\u3051\", \"\u304b\u3055\", \"\u304c\u304f\"], answer: [\"\u304b\u304d\", \"\u304b\u3055\", \"\u304c\u304f\", \"\u304c\u3051\"] },\n    { level: \"\u30ec\u30d9\u30eb4\uff1a\u6fc1\u97f3\u30fb\u534a\u6fc1\u97f3\", words: [\"\u306f\u306a\", \"\u3070\u306a\u306a\", \"\u3071\u3093\", \"\u306f\u3053\"], answer: [\"\u306f\u3053\", \"\u306f\u306a\", \"\u3070\u306a\u306a\", \"\u3071\u3093\"] },\n    { level: \"\u30ec\u30d9\u30eb4\uff1a\u6fc1\u97f3\u30fb\u534a\u6fc1\u97f3\", words: [\"\u307b\u3057\", \"\u307c\u3046\u3057\", \"\u307d\u3051\u3063\u3068\", \"\u307b\u3093\"], answer: [\"\u307b\u3057\", \"\u307b\u3093\", \"\u307c\u3046\u3057\", \"\u307d\u3051\u3063\u3068\"] },\n    { level: \"\u30ec\u30d9\u30eb4\uff1a\u6fc1\u97f3\", words: [\"\u304b\u305f\", \"\u304c\u3063\u3053\u3046\", \"\u304c\u307e\", \"\u304b\u3070\u3093\"], answer: [\"\u304b\u305f\", \"\u304b\u3070\u3093\", \"\u304c\u3063\u3053\u3046\", \"\u304c\u307e\"] },\n    { level: \"\u30ec\u30d9\u30eb4\uff1a\u534a\u6fc1\u97f3\", words: [\"\u306f\u3053\", \"\u3071\u305a\u308b\", \"\u3070\u3051\u3064\", \"\u306f\u3055\u307f\"], answer: [\"\u306f\u3053\", \"\u306f\u3055\u307f\", \"\u3070\u3051\u3064\", \"\u3071\u305a\u308b\"] },\n\n    { level: \"\u30ec\u30d9\u30eb5\uff1a\u5c0f\u3055\u3044\u300c\u3063\u300d\", words: [\"\u304d\u3063\u3066\", \"\u304d\u3064\u306d\", \"\u304d\u3082\u306e\", \"\u304d\u306e\u307f\"], answer: [\"\u304d\u3064\u306d\", \"\u304d\u3063\u3066\", \"\u304d\u306e\u307f\", \"\u304d\u3082\u306e\"] },\n    { level: \"\u30ec\u30d9\u30eb5\uff1a\u5c0f\u3055\u3044\u300c\u3063\u300d\", words: [\"\u307e\u3063\u3059\u3050\", \"\u307e\u3064\u308a\", \"\u307e\u304f\u3089\", \"\u307e\u3081\"], answer: [\"\u307e\u304f\u3089\", \"\u307e\u3064\u308a\", \"\u307e\u3063\u3059\u3050\", \"\u307e\u3081\"] },\n    { level: \"\u30ec\u30d9\u30eb5\uff1a\u5c0f\u3055\u3044\u300c\u3063\u300d\", words: [\"\u304c\u3063\u304d\", \"\u304c\u304f\", \"\u304c\u3063\u3053\u3046\", \"\u304c\u3051\"], answer: [\"\u304c\u304f\", \"\u304c\u3051\", \"\u304c\u3063\u304d\", \"\u304c\u3063\u3053\u3046\"] },\n    { level: \"\u30ec\u30d9\u30eb5\uff1a\u5c0f\u3055\u3044\u300c\u3063\u300d\", words: [\"\u304d\u3063\u3066\", \"\u304d\u3066\", \"\u304d\u3064\u306d\", \"\u304d\u306e\u3053\"], answer: [\"\u304d\u3066\", \"\u304d\u3064\u306d\", \"\u304d\u3063\u3066\", \"\u304d\u306e\u3053\"] },\n\n    { level: \"\u30ec\u30d9\u30eb5\uff1a\u5c0f\u3055\u3044\u300c\u3083\u3085\u3087\u300d\", words: [\"\u304d\u3083\u304f\", \"\u304d\u3084\u304f\", \"\u304d\u3082\u306e\", \"\u304d\u308a\u3093\"], answer: [\"\u304d\u3084\u304f\", \"\u304d\u3083\u304f\", \"\u304d\u308a\u3093\", \"\u304d\u3082\u306e\"] },\n    { level: \"\u30ec\u30d9\u30eb5\uff1a\u5c0f\u3055\u3044\u300c\u3083\u3085\u3087\u300d\", words: [\"\u3057\u3085\u304f\u3060\u3044\", \"\u3057\u3086\u3046\", \"\u3057\u3087\u304f\u3069\u3046\", \"\u3057\u3088\u3046\"], answer: [\"\u3057\u3086\u3046\", \"\u3057\u3085\u304f\u3060\u3044\", \"\u3057\u3088\u3046\", \"\u3057\u3087\u304f\u3069\u3046\"] },\n    { level: \"\u30ec\u30d9\u30eb5\uff1a\u5c0f\u3055\u3044\u300c\u3083\u3085\u3087\u300d\", words: [\"\u304d\u3083\u3079\u3064\", \"\u304d\u3084\u304f\", \"\u304d\u3087\u3046\", \"\u304d\u3088\u3046\"], answer: [\"\u304d\u3084\u304f\", \"\u304d\u3083\u3079\u3064\", \"\u304d\u3088\u3046\", \"\u304d\u3087\u3046\"] },\n    { level: \"\u30ec\u30d9\u30eb5\uff1a\u5c0f\u3055\u3044\u300c\u3083\u3085\u3087\u300d\", words: [\"\u3057\u3083\u3057\u3093\", \"\u3057\u3084\u304f\u3057\u3087\", \"\u3057\u3087\u3046\u3086\", \"\u3057\u3088\u3046\"], answer: [\"\u3057\u3084\u304f\u3057\u3087\", \"\u3057\u3083\u3057\u3093\", \"\u3057\u3088\u3046\", \"\u3057\u3087\u3046\u3086\"] },\n\n    { level: \"\u30ec\u30d9\u30eb6\uff1a\u3058\u3057\u3087\u30de\u30b9\u30bf\u30fc\", words: [\"\u304d\u3087\u3046\", \"\u304d\u3088\u3046\", \"\u304d\u3085\u3046\u308a\", \"\u304d\u3086\u3046\u308a\"], answer: [\"\u304d\u3088\u3046\", \"\u304d\u3087\u3046\", \"\u304d\u3086\u3046\u308a\", \"\u304d\u3085\u3046\u308a\"] },\n    { level: \"\u30ec\u30d9\u30eb6\uff1a\u3058\u3057\u3087\u30de\u30b9\u30bf\u30fc\", words: [\"\u304e\u3085\u3046\u306b\u3085\u3046\", \"\u304d\u3086\u3046\u308a\", \"\u304d\u3087\u3046\", \"\u304d\u3088\u3046\"], answer: [\"\u304d\u3088\u3046\", \"\u304d\u3087\u3046\", \"\u304d\u3086\u3046\u308a\", \"\u304e\u3085\u3046\u306b\u3085\u3046\"] },\n    { level: \"\u30ec\u30d9\u30eb6\uff1a\u3058\u3057\u3087\u30de\u30b9\u30bf\u30fc\", words: [\"\u308a\u3083\u304f\u3054\", \"\u308a\u3084\u304b\u30fc\", \"\u308a\u3085\u3046\", \"\u308a\u3086\u3046\"], answer: [\"\u308a\u3084\u304b\u30fc\", \"\u308a\u3083\u304f\u3054\", \"\u308a\u3086\u3046\", \"\u308a\u3085\u3046\"] },\n    { level: \"\u30ec\u30d9\u30eb6\uff1a\u3058\u3057\u3087\u30de\u30b9\u30bf\u30fc\", words: [\"\u3072\u3087\u3046\u305f\u3093\", \"\u3072\u3088\u3046\", \"\u3072\u3085\u3046\u304c\", \"\u3072\u3086\u3046\"], answer: [\"\u3072\u3088\u3046\", \"\u3072\u3087\u3046\u305f\u3093\", \"\u3072\u3086\u3046\", \"\u3072\u3085\u3046\u304c\"] },\n    { level: \"\u30ec\u30d9\u30eb6\uff1a\u3058\u3057\u3087\u30de\u30b9\u30bf\u30fc\", words: [\"\u307f\u3083\u304f\", \"\u307f\u3084\u3052\", \"\u307f\u3087\u3046\u3058\", \"\u307f\u3088\u3046\"], answer: [\"\u307f\u3084\u3052\", \"\u307f\u3083\u304f\", \"\u307f\u3088\u3046\", \"\u307f\u3087\u3046\u3058\"] }\n  ];\n\n  const QUESTION_COUNT = 10;\n\n  let gameQuestions = [];\n  let currentIndex = 0;\n  let selected = [];\n  let score = 0;\n  let isWaiting = false;\n\n  app.innerHTML = `\n    <div class=\"dict-game\">\n      <h2 class=\"dict-title\">\u8f9e\u66f8\u306a\u3089\u3079<\/h2>\n      <p class=\"dict-lead\">\u3053\u3068\u3070\u3092\u3001\u56fd\u8a9e\u8f9e\u5178\u306b\u51fa\u3066\u304f\u308b\u9806\u756a\u306b\u30bf\u30c3\u30d7\u3057\u3088\u3046\uff01<\/p>\n\n      <div class=\"dict-info\">\n        <div id=\"questionCount\"><\/div>\n        <div id=\"score\"><\/div>\n      <\/div>\n\n      <div class=\"dict-box\">\n        <h3 id=\"level\"><\/h3>\n        <div id=\"wordCards\" class=\"word-cards\"><\/div>\n      <\/div>\n\n      <div class=\"dict-box\">\n        <h3>\u3042\u306a\u305f\u306e\u7b54\u3048<\/h3>\n        <div id=\"answerCards\" class=\"answer-cards\"><\/div>\n      <\/div>\n\n      <div class=\"dict-buttons\">\n        <button id=\"checkBtn\" class=\"dict-btn\">\u7b54\u3048\u5408\u308f\u305b<\/button>\n        <button id=\"undoBtn\" class=\"dict-btn sub\">1\u3064\u3082\u3069\u3059<\/button>\n        <button id=\"resetBtn\" class=\"dict-btn sub\">\u3084\u308a\u306a\u304a\u3059<\/button>\n        <button id=\"nextBtn\" class=\"dict-btn\" style=\"display:none;\">\u6b21\u306e\u554f\u984c<\/button>\n      <\/div>\n\n      <div id=\"message\" class=\"dict-message\">\u30ab\u30fc\u30c9\u3092\u9806\u756a\u306b\u30bf\u30c3\u30d7\u3057\u3066\u306d\u3002<\/div>\n    <\/div>\n  `;\n\n  const questionCount = document.getElementById(\"questionCount\");\n  const scoreEl = document.getElementById(\"score\");\n  const levelEl = document.getElementById(\"level\");\n  const wordCardsEl = document.getElementById(\"wordCards\");\n  const answerCardsEl = document.getElementById(\"answerCards\");\n  const messageEl = document.getElementById(\"message\");\n  const checkBtn = document.getElementById(\"checkBtn\");\n  const undoBtn = document.getElementById(\"undoBtn\");\n  const resetBtn = document.getElementById(\"resetBtn\");\n  const nextBtn = document.getElementById(\"nextBtn\");\n\n  function shuffleArray(array) {\n    return [...array].sort(() => Math.random() - 0.5);\n  }\n\n  function createGameQuestions() {\n    gameQuestions = shuffleArray(QUESTIONS)\n      .slice(0, QUESTION_COUNT)\n      .sort((a, b) => a.level.localeCompare(b.level, \"ja\"));\n  }\n\n  function renderQuestion() {\n    const q = gameQuestions[currentIndex];\n    selected = [];\n    isWaiting = false;\n\n    questionCount.textContent = `${currentIndex + 1} \/ ${gameQuestions.length}\u554f`;\n    scoreEl.textContent = `\u30b9\u30b3\u30a2\uff1a${score}`;\n    levelEl.textContent = q.level;\n\n    messageEl.textContent = \"\u30ab\u30fc\u30c9\u3092\u9806\u756a\u306b\u30bf\u30c3\u30d7\u3057\u3066\u306d\u3002\";\n    messageEl.className = \"dict-message\";\n\n    checkBtn.style.display = \"inline-block\";\n    nextBtn.style.display = \"none\";\n    undoBtn.disabled = false;\n    resetBtn.disabled = false;\n    checkBtn.disabled = false;\n\n    wordCardsEl.innerHTML = \"\";\n    answerCardsEl.innerHTML = \"\";\n\n    q.words.forEach(word => {\n      const btn = document.createElement(\"button\");\n      btn.className = \"word-card\";\n      btn.textContent = word;\n\n      btn.addEventListener(\"click\", () => {\n        if (isWaiting) return;\n\n        selected.push(word);\n        btn.classList.add(\"used\");\n        renderAnswer();\n      });\n\n      wordCardsEl.appendChild(btn);\n    });\n  }\n\n  function renderAnswer() {\n    answerCardsEl.innerHTML = \"\";\n\n    selected.forEach((word, index) => {\n      const card = document.createElement(\"button\");\n      card.className = \"answer-card\";\n      card.textContent = word;\n      card.title = \"\u30bf\u30c3\u30d7\u3059\u308b\u3068\u53d6\u308a\u6d88\u305b\u307e\u3059\";\n\n      card.addEventListener(\"click\", () => {\n        if (isWaiting) return;\n        removeWord(index);\n      });\n\n      answerCardsEl.appendChild(card);\n    });\n  }\n\n  function removeWord(index) {\n    const word = selected[index];\n    selected.splice(index, 1);\n\n    const usedButton = [...wordCardsEl.children].find(btn => {\n      return btn.textContent === word && btn.classList.contains(\"used\");\n    });\n\n    if (usedButton) {\n      usedButton.classList.remove(\"used\");\n    }\n\n    renderAnswer();\n  }\n\n  function undo() {\n    if (isWaiting) return;\n    if (selected.length === 0) return;\n\n    const last = selected.pop();\n\n    const usedButton = [...wordCardsEl.children].find(btn => {\n      return btn.textContent === last && btn.classList.contains(\"used\");\n    });\n\n    if (usedButton) {\n      usedButton.classList.remove(\"used\");\n    }\n\n    renderAnswer();\n  }\n\n  function resetAnswer() {\n    if (isWaiting) return;\n\n    selected = [];\n    [...wordCardsEl.children].forEach(btn => btn.classList.remove(\"used\"));\n    renderAnswer();\n\n    messageEl.textContent = \"\u3082\u3046\u4e00\u5ea6\u306a\u3089\u3079\u3066\u307f\u3088\u3046\u3002\";\n    messageEl.className = \"dict-message\";\n  }\n\n  function checkAnswer() {\n    if (isWaiting) return;\n\n    const q = gameQuestions[currentIndex];\n\n    if (selected.length !== q.answer.length) {\n      messageEl.textContent = \"\u307e\u3060\u5168\u90e8\u306a\u3089\u3079\u3066\u3044\u307e\u305b\u3093\u3002\";\n      messageEl.className = \"dict-message wrong\";\n      return;\n    }\n\n    const isCorrect = selected.every((word, i) => word === q.answer[i]);\n\n    if (isCorrect) {\n      score++;\n      scoreEl.textContent = `\u30b9\u30b3\u30a2\uff1a${score}`;\n\n      messageEl.innerHTML = `\n        <span class=\"big-correct\">\ud83c\udf38 \u306f\u306a\u307e\u308b\uff01\u305b\u3044\u304b\u3044\uff01<\/span>\n        <span class=\"small-correct\">\u3058\u3057\u3087\u306e\u3058\u3085\u3093\u3070\u3093\u306b \u306a\u3089\u3079\u3089\u308c\u305f\u306d\uff01<\/span>\n      `;\n      messageEl.className = \"dict-message correct\";\n\n      isWaiting = true;\n      checkBtn.style.display = \"none\";\n      nextBtn.style.display = \"none\";\n      undoBtn.disabled = true;\n      resetBtn.disabled = true;\n\n      setTimeout(() => {\n        nextQuestion();\n      }, 1000);\n    } else {\n      messageEl.innerHTML = `\n        <span class=\"wrong\">\u3056\u3093\u306d\u3093\uff01<\/span><br>\n        \u6b63\u3057\u3044\u9806\u756a\uff1a${q.answer.join(\" \u2192 \")}\n      `;\n      messageEl.className = \"dict-message wrong\";\n\n      checkBtn.style.display = \"none\";\n      nextBtn.style.display = \"inline-block\";\n    }\n  }\n\n  function nextQuestion() {\n    currentIndex++;\n\n    if (currentIndex >= gameQuestions.length) {\n      showResult();\n      return;\n    }\n\n    renderQuestion();\n  }\n\n  function showResult() {\n    const total = gameQuestions.length;\n\n    app.querySelector(\".dict-game\").innerHTML = `\n      <h2 class=\"dict-title\">\u7d50\u679c\u767a\u8868<\/h2>\n\n      <div class=\"dict-message\">\n        ${total}\u554f\u4e2d ${score}\u554f \u6b63\u89e3\uff01<br>\n        ${\n          score === total\n            ? \"\u3059\u3054\u3044\uff01\u3058\u3057\u3087\u306a\u3089\u3079\u30de\u30b9\u30bf\u30fc\uff01\"\n            : \"\u3082\u3046\u4e00\u56de\u30c1\u30e3\u30ec\u30f3\u30b8\u3057\u3066\u307f\u3088\u3046\uff01\"\n        }\n      <\/div>\n\n      <div class=\"dict-buttons\" style=\"margin-top:18px;\">\n        <button id=\"restartBtn\" class=\"dict-btn\">\u3082\u3046\u4e00\u5ea6\u3042\u305d\u3076<\/button>\n      <\/div>\n    `;\n\n    document.getElementById(\"restartBtn\").addEventListener(\"click\", () => {\n      currentIndex = 0;\n      selected = [];\n      score = 0;\n      createGameQuestions();\n      renderQuestion();\n    });\n  }\n\n  checkBtn.addEventListener(\"click\", checkAnswer);\n  undoBtn.addEventListener(\"click\", undo);\n  resetBtn.addEventListener(\"click\", resetAnswer);\n  nextBtn.addEventListener(\"click\", nextQuestion);\n\n  createGameQuestions();\n  renderQuestion();\n});\n<\/script>\n\n<div id=\"dictionary-order-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\"><strong>\ud83d\udcd6 \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\"><strong>\ud83d\udcd6 \u8f9e\u66f8\u306e\u3064\u307e\u305a\u304d\u30dd\u30a4\u30f3\u30c8\u3092\u5b66\u3079\u308b<\/strong><br>\u6fc1\u97f3\u30fb\u534a\u6fc1\u97f3\u30fb\u5c0f\u3055\u3044\u300c\u3063\u300d\u3084\u300c\u3083\u300d\u306a\u3069\u3001\u8ff7\u3044\u3084\u3059\u3044\u554f\u984c\u3082\u53ce\u9332\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\udcd6 \u6bce\u56de\u3061\u304c\u3046\u554f\u984c\u304c\u51fa\u308b<\/strong><br>\u554f\u984c\u306f\u30e9\u30f3\u30c0\u30e0\u51fa\u984c\u306a\u306e\u3067\u3001\u4f55\u5ea6\u904a\u3093\u3067\u3082\u65b0\u9bae\u306a\u6c17\u6301\u3061\u3067\u5fa9\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\"><strong>\u2728 \u56fd\u8a9e\u8f9e\u5178\u3092\u4f7f\u3046\u3068\u304d<\/strong><br>\u77e5\u308a\u305f\u3044\u8a00\u8449\u3092\u8f9e\u66f8\u3067\u7d20\u65e9\u304f\u898b\u3064\u3051\u3089\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u2728 \u8a00\u8449\u3084\u6f22\u5b57\u3092\u8abf\u3079\u308b\u3068\u304d<\/strong><br>\u5b66\u6821\u306e\u5b66\u7fd2\u3084\u8abf\u3079\u5b66\u7fd2\u3067\u3001\u5fc5\u8981\u306a\u60c5\u5831\u3092\u63a2\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u2728 \u8a00\u8449\u3092\u9806\u756a\u306b\u8003\u3048\u308b\u529b<\/strong><br>\u6587\u5b57\u3092\u4e00\u3064\u305a\u3064\u6bd4\u3079\u306a\u304c\u3089\u8003\u3048\u308b\u529b\u304c\u8eab\u306b\u3064\u304d\u3001\u56fd\u8a9e\u306e\u529b\u306e\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\">\u56fd\u8a9e\u8f9e\u5178\u3092\u4f7f\u3046\u529b\u306f\u3001\u56fd\u8a9e\u3060\u3051\u3067\u306a\u304f\u3001\u3055\u307e\u3056\u307e\u306a\u6559\u79d1\u306e\u5b66\u7fd2\u306e\u571f\u53f0\u3068\u306a\u308b\u5927\u5207\u306a\u529b\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30b2\u30fc\u30e0\u3067\u306f\u3001\u8a00\u8449\u3092\u8f9e\u66f8\u306e\u9806\u756a\u306b\u4e26\u3079\u306a\u304c\u3089\u3001\u6587\u5b57\u3092\u4e00\u3064\u305a\u3064\u6bd4\u3079\u3066\u8003\u3048\u308b\u529b\u3092\u80b2\u3066\u307e\u3059\u3002\u307e\u305f\u3001\u5b50\u3069\u3082\u305f\u3061\u304c\u3064\u307e\u305a\u304d\u3084\u3059\u3044\u6fc1\u97f3\u3084\u5c0f\u3055\u3044\u6587\u5b57\u306e\u30eb\u30fc\u30eb\u306b\u3082\u89aa\u3057\u3081\u308b\u3088\u3046\u5de5\u592b\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b2\u30fc\u30e0\u611f\u899a\u3067\u7e70\u308a\u8fd4\u3057\u6311\u6226\u3059\u308b\u3053\u3068\u3067\u3001\u8f9e\u66f8\u3092\u5f15\u304f\u529b\u3084\u8a00\u8449\u3078\u306e\u95a2\u5fc3\u3092\u81ea\u7136\u3068\u9ad8\u3081\u308b\u3053\u3068\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002\u5b66\u7fd2\u306e\u5c0e\u5165\u3084\u5fa9\u7fd2\u3068\u3057\u3066\u3001\u305c\u3072\u3054\u6d3b\u7528\u304f\u3060\u3055\u3044\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\u8f9e\u66f8\u306e\u9806\u756a\u3092\u697d\u3057\u304f\u5fa9\u7fd2\u3067\u304d\u308b\u3001\u304b\u3093\u305f\u3093\u306a\u30b2\u30fc\u30e0\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057&#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":[16,5],"tags":[46,384,1849,1851,1853],"class_list":["post-12061","post","type-post","status-publish","format-standard","hentry","category-16","category-5","tag-46","tag-384","tag-1849","tag-1851","tag-1853"],"_links":{"self":[{"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/posts\/12061","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=12061"}],"version-history":[{"count":6,"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/posts\/12061\/revisions"}],"predecessor-version":[{"id":12078,"href":"https:\/\/chicodori.net\/index.php?rest_route=\/wp\/v2\/posts\/12061\/revisions\/12078"}],"wp:attachment":[{"href":"https:\/\/chicodori.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chicodori.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chicodori.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}