{"id":984,"date":"2026-01-22T09:23:49","date_gmt":"2026-01-22T00:23:49","guid":{"rendered":"https:\/\/kyum.chu.jp\/wp\/?p=984"},"modified":"2026-09-16T06:55:08","modified_gmt":"2026-09-15T21:55:08","slug":"%e9%95%b7%e9%87%8e%e5%b8%82%e6%b6%88%e9%98%b2%e5%9b%a3%e3%83%81%e3%83%a3%e3%83%83%e3%83%88%e3%83%9d%e3%83%83%e3%83%89","status":"publish","type":"post","link":"https:\/\/achamaweb.tech\/?p=984","title":{"rendered":"\u9577\u91ce\u5e02\u6d88\u9632\u56e3\u30c1\u30e3\u30c3\u30c8\u30dd\u30c3\u30c9"},"content":{"rendered":"        <div class=\"achama-chatbot-widget\" style=\"--achama-theme-color: #2e7d32;\">\n            <div class=\"achama-header\">\u3042\u3061\u3083\u307eWEB \u30c1\u30e3\u30c3\u30c8\u30a2\u30b7\u30b9\u30bf\u30f3\u30c8<\/div>\n            <div class=\"achama-welcome\">\u3053\u3093\u306b\u3061\u306f\uff01\u3069\u306e\u3088\u3046\u306a\u3054\u7528\u4ef6\u3067\u3057\u3087\u3046\u304b\uff1f<\/div>\n\n            <form class=\"achama-form\" data-ajaxurl=\"https:\/\/achamaweb.tech\/wp-admin\/admin-ajax.php\" data-nonce=\"6a490953a1\" data-folder=\"shobodan\">\n                <label class=\"achama-label\" for=\"achama-question\">\u3054\u8cea\u554f\u5185\u5bb9<\/label>\n                <textarea id=\"achama-question\" name=\"achama-question\" rows=\"3\" placeholder=\"\u3054\u8cea\u554f\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044...\" required><\/textarea>\n\n                <div class=\"achama-actions\">\n                    <button type=\"submit\" class=\"achama-ask-btn\">\u554f\u3044\u5408\u308f\u305b<\/button>\n                    <span class=\"achama-loading\" style=\"display:none;\">\u554f\u3044\u5408\u308f\u305b\u4e2d...<\/span>\n                <\/div>\n\n                <label class=\"achama-label\">\u56de\u7b54<\/label>\n                <!-- textarea \u304b\u3089 div \u306b\u5909\u66f4 -->\n                <div id=\"achama-answer\" class=\"achama-answer-box\">\n                    <span class=\"achama-placeholder\">\u3053\u3053\u306b\u56de\u7b54\u304c\u8868\u793a\u3055\u308c\u307e\u3059...<\/span>\n                <\/div>\n            <\/form>\n        <\/div>\n\n        <style>\n            .achama-chatbot-widget {\n                max-width: 700px;\n                margin: 0 auto;\n                font-family: \"Helvetica Neue\", Arial, sans-serif;\n                border: 1px solid #ddd;\n                border-radius: 10px;\n                padding: 16px;\n                background: #fff;\n            }\n            .achama-chatbot-widget .achama-header {\n                font-weight: bold;\n                font-size: 18px;\n                color: #fff;\n                background: var(--achama-theme-color, #2e7d32);\n                padding: 10px 14px;\n                border-radius: 6px;\n                margin-bottom: 8px;\n            }\n            .achama-chatbot-widget .achama-welcome {\n                font-size: 13px;\n                color: #555;\n                margin-bottom: 10px;\n            }\n            .achama-chatbot-widget .achama-label {\n                display: block;\n                font-size: 12px;\n                color: #666;\n                margin: 10px 0 4px;\n            }\n            .achama-chatbot-widget textarea {\n                width: 100%;\n                box-sizing: border-box;\n                border: 1px solid #ccc;\n                border-radius: 8px;\n                padding: 8px 10px;\n                font-family: inherit;\n                font-size: 14px;\n                resize: vertical;\n            }\n            \/* \u56de\u7b54\u7528 div \u306e\u30b9\u30bf\u30a4\u30eb\uff0820\u884c\u5206\u306e\u9ad8\u3055\u3068textarea\u540c\u7b49\u306e\u898b\u305f\u76ee\u3092\u4fdd\u6301\uff09 *\/\n            .achama-chatbot-widget .achama-answer-box {\n                width: 100%;\n                height: 380px; \/* 20\u884c\u76f8\u5f53\u306e\u56fa\u5b9a\u9ad8 *\/\n                box-sizing: border-box;\n                border: 1px solid #ccc;\n                border-radius: 8px;\n                padding: 8px 10px;\n                font-family: inherit;\n                font-size: 14px;\n                background: #f7f7f7;\n                color: #333;\n                overflow-y: auto; \/* \u9577\u6587\u6642\u306b\u7e26\u30b9\u30af\u30ed\u30fc\u30eb *\/\n                white-space: pre-wrap; \/* \u6539\u884c\u3092\u53cd\u6620 *\/\n                word-break: break-word;\n            }\n            .achama-chatbot-widget .achama-answer-box .achama-placeholder {\n                color: #888;\n            }\n            .achama-chatbot-widget .achama-answer-box a {\n                color: var(--achama-theme-color, #2e7d32);\n                text-decoration: underline;\n            }\n            .achama-chatbot-widget .achama-actions {\n                margin: 10px 0;\n                display: flex;\n                align-items: center;\n                gap: 10px;\n            }\n            .achama-chatbot-widget .achama-ask-btn {\n                background: var(--achama-theme-color, #2e7d32);\n                color: #fff;\n                border: none;\n                border-radius: 20px;\n                padding: 8px 22px;\n                font-size: 14px;\n                cursor: pointer;\n            }\n            .achama-chatbot-widget .achama-ask-btn:disabled {\n                background: #ccc;\n                cursor: not-allowed;\n            }\n            .achama-chatbot-widget .achama-loading {\n                font-size: 12px;\n                color: #888;\n            }\n        <\/style>\n\n        <script>\n        (function() {\n            var widgets = document.querySelectorAll('.achama-chatbot-widget .achama-form');\n            widgets.forEach(function(form) {\n                var qEl = form.querySelector('#achama-question');\n                var aEl = form.querySelector('#achama-answer');\n                var btn = form.querySelector('.achama-ask-btn');\n                var loading = form.querySelector('.achama-loading');\n                var ajaxUrl = form.getAttribute('data-ajaxurl');\n                var nonce = form.getAttribute('data-nonce');\n                var folder = form.getAttribute('data-folder') || '';\n\n                \/\/ \u30e6\u30fc\u30b6\u30fc\u3054\u3068\u306e\u4f1a\u8a71\u7d99\u7d9a\u7528ID\uff08\u753b\u9762\u306b\u306f\u8868\u793a\u3057\u306a\u3044\uff09\n                var uidKey = 'achama_chat_uid';\n                var uid = localStorage.getItem(uidKey);\n                if (!uid) {\n                    uid = 'u_' + Date.now() + '_' + Math.random().toString(36).slice(2, 10);\n                    localStorage.setItem(uidKey, uid);\n                }\n\n                form.addEventListener('submit', function(e) {\n                    e.preventDefault();\n                    var message = qEl.value.trim();\n                    if (!message) return;\n\n                    btn.disabled = true;\n                    loading.style.display = 'inline';\n\n                    var body = new URLSearchParams();\n                    body.append('action', 'achama_chatbot_ask');\n                    body.append('nonce', nonce);\n                    body.append('user_id', uid);\n                    body.append('message', message);\n                    if (folder) {\n                        body.append('folder', folder);\n                    }\n\n                    fetch(ajaxUrl, {\n                        method: 'POST',\n                        headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n                        body: body.toString()\n                    })\n                    .then(function(res) { return res.json(); })\n                    .then(function(data) {\n                        btn.disabled = false;\n                        loading.style.display = 'none';\n                        var text = '';\n                        if (data.success && data.data && data.data.reply) {\n                            text = data.data.reply;\n                        } else if (data.data && data.data.error) {\n                            text = data.data.error + '<br>\u7ba1\u7406\u8005\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u3002';\n                        } else {\n                            text = '\u63a5\u7d9a\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002<br>\u7ba1\u7406\u8005\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u3002';\n                        }\n                        \/\/ HTML\u3068\u3057\u3066\u63cf\u753b\n                        aEl.innerHTML = text;\n                    })\n                    .catch(function() {\n                        btn.disabled = false;\n                        loading.style.display = 'none';\n                        aEl.innerHTML = '\u63a5\u7d9a\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002<br>\u7ba1\u7406\u8005\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u3002';\n                    });\n                });\n            });\n        })();\n        <\/script>\n        \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15,1],"tags":[],"class_list":["post-984","post","type-post","status-publish","format-standard","hentry","category-web-development","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/posts\/984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=984"}],"version-history":[{"count":5,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/posts\/984\/revisions"}],"predecessor-version":[{"id":1867,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=\/wp\/v2\/posts\/984\/revisions\/1867"}],"wp:attachment":[{"href":"https:\/\/achamaweb.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/achamaweb.tech\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}