{"id":13674,"date":"2026-05-22T05:53:44","date_gmt":"2026-05-21T20:53:44","guid":{"rendered":"https:\/\/bbr-1b92faa.ufwpcs.net\/?p=13674"},"modified":"2026-05-22T06:01:46","modified_gmt":"2026-05-21T21:01:46","slug":"%e5%be%8c%e4%bd%95%e6%97%a5%ef%bc%9f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92gemini%e3%81%ab%e9%a0%bc%e3%82%93%e3%81%a7%e4%bd%9c%e3%81%a3%e3%81%a6%e3%82%82","status":"publish","type":"post","link":"https:\/\/bbr-1b92faa.ufwpcs.net\/?p=13674","title":{"rendered":"\u5f8c\u4f55\u65e5\uff1f\u3092\u8868\u793a\u3059\u308b\u30da\u30fc\u30b8\u3092gemini\u306b\u983c\u3093\u3067\u4f5c\u3063\u3066\u3082\u3089\u3044\u307e\u3057\u305f\u3002"},"content":{"rendered":"\n<div class=\"date-counter-container\">\n    <!-- \u5192\u982d\u306e\u89e3\u8aac\u30fb\u30b5\u30f3\u30d7\u30eb\u8868\u793a -->\n    <div class=\"counter-explanation\">\n        <p><strong>\u3010\u8868\u793a\u4f8b\u3011<\/strong><\/p>\n        <p>\u4f8b\u3048\u3070\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u3068\u306a\u308b\u65e5\u4ed8\u306b\u300c2026\/05\/26\u300d\u3068\u5165\u529b\u3059\u308b\u3068\u3001\u73fe\u5728\u306e\u65e5\u4ed8\u304b\u3089\u306e\u6b8b\u308a\u671f\u9593\u304c\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n        <p class=\"sample-display\">2026\/05\/26\u307e\u3067\u30010\u5e740\u67084\u65e5\uff084\u65e5\uff09<\/p>\n    <\/div>\n\n    <hr class=\"counter-divider\"\/>\n\n    <!-- \u5165\u529b\u30d5\u30a9\u30fc\u30e0\u3068\u7d50\u679c\u8868\u793a -->\n    <div class=\"counter-input-section\">\n        <label for=\"targetDate\">\u30bf\u30fc\u30b2\u30c3\u30c8\u306e\u65e5\u4ed8\u3092\u9078\u629e\u307e\u305f\u306f\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\uff1a<\/label>\n        <input type=\"date\" id=\"targetDate\" class=\"counter-date-input\"\/>\n    <\/div>\n\n    <div class=\"counter-result-section\">\n        <p id=\"countdownResult\" class=\"counter-result-text\">\u65e5\u4ed8\u3092\u5165\u529b\u3059\u308b\u3068\u3053\u3053\u306b\u7d50\u679c\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n    <\/div>\n<\/div>\n\n<!-- \u7c21\u6613\u7684\u306a\u30c7\u30b6\u30a4\u30f3\u8abf\u6574\u7528\u306e\u30b9\u30bf\u30a4\u30eb\uff08CSS\uff09 -->\n<style>\n.date-counter-container {\n    background-color: #f9f9f9;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    padding: 20px;\n    margin: 20px 0;\n    font-family: sans-serif;\n}\n.counter-explanation {\n    background-color: #fff;\n    border-left: 4px solid #0073aa;\n    padding: 10px 15px;\n    margin-bottom: 15px;\n    font-size: 0.95em;\n}\n.sample-display {\n    color: #c9302c;\n    font-weight: bold;\n    font-size: 1.1em;\n    margin-top: 5px;\n}\n.counter-divider {\n    border: 0;\n    border-top: 1px solid #ddd;\n    margin: 20px 0;\n}\n.counter-input-section {\n    margin-bottom: 15px;\n}\n.counter-date-input {\n    padding: 8px;\n    font-size: 1em;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n}\n.counter-result-section {\n    background-color: #fff;\n    border: 1px dashed #bbb;\n    padding: 15px;\n    text-align: center;\n    min-height: 50px;\n}\n.counter-result-text {\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #333;\n    margin: 0;\n}\n<\/style>\n\n<!-- \u8a08\u7b97\u7528\u306e\u30d7\u30ed\u30b0\u30e9\u30e0\uff08JavaScript\uff09 -->\n<script>\ndocument.getElementById('targetDate').addEventListener('input', function() {\n    const inputVal = this.value; \/\/ yyyy-mm-dd\n    if (!inputVal) {\n        document.getElementById('countdownResult').innerText = \"\u65e5\u4ed8\u3092\u5165\u529b\u3059\u308b\u3068\u3053\u3053\u306b\u7d50\u679c\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\";\n        return;\n    }\n\n    \/\/ \u5165\u529b\u3055\u308c\u305f\u65e5\u4ed8\uff08\u7d42\u4e86\u65e5\uff09\u306e\u30d1\u30fc\u30b9\uff08\u30ed\u30fc\u30ab\u30eb\u30bf\u30a4\u30e0\uff09\n    const parts = inputVal.split('-');\n    const year2 = parseInt(parts[0], 10);\n    const month2 = parseInt(parts[1], 10);\n    const day2 = parseInt(parts[2], 10);\n    const endDate = new Date(year2, month2 - 1, day2);\n\n    \/\/ \u73fe\u5728\u306e\u65e5\u4ed8\uff08\u958b\u59cb\u65e5\uff09\u306e\u6642\u9593\u3092 00:00:00 \u306b\u30ea\u30bb\u30c3\u30c8\n    const now = new Date();\n    const startDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n\n    \/\/ \u7dcf\u65e5\u6570\u306e\u8a08\u7b97 (1\u65e5 = 86400000\u30df\u30ea\u79d2)\n    const msDiff = endDate.getTime() - startDate.getTime();\n    const totalDays = Math.ceil(msDiff \/ (1000 * 60 * 60 * 24));\n\n    \/\/ \u904e\u53bb\u306e\u65e5\u4ed8\u304c\u5165\u529b\u3055\u308c\u305f\u5834\u5408\u306e\u51e6\u7406\n    if (totalDays < 0) {\n        document.getElementById('countdownResult').innerText = \"\u904e\u53bb\u306e\u65e5\u4ed8\u304c\u6307\u5b9a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\";\n        return;\n    }\n\n    \/\/ \u300cx\u5e74y\u6708d\u65e5\u300d\u306e\u8a73\u7d30\u8a08\u7b97\n    let diffYears = year2 - startDate.getFullYear();\n    let diffMonths = (month2 - 1) - startDate.getMonth();\n    let diffDays = day2 - startDate.getDate();\n\n    \/\/ \u65e5\u306e\u7e70\u308a\u4e0b\u304c\u308a\u51e6\u7406\n    if (diffDays < 0) {\n        \/\/ \u524d\u6708\u306e\u672b\u65e5\u3092\u53d6\u5f97\n        const previousMonthEnd = new Date(year2, month2 - 1, 0).getDate();\n        diffDays += previousMonthEnd;\n        diffMonths--;\n    }\n\n    \/\/ \u6708\u306e\u7e70\u308a\u4e0b\u304c\u308a\u51e6\u7406\n    if (diffMonths < 0) {\n        diffMonths += 12;\n        diffYears--;\n    }\n\n    \/\/ \u8868\u793a\u7528\u306e\u65e5\u4ed8\u30d5\u30a9\u30fc\u30de\u30c3\u30c8 (yyyy\/mm\/dd)\n    const formattedTargetDate = `${year2}\/${String(month2).padStart(2, '0')}\/${String(day2).padStart(2, '0')}`;\n\n    \/\/ \u7d50\u679c\u306e\u7d44\u307f\u7acb\u3066\n    const resultString = `${formattedTargetDate}\u307e\u3067\u3001${diffYears}\u5e74${diffMonths}\u6708${diffDays}\u65e5\uff08${totalDays}\u65e5\uff09`;\n    \n    \/\/ \u753b\u9762\u306b\u8868\u793a\n    document.getElementById('countdownResult').innerText = resultString;\n});\n<\/script>\n\n\n\n<p>\u3044\u3084\u3042\u3001\u9a5a\u304d\u3067\u3059\u3002<\/p>\n\n\n\n<p>Gemini\u3092\u958b\u3044\u3066<\/p>\n\n\n\n<p>\u30b3\u30fc\u30c9\u3092\u30ab\u30b9\u30bf\u30e0HTML\u306b\u8cbc\u308c\u308b\u5f62\u3067\u51fa\u529b\u3059\u308b\u3088\u3046\u306b\u304a\u9858\u3044\u3057\u3066<\/p>\n\n\n\n<p>WordPress\u306b\u30ed\u30b0\u30a4\u30f3\u3057\u3066\u3001<\/p>\n\n\n\n<p>\u30b3\u30fc\u30c9\u3092WordPress\u306e\u30ab\u30b9\u30bf\u30e0HTML\u306b\u8cbc\u308a\u4ed8\u3051\u3066<\/p>\n\n\n\n<p>\u3053\u306e\u611f\u60f3\u306a\u3069\u66f8\u304d\u8fbc\u3093\u3067<\/p>\n\n\n\n<p>30\u5206\u304b\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u56e0\u307f\u306b\u4f5c\u3063\u3066\u3082\u3089\u3063\u305f\u30b3\u30fc\u30c9\u306f\u4e0b\u8a18\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;div class=\"date-counter-container\"&gt;<br \/>    &lt;!-- \u5192\u982d\u306e\u89e3\u8aac\u30fb\u30b5\u30f3\u30d7\u30eb\u8868\u793a --&gt;<br \/>    &lt;div class=\"counter-explanation\"&gt;<br \/>        &lt;p&gt;&lt;strong&gt;\u3010\u8868\u793a\u4f8b\u3011&lt;\/strong&gt;&lt;\/p&gt;<br \/>        &lt;p&gt;\u4f8b\u3048\u3070\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u3068\u306a\u308b\u65e5\u4ed8\u306b\u300c2026\/05\/26\u300d\u3068\u5165\u529b\u3059\u308b\u3068\u3001\u73fe\u5728\u306e\u65e5\u4ed8\u304b\u3089\u306e\u6b8b\u308a\u671f\u9593\u304c\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002&lt;\/p&gt;<br \/>        &lt;p class=\"sample-display\"&gt;2026\/05\/26\u307e\u3067\u30010\u5e740\u67084\u65e5\uff084\u65e5\uff09&lt;\/p&gt;<br \/>    &lt;\/div&gt;<br \/><br \/>    &lt;hr class=\"counter-divider\"&gt;<br \/><br \/>    &lt;!-- \u5165\u529b\u30d5\u30a9\u30fc\u30e0\u3068\u7d50\u679c\u8868\u793a --&gt;<br \/>    &lt;div class=\"counter-input-section\"&gt;<br \/>        &lt;label for=\"targetDate\"&gt;\u30bf\u30fc\u30b2\u30c3\u30c8\u306e\u65e5\u4ed8\u3092\u9078\u629e\u307e\u305f\u306f\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\uff1a&lt;\/label&gt;<br \/>        &lt;input type=\"date\" id=\"targetDate\" class=\"counter-date-input\"&gt;<br \/>    &lt;\/div&gt;<br \/><br \/>    &lt;div class=\"counter-result-section\"&gt;<br \/>        &lt;p id=\"countdownResult\" class=\"counter-result-text\"&gt;\u65e5\u4ed8\u3092\u5165\u529b\u3059\u308b\u3068\u3053\u3053\u306b\u7d50\u679c\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002&lt;\/p&gt;<br \/>    &lt;\/div&gt;<br \/>&lt;\/div&gt;<br \/><br \/>&lt;!-- \u7c21\u6613\u7684\u306a\u30c7\u30b6\u30a4\u30f3\u8abf\u6574\u7528\u306e\u30b9\u30bf\u30a4\u30eb\uff08CSS\uff09 --&gt;<br \/>&lt;style&gt;<br \/>.date-counter-container {<br \/>    background-color: #f9f9f9;<br \/>    border: 1px solid #e0e0e0;<br \/>    border-radius: 8px;<br \/>    padding: 20px;<br \/>    margin: 20px 0;<br \/>    font-family: sans-serif;<br \/>}<br \/>.counter-explanation {<br \/>    background-color: #fff;<br \/>    border-left: 4px solid #0073aa;<br \/>    padding: 10px 15px;<br \/>    margin-bottom: 15px;<br \/>    font-size: 0.95em;<br \/>}<br \/>.sample-display {<br \/>    color: #c9302c;<br \/>    font-weight: bold;<br \/>    font-size: 1.1em;<br \/>    margin-top: 5px;<br \/>}<br \/>.counter-divider {<br \/>    border: 0;<br \/>    border-top: 1px solid #ddd;<br \/>    margin: 20px 0;<br \/>}<br \/>.counter-input-section {<br \/>    margin-bottom: 15px;<br \/>}<br \/>.counter-date-input {<br \/>    padding: 8px;<br \/>    font-size: 1em;<br \/>    border: 1px solid #ccc;<br \/>    border-radius: 4px;<br \/>}<br \/>.counter-result-section {<br \/>    background-color: #fff;<br \/>    border: 1px dashed #bbb;<br \/>    padding: 15px;<br \/>    text-align: center;<br \/>    min-height: 50px;<br \/>}<br \/>.counter-result-text {<br \/>    font-size: 1.2em;<br \/>    font-weight: bold;<br \/>    color: #333;<br \/>    margin: 0;<br \/>}<br \/>&lt;\/style&gt;<br \/><br \/>&lt;!-- \u8a08\u7b97\u7528\u306e\u30d7\u30ed\u30b0\u30e9\u30e0\uff08JavaScript\uff09 --&gt;<br \/>&lt;script&gt;<br \/>document.getElementById('targetDate').addEventListener('input', function() {<br \/>    const inputVal = this.value; \/\/ yyyy-mm-dd<br \/>    if (!inputVal) {<br \/>        document.getElementById('countdownResult').innerText = \"\u65e5\u4ed8\u3092\u5165\u529b\u3059\u308b\u3068\u3053\u3053\u306b\u7d50\u679c\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\";<br \/>        return;<br \/>    }<br \/><br \/>    \/\/ \u5165\u529b\u3055\u308c\u305f\u65e5\u4ed8\uff08\u7d42\u4e86\u65e5\uff09\u306e\u30d1\u30fc\u30b9\uff08\u30ed\u30fc\u30ab\u30eb\u30bf\u30a4\u30e0\uff09<br \/>    const parts = inputVal.split('-');<br \/>    const year2 = parseInt(parts[0], 10);<br \/>    const month2 = parseInt(parts[1], 10);<br \/>    const day2 = parseInt(parts[2], 10);<br \/>    const endDate = new Date(year2, month2 - 1, day2);<br \/><br \/>    \/\/ \u73fe\u5728\u306e\u65e5\u4ed8\uff08\u958b\u59cb\u65e5\uff09\u306e\u6642\u9593\u3092 00:00:00 \u306b\u30ea\u30bb\u30c3\u30c8<br \/>    const now = new Date();<br \/>    const startDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());<br \/><br \/>    \/\/ \u7dcf\u65e5\u6570\u306e\u8a08\u7b97 (1\u65e5 = 86400000\u30df\u30ea\u79d2)<br \/>    const msDiff = endDate.getTime() - startDate.getTime();<br \/>    const totalDays = Math.ceil(msDiff \/ (1000 * 60 * 60 * 24));<br \/><br \/>    \/\/ \u904e\u53bb\u306e\u65e5\u4ed8\u304c\u5165\u529b\u3055\u308c\u305f\u5834\u5408\u306e\u51e6\u7406<br \/>    if (totalDays &lt; 0) {<br \/>        document.getElementById('countdownResult').innerText = \"\u904e\u53bb\u306e\u65e5\u4ed8\u304c\u6307\u5b9a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\";<br \/>        return;<br \/>    }<br \/><br \/>    \/\/ \u300cx\u5e74y\u6708d\u65e5\u300d\u306e\u8a73\u7d30\u8a08\u7b97<br \/>    let diffYears = year2 - startDate.getFullYear();<br \/>    let diffMonths = (month2 - 1) - startDate.getMonth();<br \/>    let diffDays = day2 - startDate.getDate();<br \/><br \/>    \/\/ \u65e5\u306e\u7e70\u308a\u4e0b\u304c\u308a\u51e6\u7406<br \/>    if (diffDays &lt; 0) {<br \/>        \/\/ \u524d\u6708\u306e\u672b\u65e5\u3092\u53d6\u5f97<br \/>        const previousMonthEnd = new Date(year2, month2 - 1, 0).getDate();<br \/>        diffDays += previousMonthEnd;<br \/>        diffMonths--;<br \/>    }<br \/><br \/>    \/\/ \u6708\u306e\u7e70\u308a\u4e0b\u304c\u308a\u51e6\u7406<br \/>    if (diffMonths &lt; 0) {<br \/>        diffMonths += 12;<br \/>        diffYears--;<br \/>    }<br \/><br \/>    \/\/ \u8868\u793a\u7528\u306e\u65e5\u4ed8\u30d5\u30a9\u30fc\u30de\u30c3\u30c8 (yyyy\/mm\/dd)<br \/>    const formattedTargetDate = `${year2}\/${String(month2).padStart(2, '0')}\/${String(day2).padStart(2, '0')}`;<br \/><br \/>    \/\/ \u7d50\u679c\u306e\u7d44\u307f\u7acb\u3066<br \/>    const resultString = `${formattedTargetDate}\u307e\u3067\u3001${diffYears}\u5e74${diffMonths}\u6708${diffDays}\u65e5\uff08${totalDays}\u65e5\uff09`;<br \/>    <br \/>    \/\/ \u753b\u9762\u306b\u8868\u793a<br \/>    document.getElementById('countdownResult').innerText = resultString;<br \/>});<br \/>&lt;\/script&gt;<br \/><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3010\u8868\u793a\u4f8b\u3011 \u4f8b\u3048\u3070\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u3068\u306a\u308b\u65e5\u4ed8\u306b\u300c2026\/05\/26\u300d\u3068\u5165\u529b\u3059\u308b\u3068\u3001 &hellip; <a href=\"https:\/\/bbr-1b92faa.ufwpcs.net\/?p=13674\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-13674","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/bbr-1b92faa.ufwpcs.net\/index.php?rest_route=\/wp\/v2\/posts\/13674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbr-1b92faa.ufwpcs.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bbr-1b92faa.ufwpcs.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bbr-1b92faa.ufwpcs.net\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bbr-1b92faa.ufwpcs.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13674"}],"version-history":[{"count":5,"href":"https:\/\/bbr-1b92faa.ufwpcs.net\/index.php?rest_route=\/wp\/v2\/posts\/13674\/revisions"}],"predecessor-version":[{"id":13681,"href":"https:\/\/bbr-1b92faa.ufwpcs.net\/index.php?rest_route=\/wp\/v2\/posts\/13674\/revisions\/13681"}],"wp:attachment":[{"href":"https:\/\/bbr-1b92faa.ufwpcs.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bbr-1b92faa.ufwpcs.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bbr-1b92faa.ufwpcs.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}