{"id":26302,"date":"2026-04-30T14:13:02","date_gmt":"2026-04-30T05:13:02","guid":{"rendered":"http:\/\/www.tyosuke20xx.com\/blog\/?p=26302"},"modified":"2026-04-30T14:13:05","modified_gmt":"2026-04-30T05:13:05","slug":"%e3%82%af%e3%83%ad%e3%83%bc%e3%83%a9%e3%83%bc%e5%9e%8b%e6%a4%9c%e7%b4%a2%e3%82%a8%e3%83%b3%e3%82%b8%e3%83%b3","status":"publish","type":"post","link":"http:\/\/www.tyosuke20xx.com\/blog\/?p=26302","title":{"rendered":"\u30af\u30ed\u30fc\u30e9\u30fc\u578b\u691c\u7d22\u30a8\u30f3\u30b8\u30f3"},"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\" \/>\n    &lt;title>Crawlio Search&lt;\/title>\n    &lt;style>\n      :root {\n        color-scheme: light;\n        --text: #202124;\n        --muted: #5f6368;\n        --line: #dadce0;\n        --blue: #4285f4;\n        --red: #ea4335;\n        --yellow: #fbbc04;\n        --green: #34a853;\n        --shadow: 0 18px 40px rgba(60, 64, 67, 0.15);\n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      body {\n        margin: 0;\n        min-height: 100vh;\n        color: var(--text);\n        font-family: Arial, \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", Meiryo, sans-serif;\n        background:\n          radial-gradient(circle at top left, rgba(66, 133, 244, 0.12), transparent 32rem),\n          linear-gradient(180deg, #fff 0%, #f7f9fc 68%, #eef3fa 100%);\n      }\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n\n      .topbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        min-height: 64px;\n        padding: 0 28px;\n      }\n\n      .brand {\n        display: inline-flex;\n        align-items: center;\n        gap: 7px;\n        color: #3c4043;\n        font-size: 15px;\n        font-weight: 700;\n      }\n\n      .brand-dot {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n      }\n\n      .nav {\n        display: flex;\n        gap: 22px;\n        color: #3c4043;\n        font-size: 14px;\n      }\n\n      .nav a:hover {\n        text-decoration: underline;\n      }\n\n      main {\n        width: min(1120px, calc(100% - 32px));\n        margin: 0 auto;\n      }\n\n      .search-shell {\n        position: relative;\n        display: grid;\n        place-items: center;\n        min-height: 430px;\n        padding: 38px 0 46px;\n        overflow: hidden;\n      }\n\n      .crawler-visual {\n        position: absolute;\n        inset: 12px 0 auto;\n        height: 320px;\n        pointer-events: none;\n        opacity: 0.92;\n      }\n\n      .orbit {\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        border: 1px solid rgba(95, 99, 104, 0.18);\n        border-radius: 50%;\n        transform: translate(-50%, -50%);\n      }\n\n      .orbit-a {\n        width: min(640px, 86vw);\n        height: 210px;\n      }\n\n      .orbit-b {\n        width: min(440px, 68vw);\n        height: 145px;\n        transform: translate(-50%, -50%) rotate(-12deg);\n      }\n\n      .node {\n        position: absolute;\n        width: 12px;\n        height: 12px;\n        border-radius: 50%;\n        box-shadow: 0 0 0 8px rgba(66, 133, 244, 0.08);\n      }\n\n      .node-a {\n        left: calc(50% - 302px);\n        top: 120px;\n        background: var(--blue);\n      }\n\n      .node-b {\n        left: calc(50% + 250px);\n        top: 88px;\n        background: var(--green);\n      }\n\n      .node-c {\n        left: calc(50% + 72px);\n        top: 216px;\n        background: var(--red);\n      }\n\n      .scan-line {\n        position: absolute;\n        left: 50%;\n        top: 64px;\n        width: 3px;\n        height: 220px;\n        background: linear-gradient(180deg, transparent, rgba(66, 133, 244, 0.72), transparent);\n        animation: scan 3.4s ease-in-out infinite;\n      }\n\n      .wordmark {\n        position: relative;\n        z-index: 1;\n        margin: 52px 0 25px;\n        font-size: clamp(68px, 12vw, 112px);\n        font-weight: 700;\n        line-height: 0.95;\n      }\n\n      .blue { color: var(--blue); }\n      .red { color: var(--red); }\n      .yellow { color: var(--yellow); }\n      .green { color: var(--green); }\n\n      .search-form {\n        position: relative;\n        z-index: 1;\n        width: min(640px, 100%);\n      }\n\n      .search-box {\n        display: grid;\n        grid-template-columns: 24px 1fr 42px;\n        align-items: center;\n        min-height: 58px;\n        padding: 0 8px 0 21px;\n        background: #fff;\n        border: 1px solid var(--line);\n        border-radius: 32px;\n        box-shadow: 0 2px 8px rgba(60, 64, 67, 0.08);\n        transition: box-shadow 160ms ease, border-color 160ms ease;\n      }\n\n      .search-box:focus-within,\n      .search-box:hover {\n        border-color: transparent;\n        box-shadow: var(--shadow);\n      }\n\n      .search-box svg,\n      .icon-button svg {\n        width: 22px;\n        height: 22px;\n        fill: #5f6368;\n      }\n\n      input {\n        width: 100%;\n        border: 0;\n        outline: 0;\n        padding: 0 14px;\n        color: var(--text);\n        font-size: 17px;\n        background: transparent;\n      }\n\n      .icon-button {\n        display: grid;\n        place-items: center;\n        width: 42px;\n        height: 42px;\n        border: 0;\n        border-radius: 50%;\n        background: transparent;\n        cursor: pointer;\n      }\n\n      .icon-button:hover {\n        background: #f1f3f4;\n      }\n\n      .actions {\n        display: flex;\n        justify-content: center;\n        gap: 12px;\n        margin-top: 24px;\n      }\n\n      .actions button {\n        min-width: 112px;\n        min-height: 38px;\n        border: 1px solid #f8f9fa;\n        border-radius: 4px;\n        padding: 0 18px;\n        color: #3c4043;\n        background: #f8f9fa;\n        font-size: 14px;\n        cursor: pointer;\n      }\n\n      .actions button:hover {\n        border-color: #dadce0;\n        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);\n      }\n\n      .results-area {\n        display: none;\n        max-width: 760px;\n        margin: 0 auto 46px;\n      }\n\n      .results-area.visible {\n        display: block;\n      }\n\n      .result-meta {\n        margin-bottom: 18px;\n        color: var(--muted);\n        font-size: 14px;\n      }\n\n      .result {\n        padding: 18px 0;\n        border-top: 1px solid #edf0f2;\n      }\n\n      .result-url {\n        color: #3c4043;\n        font-size: 13px;\n      }\n\n      .result h3 {\n        margin: 4px 0 6px;\n        color: #1a0dab;\n        font-size: 21px;\n        font-weight: 400;\n      }\n\n      .result p {\n        margin: 0;\n        color: #4d5156;\n        font-size: 14px;\n        line-height: 1.55;\n      }\n\n      .crawler-panel {\n        margin: 12px 0 28px;\n        padding: 24px;\n        background: rgba(255, 255, 255, 0.82);\n        border: 1px solid rgba(218, 220, 224, 0.9);\n        border-radius: 8px;\n        box-shadow: 0 12px 32px rgba(60, 64, 67, 0.08);\n        backdrop-filter: blur(10px);\n      }\n\n      .panel-heading {\n        display: flex;\n        align-items: end;\n        justify-content: space-between;\n        gap: 18px;\n        margin-bottom: 18px;\n      }\n\n      .eyebrow {\n        margin: 0 0 4px;\n        color: var(--blue);\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n      }\n\n      h2 {\n        margin: 0;\n        font-size: 24px;\n      }\n\n      .pulse {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        color: #137333;\n        font-size: 12px;\n        font-weight: 700;\n      }\n\n      .pulse::before {\n        content: \"\";\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: var(--green);\n        box-shadow: 0 0 0 8px rgba(52, 168, 83, 0.12);\n      }\n\n      .crawl-grid {\n        display: grid;\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n        gap: 12px;\n      }\n\n      .crawl-card {\n        min-height: 122px;\n        padding: 16px;\n        border: 1px solid #e6eaee;\n        border-radius: 8px;\n        background: #fff;\n      }\n\n      .crawl-card strong {\n        display: block;\n        margin-bottom: 8px;\n        font-size: 15px;\n      }\n\n      .crawl-card span {\n        display: block;\n        color: var(--muted);\n        font-size: 13px;\n        line-height: 1.45;\n      }\n\n      .crawl-progress {\n        height: 5px;\n        margin-top: 14px;\n        overflow: hidden;\n        border-radius: 999px;\n        background: #edf0f2;\n      }\n\n      .crawl-progress i {\n        display: block;\n        height: 100%;\n        width: var(--progress);\n        border-radius: inherit;\n        background: linear-gradient(90deg, var(--blue), var(--green));\n      }\n\n      .stats-band {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 1px;\n        overflow: hidden;\n        margin-bottom: 44px;\n        border: 1px solid #dfe4ea;\n        border-radius: 8px;\n        background: #dfe4ea;\n      }\n\n      .stats-band div {\n        padding: 22px;\n        background: #fff;\n      }\n\n      .stats-band strong,\n      .stats-band span {\n        display: block;\n      }\n\n      .stats-band strong {\n        margin-bottom: 5px;\n        font-size: 27px;\n      }\n\n      .stats-band span {\n        color: var(--muted);\n        font-size: 13px;\n      }\n\n      footer {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 22px;\n        padding: 18px 28px;\n        color: #70757a;\n        background: #f2f2f2;\n        font-size: 14px;\n      }\n\n      .sr-only {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n      }\n\n      @keyframes scan {\n        0%, 100% {\n          transform: translateX(-260px);\n          opacity: 0.35;\n        }\n        50% {\n          transform: translateX(260px);\n          opacity: 1;\n        }\n      }\n\n      @media (max-width: 760px) {\n        .topbar {\n          padding: 0 16px;\n        }\n\n        .nav {\n          gap: 12px;\n          font-size: 13px;\n        }\n\n        .search-shell {\n          min-height: 390px;\n        }\n\n        .crawler-visual {\n          height: 270px;\n        }\n\n        .node-a {\n          left: 6%;\n        }\n\n        .node-b {\n          left: 86%;\n        }\n\n        .node-c {\n          left: 58%;\n        }\n\n        .actions {\n          flex-wrap: wrap;\n        }\n\n        .crawl-grid,\n        .stats-band {\n          grid-template-columns: 1fr;\n        }\n\n        .panel-heading {\n          align-items: start;\n          flex-direction: column;\n        }\n      }\n    &lt;\/style>\n  &lt;\/head>\n  &lt;body>\n    &lt;header class=\"topbar\">\n      &lt;a class=\"brand\" href=\"#\" aria-label=\"Crawlio Search\">\n        &lt;span class=\"brand-dot blue\">&lt;\/span>\n        &lt;span class=\"brand-dot red\">&lt;\/span>\n        &lt;span class=\"brand-dot yellow\">&lt;\/span>\n        &lt;span class=\"brand-dot green\">&lt;\/span>\n        &lt;span>Crawlio&lt;\/span>\n      &lt;\/a>\n      &lt;nav class=\"nav\" aria-label=\"\u30e1\u30a4\u30f3\">\n        &lt;a href=\"#crawler\">Crawler&lt;\/a>\n        &lt;a href=\"#index\">Index&lt;\/a>\n        &lt;a href=\"#status\">Status&lt;\/a>\n      &lt;\/nav>\n    &lt;\/header>\n\n    &lt;main>\n      &lt;section class=\"search-shell\" aria-labelledby=\"hero-title\">\n        &lt;div class=\"crawler-visual\" aria-hidden=\"true\">\n          &lt;div class=\"orbit orbit-a\">&lt;\/div>\n          &lt;div class=\"orbit orbit-b\">&lt;\/div>\n          &lt;div class=\"node node-a\">&lt;\/div>\n          &lt;div class=\"node node-b\">&lt;\/div>\n          &lt;div class=\"node node-c\">&lt;\/div>\n          &lt;div class=\"scan-line\">&lt;\/div>\n        &lt;\/div>\n        &lt;h1 id=\"hero-title\" class=\"wordmark\">\n          &lt;span class=\"blue\">C&lt;\/span>&lt;span class=\"red\">r&lt;\/span>&lt;span class=\"yellow\">a&lt;\/span>&lt;span class=\"blue\">w&lt;\/span>&lt;span class=\"green\">l&lt;\/span>&lt;span class=\"red\">i&lt;\/span>&lt;span class=\"blue\">o&lt;\/span>\n        &lt;\/h1>\n        &lt;form class=\"search-form\" id=\"searchForm\">\n          &lt;label class=\"sr-only\" for=\"query\">\u691c\u7d22\u30ad\u30fc\u30ef\u30fc\u30c9&lt;\/label>\n          &lt;div class=\"search-box\">\n            &lt;svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\n              &lt;path d=\"M10.8 18a7.2 7.2 0 1 1 5.1-12.3 7.2 7.2 0 0 1-5.1 12.3Zm0-2a5.2 5.2 0 1 0 0-10.4 5.2 5.2 0 0 0 0 10.4Zm6.3.1 4 4-1.4 1.4-4-4 1.4-1.4Z\" \/>\n            &lt;\/svg>\n            &lt;input id=\"query\" name=\"query\" autocomplete=\"off\" placeholder=\"URL\u3001\u30ad\u30fc\u30ef\u30fc\u30c9\u3001\u30b5\u30a4\u30c8\u540d\u3092\u691c\u7d22\" \/>\n            &lt;button class=\"icon-button\" type=\"button\" id=\"voiceButton\" aria-label=\"\u97f3\u58f0\u691c\u7d22\">\n              &lt;svg aria-hidden=\"true\" viewBox=\"0 0 24 24\">\n                &lt;path d=\"M12 14a3 3 0 0 0 3-3V6a3 3 0 1 0-6 0v5a3 3 0 0 0 3 3Zm5-3a5 5 0 0 1-10 0H5a7 7 0 0 0 6 6.9V21h2v-3.1a7 7 0 0 0 6-6.9h-2Z\" \/>\n              &lt;\/svg>\n            &lt;\/button>\n          &lt;\/div>\n          &lt;div class=\"actions\">\n            &lt;button type=\"submit\">\u691c\u7d22&lt;\/button>\n            &lt;button type=\"button\" id=\"crawlButton\">\u30af\u30ed\u30fc\u30e9\u30fc\u3092\u8d70\u3089\u305b\u308b&lt;\/button>\n          &lt;\/div>\n        &lt;\/form>\n      &lt;\/section>\n\n      &lt;section class=\"results-area\" aria-live=\"polite\">\n        &lt;div class=\"result-meta\" id=\"resultMeta\">\u7d04 8,420,000 \u4ef6\u4e2d 0.38 \u79d2&lt;\/div>\n        &lt;div class=\"results\" id=\"results\">&lt;\/div>\n      &lt;\/section>\n\n      &lt;section class=\"crawler-panel\" id=\"crawler\" aria-labelledby=\"crawler-title\">\n        &lt;div class=\"panel-heading\">\n          &lt;div>\n            &lt;p class=\"eyebrow\">Live Crawl&lt;\/p>\n            &lt;h2 id=\"crawler-title\">\u5de1\u56de\u4e2d\u306e\u30da\u30fc\u30b8&lt;\/h2>\n          &lt;\/div>\n          &lt;span class=\"pulse\">ONLINE&lt;\/span>\n        &lt;\/div>\n        &lt;div class=\"crawl-grid\" id=\"crawlGrid\">&lt;\/div>\n      &lt;\/section>\n\n      &lt;section class=\"stats-band\" id=\"index\" aria-label=\"\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u7d71\u8a08\">\n        &lt;div>\n          &lt;strong>12.8B&lt;\/strong>\n          &lt;span>Indexed pages&lt;\/span>\n        &lt;\/div>\n        &lt;div>\n          &lt;strong>94ms&lt;\/strong>\n          &lt;span>Median lookup&lt;\/span>\n        &lt;\/div>\n        &lt;div>\n          &lt;strong>37K\/s&lt;\/strong>\n          &lt;span>Crawl rate&lt;\/span>\n        &lt;\/div>\n        &lt;div>\n          &lt;strong>99.98%&lt;\/strong>\n          &lt;span>Freshness&lt;\/span>\n        &lt;\/div>\n      &lt;\/section>\n    &lt;\/main>\n\n    &lt;footer id=\"status\">\n      &lt;span>Japan&lt;\/span>\n      &lt;span>Privacy&lt;\/span>\n      &lt;span>Terms&lt;\/span>\n      &lt;span>Search Console&lt;\/span>\n    &lt;\/footer>\n\n    &lt;script>\n      const results = &#91;\n        {\n          title: \"Crawlio Search Console - \u30b5\u30a4\u30c8\u306e\u30af\u30ed\u30fc\u30eb\u72b6\u6cc1\",\n          url: \"https:\/\/crawlio.example\/search-console\",\n          text: \"\u30b5\u30a4\u30c8\u30de\u30c3\u30d7\u3001robots.txt\u3001\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u767b\u9332\u3001\u691c\u7d22\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u307e\u3068\u3081\u3066\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002\"\n        },\n        {\n          title: \"\u9ad8\u901f\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u306e\u4ed5\u7d44\u307f\",\n          url: \"https:\/\/crawlio.example\/docs\/indexing\",\n          text: \"\u5206\u6563\u30af\u30ed\u30fc\u30e9\u30fc\u304c\u30da\u30fc\u30b8\u3092\u767a\u898b\u3057\u3001\u5185\u5bb9\u3092\u89e3\u6790\u3057\u3066\u3001\u65b0\u3057\u3044\u691c\u7d22\u7d50\u679c\u3078\u53cd\u6620\u3057\u307e\u3059\u3002\"\n        },\n        {\n          title: \"\u30cb\u30e5\u30fc\u30b9\u3001\u753b\u50cf\u3001\u52d5\u753b\u3092\u6a2a\u65ad\u691c\u7d22\",\n          url: \"https:\/\/crawlio.example\/discover\",\n          text: \"\u30ad\u30fc\u30ef\u30fc\u30c9\u306b\u95a2\u9023\u3059\u308b\u30da\u30fc\u30b8\u3001\u30e1\u30c7\u30a3\u30a2\u3001\u30c8\u30ec\u30f3\u30c9\u3092\u3072\u3068\u3064\u306e\u691c\u7d22\u753b\u9762\u3067\u7d20\u65e9\u304f\u63a2\u305b\u307e\u3059\u3002\"\n        },\n        {\n          title: \"Web Crawler Health Report\",\n          url: \"https:\/\/status.crawlio.example\/crawler\",\n          text: \"\u73fe\u5728\u306e\u30af\u30ed\u30fc\u30eb\u901f\u5ea6\u3001\u30a8\u30e9\u30fc\u7387\u3001\u518d\u8a2a\u554f\u30ad\u30e5\u30fc\u3001\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u9bae\u5ea6\u306e\u30e9\u30a4\u30d6\u7d71\u8a08\u3067\u3059\u3002\"\n        }\n      ];\n\n      const crawlItems = &#91;\n        &#91;\"news.metro.jp\/today\", \"HTML parsed \/ 32 links discovered\", 78],\n        &#91;\"shop.example.com\/products\", \"Sitemap queued \/ canonical found\", 64],\n        &#91;\"docs.dev.local\/api\", \"Robots allowed \/ snippets updated\", 91],\n        &#91;\"media.example.net\/video\", \"Metadata extracted \/ thumbnail indexed\", 56],\n        &#91;\"blog.studio.jp\/launch\", \"Fresh content detected \/ rank signals ready\", 84],\n        &#91;\"archive.city.jp\/events\", \"Recrawl scheduled \/ duplicate checked\", 43]\n      ];\n\n      const form = document.querySelector(\"#searchForm\");\n      const queryInput = document.querySelector(\"#query\");\n      const resultsArea = document.querySelector(\".results-area\");\n      const resultMeta = document.querySelector(\"#resultMeta\");\n      const resultList = document.querySelector(\"#results\");\n      const crawlGrid = document.querySelector(\"#crawlGrid\");\n      const crawlButton = document.querySelector(\"#crawlButton\");\n      const voiceButton = document.querySelector(\"#voiceButton\");\n\n      function renderResults(query = \"\u30af\u30ed\u30fc\u30e9\u30fc\") {\n        const filtered = results.map((item) => ({\n          ...item,\n          title: query ? `${item.title} | ${query}` : item.title\n        }));\n\n        resultMeta.textContent = `\u7d04 ${(8420000 + query.length * 17321).toLocaleString(\"ja-JP\")} \u4ef6\u4e2d ${(0.21 + Math.random() * 0.28).toFixed(2)} \u79d2`;\n        resultList.innerHTML = filtered\n          .map(\n            (item) => `\n              &lt;article class=\"result\">\n                &lt;div class=\"result-url\">${item.url}&lt;\/div>\n                &lt;h3>${item.title}&lt;\/h3>\n                &lt;p>${item.text}&lt;\/p>\n              &lt;\/article>\n            `\n          )\n          .join(\"\");\n        resultsArea.classList.add(\"visible\");\n      }\n\n      function renderCrawlGrid(offset = 0) {\n        crawlGrid.innerHTML = crawlItems\n          .map((&#91;url, status, progress], index) => {\n            const shifted = Math.min(99, Math.max(24, progress + ((offset + index * 7) % 18) - 7));\n            return `\n              &lt;article class=\"crawl-card\">\n                &lt;strong>${url}&lt;\/strong>\n                &lt;span>${status}&lt;\/span>\n                &lt;div class=\"crawl-progress\" aria-label=\"\u30af\u30ed\u30fc\u30eb\u9032\u6357 ${shifted}%\">\n                  &lt;i style=\"--progress: ${shifted}%\">&lt;\/i>\n                &lt;\/div>\n              &lt;\/article>\n            `;\n          })\n          .join(\"\");\n      }\n\n      form.addEventListener(\"submit\", (event) => {\n        event.preventDefault();\n        renderResults(queryInput.value.trim() || \"\u30af\u30ed\u30fc\u30e9\u30fc\");\n      });\n\n      crawlButton.addEventListener(\"click\", () => {\n        renderCrawlGrid(Math.floor(Math.random() * 20));\n        renderResults(queryInput.value.trim() || \"live crawl\");\n        document.querySelector(\"#crawler\").scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n      });\n\n      voiceButton.addEventListener(\"click\", () => {\n        queryInput.value = \"\u6700\u65b0\u306e\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u72b6\u6cc1\";\n        queryInput.focus();\n      });\n\n      renderCrawlGrid();\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,87],"tags":[3],"class_list":["post-26302","post","type-post","status-publish","format-standard","hentry","category-html","category-web","tag-programming"],"aioseo_notices":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26302","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=26302"}],"version-history":[{"count":1,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26302\/revisions"}],"predecessor-version":[{"id":26303,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/26302\/revisions\/26303"}],"wp:attachment":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26302"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}