function MainComponent() { const [currentQuestion, setCurrentQuestion] = React.useState(0); const [showAnswer, setShowAnswer] = React.useState(false); const [score, setScore] = React.useState(0); const questions = [ { question: "ドーパミンを出すのに効果的な活動は次のうちどれ？", options: [ "運動する", "長時間テレビを見る", "一日中寝ている", "食事を抜く" ], correctAnswer: 0, explanation: "運動はドーパミンの分泌を促進します。特に有酸素運動は効果的で、気分を向上させ、ストレス解消にも役立ちます。", difficulty: "簡単" }, { question: "ドーパミンの分泌に関係の深い脳の部位はどこ？", options: [ "海馬", "扁桃体", "中脳辺縁系", "小脳" ], correctAnswer: 2, explanation: "中脳辺縁系は報酬系の中心的な役割を果たし、ドーパミンの主要な分泌源です。特に腹側被蓋野や側坐核がドーパミンの分泌と関係しています。", difficulty: "中級" }, { question: "ドーパミンの過剰分泌が関連する精神疾患は次のうちどれ？", options: [ "うつ病", "統合失調症", "不安障害", "強迫性障害" ], correctAnswer: 1, explanation: "統合失調症では、ドーパミンの過剰活性が症状の一因と考えられています。特に陽性症状（幻覚や妄想など）との関連が指摘されており、抗精神病薬の多くはドーパミン受容体をブロックすることで効果を発揮します。", difficulty: "難しい" }, { question: "ドーパミンを増やす食べ物として正しくないのはどれ？", options: [ "バナナ", "チョコレート", "アボカド", "白米" ], correctAnswer: 3, explanation: "バナナ、チョコレート、アボカドはいずれもドーパミン前駆体を含む食品です。一方、白米は精製された炭水化物で、ドーパミン増加への直接的な効果は少ないです。", difficulty: "中級" }, { question: "ドーパミンの化学構造に含まれる原子は？", options: [ "炭素、水素、酸素", "炭素、水素、窒素", "炭素、水素、酸素、窒素", "炭素、水素、硫黄" ], correctAnswer: 2, explanation: "ドーパミンの化学構造式はC8H11NO2で、炭素、水素、酸素、窒素を含みます。これは多くの神経伝達物質に共通する特徴です。", difficulty: "難しい" } ]; const handleAnswer = (selectedIndex)=>{ if (selectedIndex === questions[currentQuestion].correctAnswer) { setScore(score + 1); } setShowAnswer(true); }; const nextQuestion = ()=>{ if (currentQuestion < questions.length - 1) { setCurrentQuestion(currentQuestion + 1); setShowAnswer(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-100 to-purple-100 font-sans p-6", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center text-purple-800 mb-8", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, "ドーパミンを出す方法クイズ"), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-purple-700", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "質問 ", currentQuestion + 1, " (難易度: ", questions[currentQuestion].difficulty, ")"), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-gray-700", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, questions[currentQuestion].question), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, questions[currentQuestion].options.map((option, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>handleAnswer(index), className: "w-full text-left p-3 rounded bg-gray-100 hover:bg-gray-200 transition", disabled: showAnswer, __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, option))), showAnswer && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-green-100 rounded-lg", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold text-green-800", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "正解: ", questions[currentQuestion].options[questions[currentQuestion].correctAnswer]), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-green-700", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, questions[currentQuestion].explanation))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-lg font-semibold", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, "スコア: ", score, " / ", questions.length), /*#__PURE__*/ React.createElement("button", { onClick: nextQuestion, className: "bg-purple-600 text-white px-6 py-2 rounded-full hover:bg-purple-700 transition", disabled: currentQuestion === questions.length - 1 || !showAnswer, __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, "次の質問へ"))); }

ドーパミンを出す方法クイズ

質問 1 (難易度: 簡単)