{"id":26081,"date":"2025-07-01T03:25:37","date_gmt":"2025-06-30T18:25:37","guid":{"rendered":"http:\/\/www.tyosuke20xx.com\/blog\/?p=26081"},"modified":"2025-07-01T03:25:39","modified_gmt":"2025-06-30T18:25:39","slug":"%e3%83%a9%e3%83%b3%e3%83%80%e3%83%a0%e5%89%b5%e4%bd%9c%e3%83%a1%e3%83%bc%e3%82%ab%e3%83%bc","status":"publish","type":"post","link":"http:\/\/www.tyosuke20xx.com\/blog\/?p=26081","title":{"rendered":"\u30e9\u30f3\u30c0\u30e0\u5275\u4f5c\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>\u8d85\u30fb\u30e9\u30f3\u30c0\u30e0\u5275\u4f5c\u30e1\u30fc\u30ab\u30fc&lt;\/title>\n  &lt;style>\n    body {\n      font-family: 'Segoe UI', sans-serif;\n      background: linear-gradient(to right, #e0eafc, #cfdef3);\n      text-align: center;\n      padding: 50px;\n    }\n    h1 {\n      font-size: 32px;\n      color: #2c3e50;\n    }\n    button {\n      padding: 14px 28px;\n      font-size: 16px;\n      background-color: #2980b9;\n      color: white;\n      border: none;\n      border-radius: 8px;\n      cursor: pointer;\n      margin-top: 20px;\n    }\n    button:hover {\n      background-color: #1c5980;\n    }\n    .output {\n      background-color: #ffffff;\n      padding: 30px;\n      margin-top: 30px;\n      border-radius: 12px;\n      max-width: 900px;\n      margin-left: auto;\n      margin-right: auto;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n      text-align: left;\n    }\n    .label {\n      font-weight: bold;\n      margin-top: 15px;\n      color: #34495e;\n    }\n    .story {\n      margin-top: 20px;\n      font-style: italic;\n      color: #444;\n    }\n    .divider {\n      border-top: 1px solid #ccc;\n      margin: 20px 0;\n    }\n  &lt;\/style>\n&lt;\/head>\n&lt;body>\n  &lt;h1>\ud83c\udf1f \u8d85\u30fb\u30e9\u30f3\u30c0\u30e0\u5275\u4f5c\u30e1\u30fc\u30ab\u30fc&lt;\/h1>\n  &lt;button onclick=\"generateStory()\">\u30b9\u30c8\u30fc\u30ea\u30fc\u751f\u6210&lt;\/button>\n\n  &lt;div class=\"output\" id=\"output\">\n    &lt;p>\u3053\u3053\u306b\u8a73\u7d30\u306a\u5275\u4f5c\u8a2d\u5b9a\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002&lt;\/p>\n  &lt;\/div>\n\n  &lt;script>\n    const names = &#91;\"\u30ea\u30af\", \"\u30a2\u30ea\u30a2\", \"\u30af\u30ed\u30a6\", \"\u30bb\u30e9\", \"\u30cf\u30eb\u30ab\", \"\u30b8\u30f3\", \"\u30ce\u30a8\u30eb\", \"\u30df\u30ab\"];\n    const ages = &#91;\"16\u6b73\", \"17\u6b73\", \"18\u6b73\", \"19\u6b73\", \"20\u6b73\", \"21\u6b73\", \"\u4e0d\u660e\"];\n    const genders = &#91;\"\u7537\u6027\", \"\u5973\u6027\", \"\u6027\u5225\u4e0d\u660e\"];\n    const worlds = &#91;\n      \"\u91cd\u529b\u304c\u53cd\u8ee2\u3059\u308b\u90fd\u5e02\", \"\u9b54\u7d20\u304c\u67af\u6e07\u3057\u305f\u4e16\u754c\", \"\u6c38\u9060\u306b\u663c\u306e\u56fd\", \"\u5922\u3068\u73fe\u5b9f\u304c\u6df7\u3056\u308b\u9818\u57df\", \"\u8a00\u8449\u304c\u7981\u6b62\u3055\u308c\u305f\u56fd\"\n    ];\n    const races = &#91;\"\u4eba\u9593\", \"\u9b54\u65cf\", \"\u4eba\u5f62\", \"\u7cbe\u970a\", \"\u30b5\u30a4\u30dc\u30fc\u30b0\", \"\u7570\u5f62\u306e\u5b58\u5728\"];\n    const jobs = &#91;\"\u6642\u9593\u8df3\u8e8d\u58eb\", \"\u8a18\u61b6\u4fee\u5fa9\u8005\", \"\u5922\u55b0\u3044\", \"\u89b3\u6e2c\u8005\", \"\u9ed2\u8863\u306e\u51e6\u5211\u4eba\"];\n    const traits = &#91;\"\u7121\u8868\u60c5\", \"\u591a\u91cd\u4eba\u683c\", \"\u611f\u60c5\u904e\u591a\", \"\u5b64\u72ec\u3092\u611b\u3059\u308b\", \"\u7570\u5e38\u306a\u8a18\u61b6\u529b\"];\n    const goals = &#91;\"\u904e\u53bb\u3092\u4fee\u6b63\u3059\u308b\", \"\u5b58\u5728\u306e\u610f\u5473\u3092\u63a2\u3059\", \"\u7981\u5fcc\u306e\u66f8\u3092\u958b\u304f\", \"\u8ab0\u304b\u3092\u8607\u3089\u305b\u308b\", \"\u7d42\u308f\u308a\u3092\u59cb\u3081\u308b\"];\n    const keywords = &#91;\"\u8d64\u3044\u6708\", \"\u53cd\u8ee2\u3059\u308b\u6642\u8a08\u5854\", \"\u5c01\u3058\u3089\u308c\u305f\u796d\u58c7\", \"\u9ed2\u708e\u306e\u82b1\", \"\u93e1\u306b\u6620\u3089\u306a\u3044\u5f71\"];\n\n    function random(arr) {\n      return arr&#91;Math.floor(Math.random() * arr.length)];\n    }\n\n    function generateStory() {\n      const name = random(names);\n      const age = random(ages);\n      const gender = random(genders);\n      const world = random(worlds);\n      const race = random(races);\n      const job = random(jobs);\n      const trait = random(traits);\n      const goal = random(goals);\n      const keyword = random(keywords);\n\n      const result = `\n        &lt;div class=\"label\">\ud83e\uddd1 \u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u60c5\u5831&lt;\/div>\n        \u540d\u524d: ${name}&lt;br>\n        \u5e74\u9f62: ${age}&lt;br>\n        \u6027\u5225: ${gender}&lt;br>\n        \u7a2e\u65cf: ${race}&lt;br>\n        \u8077\u696d: ${job}&lt;br>\n        \u6027\u683c: ${trait}\n        &lt;div class=\"divider\">&lt;\/div>\n        &lt;div class=\"label\">\ud83c\udf0d \u4e16\u754c\u89b3&lt;\/div>\n        ${world}\n        &lt;div class=\"divider\">&lt;\/div>\n        &lt;div class=\"label\">\ud83c\udfaf \u76ee\u7684&lt;\/div>\n        ${goal}\n        &lt;div class=\"label\">\ud83d\udddd\ufe0f \u30ad\u30fc\u30ef\u30fc\u30c9&lt;\/div>\n        ${keyword}\n        &lt;div class=\"story\">\n          &lt;br>\u2015\u2015${name}\u306f\u3001${world}\u306b\u751f\u304d\u308b${race}\u306e${job}\u3002${trait}\u306a\u6027\u683c\u306e\u6301\u3061\u4e3b\u3067\u3042\u308b\u5f7c\uff08\u5f7c\u5973\uff09\u306f\u3001&lt;br>\n          \u300c${keyword}\u300d\u306b\u307e\u3064\u308f\u308b\u51fa\u6765\u4e8b\u3092\u304d\u3063\u304b\u3051\u306b\u3001\u300c${goal}\u300d\u3068\u3044\u3046\u904b\u547d\u3092\u80cc\u8ca0\u3046\u3053\u3068\u306b\u306a\u308b\u2026\u2026\u3002\n        &lt;\/div>\n      `;\n\n      document.getElementById(\"output\").innerHTML = result;\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],"tags":[3],"class_list":["post-26081","post","type-post","status-publish","format-standard","hentry","category-html","tag-programming"],"aioseo_notices":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26081","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=26081"}],"version-history":[{"count":1,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26081\/revisions"}],"predecessor-version":[{"id":26082,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26081\/revisions\/26082"}],"wp:attachment":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26081"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}