{"id":25,"date":"2022-01-28T11:07:00","date_gmt":"2022-01-28T02:07:00","guid":{"rendered":"https:\/\/futurelab-test.kcg.edu\/?p=25"},"modified":"2022-02-18T11:19:40","modified_gmt":"2022-02-18T02:19:40","slug":"madoi%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e3%83%81%e3%83%a3%e3%83%83%e3%83%88","status":"publish","type":"post","link":"https:\/\/futurelab.kcg.edu\/?p=25","title":{"rendered":"madoi\u3092\u4f7f\u3063\u305f\u30c1\u30e3\u30c3\u30c8"},"content":{"rendered":"\n<p>\u30c1\u30e3\u30c3\u30c8\u3067\u3059\u3002\u8ab0\u304b\u304c\u6700\u5f8c\u306b\u66f8\u3044\u3066\u304b\u308910\u5206\u307b\u3069\u7d4c\u3064\u3068\u5c65\u6b74\u306f\u6d88\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<form id=\"chatForm\">\n    <div>\n        <input id=\"nameInput\" size=\"8\" type=\"text\" value=\"\u533f\u540d\">\n        <input id=\"messageInput\" size=\"20\" type=\"text\" placeholder=\"\u9001\u4fe1\u3059\u308b\u30e1\u30c3\u30bb\u30fc\u30b8\">\n        <button type=\"submit\">\u9001\u4fe1<\/button>\n    <\/div>\n<\/form>\n<div id=\"chatLogDiv\" style=\"border: solid 1px; border-radius: 4px\"><\/div>\n<script src=\"https:\/\/fungo.kcg.edu\/madoi-20211003\/js\/madoi.js\"><\/script>\n<script>\nwindow.addEventListener(\"load\", ()=>{\n    const m = new madoi.Madoi(\"rooms\/chat-aazs43dflkd\");\n    const chat = new Chat(\n        \"#chatForm\", \"#nameInput\",\n        \"#messageInput\", \"#chatLogDiv\");\n    m.register(chat, [\n        {method: chat.send, share: {maxLog: 1000}}\n    ]);\n});\n\nclass Chat{\n    constructor(sendFormId, nameInputId, messageInputId, logDivId){\n        this.nameInput = document.querySelector(nameInputId);\n        this.messageInput = document.querySelector(messageInputId);\n        this.logDiv = document.querySelector(logDivId);\n        const sendForm = document.querySelector(sendFormId);\n        sendForm.addEventListener(\"submit\", event => {\n            event.preventDefault();\n            const name = this.nameInput.value.trim();\n            const text = this.messageInput.value.trim();\n            if(text.length == 0) return false;\n            this.messageInput.value = \"\";\n            this.send(name, text);\n            return false;\n        });\n    }\n    send(name, message){\n        const textSpan = document.createElement(\"span\");\n        textSpan.append(name + \": \" + message);\n        this.logDiv.append(textSpan);\n        this.logDiv.append(document.createElement(\"br\"));\n        this.logDiv.scrollTop = this.logDiv.scrollHeight;\n    }\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u30c1\u30e3\u30c3\u30c8\u3067\u3059\u3002\u8ab0\u304b\u304c\u6700\u5f8c\u306b\u66f8\u3044\u3066\u304b\u308910\u5206\u307b\u3069\u7d4c\u3064\u3068\u5c65\u6b74\u306f\u6d88\u3048\u307e\u3059\u3002 \u9001\u4fe1<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-25","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/futurelab.kcg.edu\/index.php?rest_route=\/wp\/v2\/posts\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/futurelab.kcg.edu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/futurelab.kcg.edu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/futurelab.kcg.edu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/futurelab.kcg.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":7,"href":"https:\/\/futurelab.kcg.edu\/index.php?rest_route=\/wp\/v2\/posts\/25\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/futurelab.kcg.edu\/index.php?rest_route=\/wp\/v2\/posts\/25\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/futurelab.kcg.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/futurelab.kcg.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/futurelab.kcg.edu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}