{"id":531,"date":"2025-09-29T12:34:36","date_gmt":"2025-09-29T03:34:36","guid":{"rendered":"https:\/\/www.dri.co.jp\/info\/?p=531"},"modified":"2025-09-29T12:42:14","modified_gmt":"2025-09-29T03:42:14","slug":"ai-chatbot-%e6%a9%9f%e8%83%bd%e8%bf%bd%e5%8a%a0%ef%bc%88%e3%83%87%e3%83%a2%e7%89%88%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.dri.co.jp\/info\/seminar\/531","title":{"rendered":"AI Chatbot \u6a5f\u80fd\u8ffd\u52a0\uff08\u30c7\u30e2\u7248\uff09"},"content":{"rendered":"\n

\u300c\u60c5\u5831\u304c\u6b32\u3057\u3044\u3051\u3069\u3001\u8abf\u67fb\u4f1a\u793e\u304c\u591a\u3059\u304e\u308b\u3001\u3069\u306e\u30ec\u30dd\u30fc\u30c8\u306b\u3057\u305f\u3089\u3044\u3044\u3093\u3060\u308d\u3046\uff1f\u300c
\u5f0a\u793e\u3067\u3088\u304f\u3044\u305f\u3060\u304f\u3054\u8cea\u554f\u306e1\u3064\u3067\u3059\u3002
<\/p>\n\n\n\n

\u5f0a\u793e\u30b9\u30bf\u30c3\u30d5\u306f\u3044\u3064\u3067\u3082\u304a\u5ba2\u69d8\u304b\u3089\u306e\u3054\u8cea\u554f\u3092\u304a\u5f85\u3061\u3057\u3066\u304a\u308a\u307e\u3059\u304c
\u6065\u305a\u304b\u3057\u304c\u308a\u3084\u306a\u304a\u5ba2\u69d8\u3001\u307e\u3060\u8cb7\u3046\u304b\u308f\u304b\u3089\u306a\u3044\u3057\u55b6\u696d\u3055\u308c\u305f\u304f\u306a\u3044\u306a\uff5e\u306a\u304a\u5ba2\u69d8\u306b
\u3046\u3063\u3066\u3064\u3051\u306e\u30b5\u30fc\u30d3\u30b9\u3092\u5c0e\u5165\u4e88\u5b9a\u3067\u3059\u3002<\/p>\n\n\n\n

\u305d\u306e\u540d\u3082\u300cDR Chat\u3061\u3083\u3093\uff08\u4eee\uff09\u300d<\/p>\n\n\n\n

\u30c7\u30e2\u7248\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u306e\u3067\u662f\u975e\u304a\u6c17\u8efd\u306b\u8a71\u3057\u304b\u3051\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/p>\n\n\n\n

<\/p>\n\n\n\n\n\n \n \n \n DATARESOURCES,INC<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #f4c2a1 0%, #d4af37 50%, #f4c2a1 100%);\n min-height: 100vh;\n }\n\n .header {\n background: rgba(255, 182, 193, 0.9);\n padding: 20px;\n text-align: center;\n position: relative;\n }\n\n .header-top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n font-size: 14px;\n }\n\n .header-links {\n display: flex;\n gap: 20px;\n }\n\n .header-links a {\n color: #333;\n text-decoration: none;\n }\n\n .cart {\n color: #333;\n }\n\n .company-name {\n font-size: 2.5rem;\n font-weight: bold;\n color: #333;\n letter-spacing: 2px;\n margin-bottom: 5px;\n }\n\n .tagline {\n font-size: 1rem;\n color: #666;\n margin-bottom: 20px;\n }\n\n .demo-version {\n position: absolute;\n top: 20px;\n right: 20px;\n background: rgba(0, 0, 0, 0.7);\n color: white;\n padding: 8px 15px;\n border-radius: 5px;\n font-size: 14px;\n }\n\n\n\n .iframe-container {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 80%;\n height: 70%;\n max-width: 800px;\n max-height: 600px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n z-index: 9999;\n overflow: hidden;\n display: none;\n }\n\n .iframe-container.active {\n display: block;\n animation: iframeFadeIn 0.5s ease-out;\n }\n\n .iframe-header {\n background: #9c88ff;\n color: white;\n padding: 15px 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .iframe-title {\n font-size: 1.2rem;\n font-weight: bold;\n }\n\n .close-btn {\n background: rgba(255, 255, 255, 0.2);\n border: 2px solid rgba(255, 255, 255, 0.3);\n color: white;\n font-size: 20px;\n font-weight: bold;\n cursor: pointer;\n padding: 10px;\n border-radius: 8px;\n transition: all 0.3s;\n line-height: 1;\n min-width: 50px;\n min-height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n -webkit-user-select: none;\n }\n\n .close-btn:hover {\n background: rgba(255, 255, 255, 0.4);\n border-color: rgba(255, 255, 255, 0.6);\n transform: scale(1.05);\n }\n\n .close-btn:active {\n background: rgba(255, 255, 255, 0.6);\n transform: scale(0.98);\n }\n\n .iframe-content {\n width: 100%;\n height: calc(100% - 60px);\n border: none;\n }\n\n .iframe-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 9998;\n display: none;\n }\n\n .iframe-overlay.active {\n display: block;\n }\n\n .open-iframe-btn {\n position: fixed;\n bottom: 30px;\n left: 30px;\n background: #9c88ff;\n color: white;\n border: none;\n border-radius: 50%;\n width: 60px;\n height: 60px;\n font-size: 1.5rem;\n cursor: pointer;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);\n transition: transform 0.3s, box-shadow 0.3s;\n z-index: 1000;\n }\n\n .open-iframe-btn:hover {\n transform: scale(1.1);\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);\n }\n\n @keyframes iframeFadeIn {\n from {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.8);\n }\n to {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n }\n\n @media (max-width: 768px) {\n .company-name {\n font-size: 2rem;\n }\n\n .header-top {\n flex-direction: column;\n gap: 10px;\n }\n\n\n .demo-version {\n position: relative;\n margin: 10px auto;\n display: inline-block;\n }\n\n .iframe-container {\n width: 95%;\n height: 80%;\n max-width: none;\n max-height: none;\n }\n \n .open-iframe-btn {\n bottom: 20px;\n right: 20px;\n width: 50px;\n height: 50px;\n font-size: 1.2rem;\n }\n }\n <\/style>\n <\/head>\n <body>\n <header class=\"header\">\n <div class=\"demo-version\">DEMO: VER0.1<\/div>\n <div class=\"header-top\">\n <div class=\"header-links\"> <a href=\"#\">\u30ed\u30b0\u30a4\u30f3<\/a> <a href=\"#\">f<\/a> <a\n\n href=\"#\">@<\/a> <a href=\"#\">\u229c<\/a> <\/div>\n <div class=\"cart\">CART (0)<\/div>\n <\/div>\n <div class=\"company-name\">DATARESOURCES,INC<\/div>\n <div class=\"tagline\">YOUR BUDDY FOR<br>\n INFORMATION-GATHERING<\/div>\n <\/header>\n <div class=\"iframe-overlay active\"><\/div>\n <div class=\"iframe-container active\">\n <div class=\"iframe-header\">\n <div class=\"iframe-title\">GBase AI\u30c7\u30e2<\/div>\n <button class=\"close-btn\">\u00d7<\/button> <\/div>\n <iframe class=\"iframe-content\" src=\"https:\/\/gbase.ai\/bot\/5c5263c7-5dd1-4d71-89ce-50aa379db2d4\"\n\n title=\"GBase Demo\"><\/iframe> <\/div>\n <button class=\"open-iframe-btn\">\ud83e\udd16<\/button>\n <script>\n \/\/ Iframe\u63a7\u5236\n const openIframeBtn = document.querySelector('.open-iframe-btn');\n const closeBtn = document.querySelector('.close-btn');\n const iframeContainer = document.querySelector('.iframe-container');\n const iframeOverlay = document.querySelector('.iframe-overlay');\n\n function openIframe() {\n console.log('Opening iframe');\n if (iframeContainer) iframeContainer.classList.add('active');\n if (iframeOverlay) iframeOverlay.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeIframe() {\n console.log('Closing iframe');\n if (iframeContainer) iframeContainer.classList.remove('active');\n if (iframeOverlay) iframeOverlay.classList.remove('active');\n document.body.style.overflow = 'auto';\n }\n\n \/\/ \u7b49\u5f85DOM\u52a0\u8f7d\u5b8c\u6210\u540e\u7ed1\u5b9a\u4e8b\u4ef6\n document.addEventListener('DOMContentLoaded', () => {\n if (openIframeBtn) {\n openIframeBtn.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n openIframe();\n });\n }\n\n if (closeBtn) {\n console.log('Close button found, adding event listener');\n closeBtn.addEventListener('click', (e) => {\n console.log('Close button clicked');\n e.preventDefault();\n e.stopPropagation();\n closeIframe();\n });\n } else {\n console.log('Close button not found');\n }\n\n if (iframeOverlay) {\n iframeOverlay.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopPropagation();\n closeIframe();\n });\n }\n\n \/\/ ESC\u30ad\u30fc\u3067iframe\u3092\u9589\u3058\u308b\n document.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n closeIframe();\n }\n });\n\n \/\/ \u30da\u30fc\u30b8\u8aad\u307f\u8fbc\u307f\u6642\u306biframe\u3092\u958b\u3044\u305f\u72b6\u614b\u306b\u8a2d\u5b9a\n document.body.style.overflow = 'hidden';\n });\n <\/script>\n <script>\n window.gptbaseConfig = {\n chatbotId: '5c5263c7-5dd1-4d71-89ce-50aa379db2d4',\n };\n <\/script>\n <script src=\"https:\/\/gbase.ai\/plugin\/plugin.js\" id=\"5c5263c7-5dd1-4d71-89ce-50aa379db2d4\"\n\ndefer=\"defer\">\n <\/script>\n <\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n\n\n\n<p>Chatbot\u753b\u9762\u3092\u3082\u3046\u4e00\u5ea6\u958b\u304d\u305f\u3044\u3068\u304d\u306f<a href=\"https:\/\/www.dri.co.jp\/info\/seminar\/531\" data-type=\"URL\" data-id=\"https:\/\/www.dri.co.jp\/info\/seminar\/531\">\u3053\u3061\u3089<\/a>\u3092\u30af\u30ea\u30c3\u30af\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u300c\u60c5\u5831\u304c\u6b32\u3057\u3044\u3051\u3069\u3001\u8abf\u67fb\u4f1a\u793e\u304c\u591a\u3059\u304e\u308b\u3001\u3069\u306e\u30ec\u30dd\u30fc\u30c8\u306b\u3057\u305f\u3089\u3044\u3044\u3093\u3060\u308d\u3046\uff1f\u300c\u5f0a\u793e\u3067\u3088\u304f\u3044\u305f\u3060\u304f\u3054\u8cea\u554f\u306e1\u3064\u3067\u3059\u3002 \u5f0a\u793e\u30b9\u30bf\u30c3\u30d5\u306f\u3044\u3064\u3067\u3082\u304a\u5ba2\u69d8\u304b\u3089\u306e\u3054\u8cea\u554f\u3092\u304a\u5f85\u3061\u3057\u3066\u304a\u308a\u307e\u3059\u304c\u6065\u305a\u304b\u3057\u304c\u308a\u3084\u306a\u304a\u5ba2\u69d8\u3001\u307e\u3060\u8cb7\u3046\u304b\u308f\u304b\u3089\u306a\u3044 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.dri.co.jp\/info\/wp-json\/wp\/v2\/posts\/531"}],"collection":[{"href":"https:\/\/www.dri.co.jp\/info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dri.co.jp\/info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dri.co.jp\/info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dri.co.jp\/info\/wp-json\/wp\/v2\/comments?post=531"}],"version-history":[{"count":9,"href":"https:\/\/www.dri.co.jp\/info\/wp-json\/wp\/v2\/posts\/531\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/www.dri.co.jp\/info\/wp-json\/wp\/v2\/posts\/531\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/www.dri.co.jp\/info\/wp-json\/wp\/v2\/media?parent=531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dri.co.jp\/info\/wp-json\/wp\/v2\/categories?post=531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dri.co.jp\/info\/wp-json\/wp\/v2\/tags?post=531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}