{"id":26079,"date":"2025-07-01T03:24:39","date_gmt":"2025-06-30T18:24:39","guid":{"rendered":"http:\/\/www.tyosuke20xx.com\/blog\/?p=26079"},"modified":"2025-07-01T03:24:40","modified_gmt":"2025-06-30T18:24:40","slug":"%e3%82%ad%e3%83%a3%e3%83%a9%e5%88%a5%e3%83%a9%e3%83%b3%e3%83%80%e3%83%a0%e3%82%bb%e3%83%aa%e3%83%95%e3%83%a1%e3%83%bc%e3%82%ab%e3%83%bc","status":"publish","type":"post","link":"http:\/\/www.tyosuke20xx.com\/blog\/?p=26079","title":{"rendered":"\u30ad\u30e3\u30e9\u5225\u30e9\u30f3\u30c0\u30e0\u30bb\u30ea\u30d5\u30e1\u30fc\u30ab\u30fc"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"ja\">\n&lt;head>\n  &lt;meta charset=\"UTF-8\">\n  &lt;title>\u30ad\u30e3\u30e9\u5225\u30e9\u30f3\u30c0\u30e0\u30bb\u30ea\u30d5\u30e1\u30fc\u30ab\u30fc&lt;\/title>\n  &lt;style>\n    body {\n      font-family: 'Segoe UI', sans-serif;\n      background: linear-gradient(to right, #eef2f3, #8e9eab);\n      text-align: center;\n      padding: 50px;\n    }\n    h1 {\n      font-size: 30px;\n      color: #2c3e50;\n    }\n    select, button {\n      padding: 10px;\n      font-size: 16px;\n      margin: 10px;\n      border-radius: 8px;\n    }\n    button {\n      background-color: #2980b9;\n      color: white;\n      border: none;\n      cursor: pointer;\n    }\n    button:hover {\n      background-color: #1f6391;\n    }\n    .quote-box {\n      background: #fff;\n      margin-top: 30px;\n      padding: 30px;\n      border-radius: 12px;\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n      font-size: 20px;\n      color: #333;\n    }\n  &lt;\/style>\n&lt;\/head>\n&lt;body>\n  &lt;h1>\ud83c\udf99\ufe0f \u30ad\u30e3\u30e9\u5225\u30e9\u30f3\u30c0\u30e0\u30bb\u30ea\u30d5\u30e1\u30fc\u30ab\u30fc&lt;\/h1>\n  &lt;p>\u30b8\u30e3\u30f3\u30eb\u3068\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u3092\u9078\u3093\u3067\u3001\u540d\u30bb\u30ea\u30d5\u3092\u751f\u6210\u3057\u3088\u3046\uff01&lt;\/p>\n\n  &lt;select id=\"genre\">\n    &lt;option value=\"battle\">\u30d0\u30c8\u30eb&lt;\/option>\n    &lt;option value=\"romance\">\u604b\u611b&lt;\/option>\n    &lt;option value=\"drama\">\u611f\u52d5&lt;\/option>\n    &lt;option value=\"comedy\">\u30ae\u30e3\u30b0&lt;\/option>\n  &lt;\/select>\n\n  &lt;select id=\"character\">\n    &lt;option value=\"\u4e3b\u4eba\u516c\">\u4e3b\u4eba\u516c&lt;\/option>\n    &lt;option value=\"\u30d2\u30ed\u30a4\u30f3\">\u30d2\u30ed\u30a4\u30f3&lt;\/option>\n    &lt;option value=\"\u30e9\u30a4\u30d0\u30eb\">\u30e9\u30a4\u30d0\u30eb&lt;\/option>\n    &lt;option value=\"\u5e2b\u5320\">\u5e2b\u5320&lt;\/option>\n  &lt;\/select>\n\n  &lt;br>\n  &lt;button onclick=\"generateLine()\">\u30bb\u30ea\u30d5\u3092\u751f\u6210&lt;\/button>\n\n  &lt;div class=\"quote-box\" id=\"quote\">\n    \u3053\u3053\u306b\u30bb\u30ea\u30d5\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\n  &lt;\/div>\n\n  &lt;script>\n    const lines = {\n      battle: {\n        \u4e3b\u4eba\u516c: &#91;\n          \"\u4ffa\u304c\u5012\u3055\u306a\u304d\u3083\u3001\u8ab0\u304c\u3084\u308b\uff01\",\n          \"\u307e\u3060\u2026\u7d42\u308f\u3063\u3061\u3083\u3044\u306a\u3044\uff01\",\n          \"\u7acb\u3066\u308b\u3055\u3001\u4f55\u5ea6\u3067\u3082\uff01\"\n        ],\n        \u30d2\u30ed\u30a4\u30f3: &#91;\n          \"\u79c1\u3060\u3063\u3066\u2026\u5b88\u308c\u308b\u3093\u3060\u304b\u3089\uff01\",\n          \"\u3042\u306a\u305f\u3092\u4fe1\u3058\u308b\u3001\u305d\u308c\u304c\u79c1\u306e\u6226\u3044\u3088\u3002\"\n        ],\n        \u30e9\u30a4\u30d0\u30eb: &#91;\n          \"\u4ffa\u3092\u8d85\u3048\u3066\u307f\u308d\u2026\u3067\u304d\u308b\u306a\u3089\u306a\uff01\",\n          \"\u3053\u306e\u4e00\u6483\u3067\u3001\u5168\u3066\u3092\u7d42\u308f\u3089\u305b\u308b\u3002\"\n        ],\n        \u5e2b\u5320: &#91;\n          \"\u5f37\u3055\u3068\u306f\u3001\u5fc3\u306b\u3042\u308b\u3082\u306e\u3060\u3002\",\n          \"\u304a\u524d\u306b\u3059\u3079\u3066\u3092\u8a17\u3059\uff01\"\n        ]\n      },\n      romance: {\n        \u4e3b\u4eba\u516c: &#91;\n          \"\u541b\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u751f\u307e\u308c\u3066\u304d\u305f\u6c17\u304c\u3059\u308b\u3002\",\n          \"\u4e00\u7dd2\u306b\u7b11\u3048\u308b\u3060\u3051\u3067\u3001\u5e78\u305b\u306a\u3093\u3060\u3002\"\n        ],\n        \u30d2\u30ed\u30a4\u30f3: &#91;\n          \"\u597d\u304d\u3063\u3066\u3001\u3053\u3093\u306a\u306b\u3082\u82e6\u3057\u3044\u306e\uff1f\",\n          \"\u2026\u30d0\u30ab\u3002\u3067\u3082\u3001\u3042\u308a\u304c\u3068\u3046\u3002\"\n        ],\n        \u30e9\u30a4\u30d0\u30eb: &#91;\n          \"\u2026\u306a\u305c\u3042\u3044\u3064\u306a\u3093\u3060\uff1f\u4ffa\u3058\u3083\u3001\u3060\u3081\u306a\u306e\u304b\u3002\",\n          \"\u596a\u3063\u3066\u3067\u3082\u3001\u304a\u524d\u3092\u624b\u306b\u5165\u308c\u305f\u3044\u3002\"\n        ],\n        \u5e2b\u5320: &#91;\n          \"\u611b\u3068\u306f\u3001\u6642\u306b\u5f37\u3055\u3088\u308a\u3082\u96e3\u3057\u3044\u3002\",\n          \"\u60da\u308c\u305f\u5f31\u307f\u3063\u3066\u3084\u3064\u3060\u306a\u2026\"\n        ]\n      },\n      drama: {\n        \u4e3b\u4eba\u516c: &#91;\n          \"\u4ffa\u305f\u3061\u306f\u3001\u305f\u3060\u5e78\u305b\u306b\u306a\u308a\u305f\u304b\u3063\u305f\u3060\u3051\u306a\u3093\u3060\u2026\u3002\",\n          \"\u904b\u547d\u306a\u3093\u304b\u306b\u3001\u8ca0\u3051\u3066\u305f\u307e\u308b\u304b\uff01\"\n        ],\n        \u30d2\u30ed\u30a4\u30f3: &#91;\n          \"\u3082\u3046\u4e00\u5ea6\u2026\u3042\u306a\u305f\u306b\u4f1a\u3044\u305f\u3044\u3002\",\n          \"\u9858\u3044\u304c\u4e00\u3064\u3060\u3051\u53f6\u3046\u306a\u3089\u3001\u6642\u9593\u3092\u623b\u3057\u305f\u3044\u3002\"\n        ],\n        \u30e9\u30a4\u30d0\u30eb: &#91;\n          \"\u4ffa\u306e\u5b58\u5728\u306b\u610f\u5473\u306a\u3093\u3066\u306a\u3044\u2026\u3068\u601d\u3063\u3066\u305f\u3002\",\n          \"\u3042\u306e\u6642\u306e\u4ffa\u3092\u3001\u6bb4\u308a\u98db\u3070\u3057\u3066\u3084\u308a\u305f\u3044\u3088\u3002\"\n        ],\n        \u5e2b\u5320: &#91;\n          \"\u9078\u3093\u3060\u9053\u3092\u4fe1\u3058\u308d\u3002\u304a\u524d\u306a\u3089\u3001\u3084\u308c\u308b\u3002\",\n          \"\u8ff7\u3063\u3066\u3044\u3044\u3002\u4eba\u9593\u306a\u3093\u3060\u304b\u3089\u306a\u3002\"\n        ]\n      },\n      comedy: {\n        \u4e3b\u4eba\u516c: &#91;\n          \"\u3044\u3084\u3001\u306a\u3093\u3067\u30d1\u30f3\u30c4\u304c\u7a7a\u98db\u3093\u3067\u308b\u3093\u3060\uff01\uff1f\",\n          \"\u30aa\u30ec\u306e\u4eba\u751f\u3001\u3069\u3053\u3067\u9593\u9055\u3048\u305f\uff1f\"\n        ],\n        \u30d2\u30ed\u30a4\u30f3: &#91;\n          \"\u3042\u30fc\u3082\u3046\uff01\u6065\u305a\u304b\u3057\u304f\u3066\u6b7b\u306c\uff01\uff01\",\n          \"\u3060\u304b\u3089\u8a00\u3063\u305f\u3067\u3057\u3087\uff01\uff1f\u30cd\u30b3\u3058\u3083\u306a\u3044\u3063\u3066\u3070\uff01\"\n        ],\n        \u30e9\u30a4\u30d0\u30eb: &#91;\n          \"\u7b11\u3046\u306a\uff01\u3053\u3063\u3061\u306f\u672c\u6c17\u306a\u3093\u3060\u305e\uff01\uff1f\",\n          \"\u4ffa\u304c\u30dc\u30b1\u62c5\u5f53\u3058\u3083\u306a\u3044\u3063\u3066\u8a00\u3063\u3066\u308b\u3060\u308d\uff01\"\n        ],\n        \u5e2b\u5320: &#91;\n          \"\u3075\u3049\u3063\u3075\u3049\u3063\u3075\u3001\u82e5\u3044\u306e\u3045\u2026\u308f\u3057\u3082\u6614\u306f\u306a\u2026\u3002\",\n          \"\u4eca\u65e5\u306e\u4fee\u884c\u306f\u2026\u6e29\u6cc9\u3058\u3083\uff01\"\n        ]\n      }\n    };\n\n    function generateLine() {\n      const genre = document.getElementById('genre').value;\n      const character = document.getElementById('character').value;\n      const options = lines&#91;genre]&#91;character];\n      const line = options&#91;Math.floor(Math.random() * options.length)];\n      document.getElementById(\"quote\").innerText = `${character}\u300c${line}\u300d`;\n    }\n  &lt;\/script>\n&lt;\/body>\n&lt;\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[80,6],"tags":[],"class_list":["post-26079","post","type-post","status-publish","format-standard","hentry","category-html","category-web"],"aioseo_notices":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26079","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26079"}],"version-history":[{"count":1,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26079\/revisions"}],"predecessor-version":[{"id":26080,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26079\/revisions\/26080"}],"wp:attachment":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26079"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26079"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}