オープンチャット

\n \n \n \n

\n `;\n\n document.body.appendChild(appContainer);\n\n // 要素の取得\n const chatBox = document.getElementById(\"chat-box\");\n const usernameInput = document.getElementById(\"chat-username\");\n const messageInput = document.getElementById(\"chat-message\");\n const sendBtn = document.getElementById(\"chat-send-btn\");\n\n // XSS対策\n const escapeHtml = (str) => {\n return str.replace(/[&<>\"']/g, (m) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n }[m]));\n };\n\n // 送信処理（APIなしでFirebaseに直書き込み）\n const sendMessage = () => {\n const user = usernameInput.value.trim() || \"名無し\";\n const text = messageInput.value.trim();\n\n if (!text) return;\n\n messagesRef.push({\n user: user,\n text: text,\n timestamp: Date.now(),\n });\n\n messageInput.value = \"\";\n };\n\n // イベント登録\n sendBtn.addEventListener(\"click\", sendMessage);\n messageInput.addEventListener(\"keypress\", (e) => {\n if (e.key === \"Enter\") sendMessage();\n });\n\n // リアルタイム受信監視（直近50件）\n messagesRef.limitToLast(50).on(\"child_added\", (snapshot) => {\n const data = snapshot.val();\n const msgDiv = document.createElement(\"div\");\n msgDiv.className = \"msg\";\n msgDiv.innerHTML = `${escapeHtml(data.user)}: ${\n escapeHtml(data.text)\n }`;\n\n chatBox.appendChild(msgDiv);\n chatBox.scrollTop = chatBox.scrollHeight;\n });\n }\n})();","deleted","label",[109],"pulls","branches",1,"forks","envVars",{"_132":42,"_134":42},"connections",{"_132":42,"_133":42},"count","unfilledCount","emptyCount",{"_18":108,"_20":109,"_110":36,"_111":-5,"_112":68,"_113":66,"_114":38,"_22":136,"_65":116,"_117":118,"_119":120,"_121":26,"_122":-5,"_137":138,"_86":139},["D",1789086812842],"children",[],[109],["D",1789086804412],{"_16":17,"_84":80},{"_16":17,"_77":78,"_79":80,"_33":34,"_81":82,"_83":26},{"_65":66,"_20":67,"_18":68,"_69":19,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":21,"_76":17},"ctx",{"_58":-5,"_104":177,"_178":179,"_180":181,"_182":26,"_183":26,"_184":26,"_185":38,"_186":-5,"_187":-7,"_188":-7,"_189":42,"_190":26,"_191":26,"_192":-5,"_193":26,"_194":26,"_195":26,"_196":-5},"ENV",{"_148":149,"_150":151,"_152":67,"_153":154,"_155":156,"_157":158,"_159":160,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Search