{"id":26010,"date":"2025-05-13T15:08:37","date_gmt":"2025-05-13T06:08:37","guid":{"rendered":"http:\/\/www.tyosuke20xx.com\/blog\/?p=26010"},"modified":"2025-05-13T15:08:39","modified_gmt":"2025-05-13T06:08:39","slug":"%e3%83%89%e3%83%a1%e3%82%a4%e3%83%b3%e6%a4%9c%e7%b4%a2%ef%bc%86%e8%b3%bc%e5%85%a5%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%82%a8%e3%83%b3%e3%83%89","status":"publish","type":"post","link":"http:\/\/www.tyosuke20xx.com\/blog\/?p=26010","title":{"rendered":"\u30c9\u30e1\u30a4\u30f3\u691c\u7d22\uff06\u8cfc\u5165(\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9)"},"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;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n  &lt;title>\u30c9\u30e1\u30a4\u30f3\u691c\u7d22\uff06\u8cfc\u5165&lt;\/title>\n  &lt;style>\n    body {\n      font-family: sans-serif;\n      background: #f9f9f9;\n      padding: 2rem;\n      margin: 0;\n      display: flex;\n      justify-content: center;\n    }\n    .container {\n      max-width: 600px;\n      width: 100%;\n      background: white;\n      padding: 2rem;\n      border-radius: 12px;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n    }\n    h1 {\n      color: #e60033;\n      text-align: center;\n      margin-bottom: 1.5rem;\n    }\n    .form {\n      display: flex;\n      gap: 0.5rem;\n      margin-bottom: 1rem;\n    }\n    input {\n      flex: 1;\n      padding: 0.8rem;\n      border: 1px solid #ccc;\n      border-radius: 8px;\n      font-size: 1rem;\n    }\n    button {\n      padding: 0.8rem 1rem;\n      background-color: #e60033;\n      color: white;\n      border: none;\n      border-radius: 8px;\n      cursor: pointer;\n    }\n    .result {\n      margin-top: 1rem;\n    }\n    .item {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      border-bottom: 1px solid #eee;\n      padding: 0.5rem 0;\n    }\n    .available {\n      color: green;\n      font-weight: bold;\n    }\n    .unavailable {\n      color: red;\n      font-weight: bold;\n    }\n    .buy-btn {\n      background-color: #0070f3;\n      color: white;\n      padding: 0.3rem 0.7rem;\n      border-radius: 6px;\n      text-decoration: none;\n      font-size: 0.9rem;\n    }\n  &lt;\/style>\n&lt;\/head>\n&lt;body>\n  &lt;div class=\"container\">\n    &lt;h1>\u30c9\u30e1\u30a4\u30f3\u691c\u7d22&lt;\/h1>\n    &lt;div class=\"form\">\n      &lt;input type=\"text\" id=\"domainInput\" placeholder=\"\u4f8b: mydomain\" \/>\n      &lt;button onclick=\"search()\">\u691c\u7d22&lt;\/button>\n    &lt;\/div>\n    &lt;div class=\"result\" id=\"resultArea\">&lt;\/div>\n  &lt;\/div>\n\n  &lt;script>\n    const takenDomains = &#91;\"example.com\", \"mydomain.net\", \"taken.jp\"];\n    const tlds = &#91;\".com\", \".net\", \".jp\"];\n\n    function search() {\n      const name = document.getElementById(\"domainInput\").value.trim().toLowerCase();\n      const area = document.getElementById(\"resultArea\");\n      area.innerHTML = \"\";\n\n      if (!name) {\n        area.innerHTML = \"&lt;p>\u26a0 \u30c9\u30e1\u30a4\u30f3\u540d\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002&lt;\/p>\";\n        return;\n      }\n\n      tlds.forEach(tld => {\n        const domain = name + tld;\n        const available = !takenDomains.includes(domain);\n        const item = document.createElement(\"div\");\n        item.className = \"item\";\n        item.innerHTML = `\n          &lt;span>${domain}&lt;\/span>\n          ${available\n            ? `&lt;span class=\"available\">\u53d6\u5f97\u53ef\u80fd&lt;\/span>\n               &lt;a href=\"https:\/\/buy.stripe.com\/test_checkout_link\" class=\"buy-btn\" target=\"_blank\">\u8cfc\u5165\u3059\u308b&lt;\/a>`\n            : `&lt;span class=\"unavailable\">\u767b\u9332\u6e08\u307f&lt;\/span>`}\n        `;\n        area.appendChild(item);\n      });\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":[42,3],"class_list":["post-26010","post","type-post","status-publish","format-standard","hentry","category-html","tag-html","tag-programming"],"aioseo_notices":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26010","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=26010"}],"version-history":[{"count":1,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26010\/revisions"}],"predecessor-version":[{"id":26011,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26010\/revisions\/26011"}],"wp:attachment":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26010"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}