【AIボートマッチ】自民党総裁選２０２４(2024年9月27日開票)

【過去】AIボートマッチ総裁選２０２１

※利用規約にご同意の上ご利用ください。
※候補者の政策等を学習したAIがあなた質問にお答えします。
※AIは事実と異なる事を言うこともあります。必ず自身で情報を確かめて下さい。
※ボートマッチの仕組みと使い方はコチラ
※システムのソースコードはコチラ
※学習データは総裁選２０２１を参考に作成

AIボートマッチ総裁選２０２４

9月12日告示後公開予定です。選挙の詳細はコチラ

総裁選２０２４の日程

告示日：９月１２日（木）
党員票〆切：９月２６日（木）
開票：９月２７日（金）

総裁選２０２４の仕組み

データ

学習済み候補者一覧２０２１

No.	候補者名
1	河野太郎
2	岸田文雄
3	高市早苗
4	野田聖子

※掲載順（敬称略）

ソースコード２０２１

“use client”;
import React from “react”;
import * as MarkdownRenderer from “@/libraries/markdown-renderer”;

(“use client”);

function MainComponent() {
const [userInput, setUserInput] = React.useState(“”);
const [chatHistory, setChatHistory] = React.useState([]);
const [isLoading, setIsLoading] = React.useState(false);
const [conversationContext, setConversationContext] = React.useState(“”);

const handleInputChange = (e) => {
setUserInput(e.target.value);
};

const handleSubmit = async (e) => {
e.preventDefault();
if (!userInput.trim()) return;
setIsLoading(true);
const newUserMessage = { role: “user”, content: userInput };
setChatHistory((prev) => […prev, newUserMessage]);

try {
const candidatesResponse = await fetch(“/api/db/db-49”, {
method: “POST”,
headers: { “Content-Type”: “application/json” },
body: JSON.stringify({
query: “SELECT * FROM `ldp_presidential_candidates`”,
}),
});
const candidatesData = await candidatesResponse.json();

const conversationHistoryResponse = await fetch(“/api/db/70”, {
method: “POST”,
headers: { “Content-Type”: “application/json” },
body: JSON.stringify({
query:
“SELECT * FROM `conversation_history` ORDER BY `id` DESC LIMIT 5”,
}),
});
const conversationHistoryData = await conversationHistoryResponse.json();

const systemMessage = {
role: “system”,
content: `自民党総裁選２０２１の候補者情報について回答してください。候補者の名前の後には「候補」とつけてください。回答は読みやすいように改行を入れてください。以下は候補者の情報です：\n${JSON.stringify(
candidatesData
)}\n\n過去の会話履歴：\n${JSON.stringify(
conversationHistoryData
)}\n\n前回の質問：${conversationContext}`,
};

setChatHistory((prev) => [
…prev,
{ role: “assistant”, content: assistantResponse },
]);

const now = new Date().toISOString();
await fetch(“/api/db/70”, {
method: “POST”,
headers: { “Content-Type”: “application/json” },
body: JSON.stringify({
query:
“INSERT INTO `conversation_history` (`timestamp`, `user_question`, `assistant_response`) VALUES (?, ?, ?)”,
values: [now, userInput, assistantResponse],
}),
});

setConversationContext(userInput);
setUserInput(“”);
} catch (error) {
console.error(“Error:”, error);
} finally {
setIsLoading(false);
}
};

return (
<div className=”flex flex-col h-screen bg-gradient-to-r from-blue-100 to-purple-100″>
<div className=”flex items-center justify-between p-4 bg-gradient-to-r from-blue-100 to-purple-100 shadow-md h-[63px]”>
<h1 className=”text-2xl font-bold text-indigo-800 font-noto-sans text-[15px]”>
AIボートマッチ丨自民党総裁選2021
</h1>
<a
href=”https://demotech.jp/”
target=”_blank”
rel=”noopener noreferrer”
className=”text-[11px] text-indigo-600 hover:text-indigo-800 transition duration-300 ease-in-out font-noto-sans”
>
一般社団法人デモテク
</a>
</div>
<div className=”flex-grow overflow-y-auto p-4″>
{chatHistory.map((message, index) => (
<div
key={index}
className={`mb-4 ${
message.role === “user” ? “text-right” : “text-left”
}`}
>
<div
className={`inline-block p-3 rounded-lg ${
message.role === “user”
? “bg-indigo-500 text-white”
: “bg-gray-100”
}`}
>
{message.role === “assistant” ? (
<MarkdownRenderer.Display>
{message.content}
</MarkdownRenderer.Display>
) : (
message.content.split(“\n”).map((line, i) => (
<p key={i} className=”mb-1 last:mb-0 text-lg”>
{line}
</p>
))
)}
</div>
</div>
))}
</div>
<form
onSubmit={handleSubmit}
className=”p-4 bg-gradient-to-r from-blue-100 to-purple-100″
>
<div className=”flex flex-col”>
<div className=”flex”>
<input
type=”text”
name=”userInput”
value={userInput}
onChange={handleInputChange}
className=”flex-grow p-3 border-2 border-indigo-300 rounded-l-lg focus:outline-none focus:border-indigo-500 text-lg font-noto-sans”
placeholder=”質問を入力してください…”
disabled={isLoading}
/>
<button
type=”submit”
className=”bg-indigo-500 text-white p-3 rounded-r-lg hover:bg-indigo-600 transition duration-300 ease-in-out”
disabled={isLoading}
>
{isLoading ? (
<i className=”fas fa-spinner fa-spin text-xl”></i>
) : (
<i className=”fas fa-paper-plane text-xl”></i>
)}
</button>
</div>
<p className=”text-[10px] text-gray-500 mt-1″>
回答は必ずしも正しいとは限りません。重要な情報は確認するようにしてください。
</p>
</div>
</form>
</div>
);
}

export default MainComponent;