function MainComponent() { const [currentView, setCurrentView] = useState("login"); const [selectedSubject, setSelectedSubject] = useState(null); const [userType, setUserType] = useState(null); const [showProblem, setShowProblem] = useState(false); const [timeLeft, setTimeLeft] = useState(300); const [isTimerRunning, setIsTimerRunning] = useState(false); const [selectedUnit, setSelectedUnit] = useState(null); const [showVideo, setShowVideo] = useState(false); const [selectedChapter, setSelectedChapter] = useState(null); const [selectedProblem, setSelectedProblem] = useState(null); const [showPT, setShowPT] = useState(false); const [answers, setAnswers] = useState({}); const [showResults, setShowResults] = useState(false); const [incorrectAnswers, setIncorrectAnswers] = useState([]); const [showUnitTest, setShowUnitTest] = useState(false); const canvasRef = useRef(null); const [isDrawing, setIsDrawing] = useState(false); const [context, setContext] = useState(null); useEffect(()=>{ let timer; if (isTimerRunning && timeLeft > 0) { timer = setInterval(()=>{ setTimeLeft((prev)=>prev - 1); }, 1000); } return ()=>clearInterval(timer); }, [ isTimerRunning, timeLeft ]); const handleAnswerSubmit = ()=>{ const correctAnswers = { 1: "2", 2: "-3", 3: "5", 4: "-1", 5: "4" }; const wrong = Object.keys(answers).filter((q)=>answers[q] !== correctAnswers[q]); setIncorrectAnswers(wrong); setShowResults(true); }; const resetTest = ()=>{ setAnswers({}); setShowResults(false); setTimeLeft(300); setIsTimerRunning(true); }; const startDrawing = (e)=>{ if (!context) return; setIsDrawing(true); const rect = canvasRef.current.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; context.beginPath(); context.moveTo(x, y); }; const draw = (e)=>{ if (!isDrawing || !context) return; const rect = canvasRef.current.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; context.lineTo(x, y); context.stroke(); }; const stopDrawing = ()=>{ setIsDrawing(false); }; useEffect(()=>{ if (canvasRef.current) { const ctx = canvasRef.current.getContext("2d"); ctx.strokeStyle = "#000"; ctx.lineWidth = 2; setContext(ctx); } }, [ showProblem ]); const renderLoginView = ()=>/*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 84, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 font-crimson-text", __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "id", placeholder: "ID", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "パスワード", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("select"), className: "w-full bg-[#1a237e] text-white p-2 rounded", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, "ログイン"))); const renderStudentView = ()=>/*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 109, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 110, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 font-crimson-text", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, "科目選択"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("progress"), className: "p-4 bg-[#1a237e] text-white rounded", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book mr-2", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }), "数学"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 font-crimson-text", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, "成績管理表"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 126, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, "定期テスト"), /*#__PURE__*/ React.createElement("table", { className: "w-full border", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 132, columnNumber: 21 }, __self: this }, "科目"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 133, columnNumber: 21 }, __self: this }, "1学期中間"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 134, columnNumber: 21 }, __self: this }, "1学期期末"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border p-2", __source: { fileName: "", lineNumber: 139, columnNumber: 21 }, __self: this }, "数学"), /*#__PURE__*/ React.createElement("td", { className: "border p-2", __source: { fileName: "", lineNumber: 140, columnNumber: 21 }, __self: this }, "82"), /*#__PURE__*/ React.createElement("td", { className: "border p-2", __source: { fileName: "", lineNumber: 141, columnNumber: 21 }, __self: this }, "88"))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 147, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, "通知表"), /*#__PURE__*/ React.createElement("table", { className: "w-full border", __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 150, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 151, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 152, columnNumber: 21 }, __self: this }, "科目"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 153, columnNumber: 21 }, __self: this }, "1学期"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 156, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 157, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border p-2", __source: { fileName: "", lineNumber: 158, columnNumber: 21 }, __self: this }, "数学"), /*#__PURE__*/ React.createElement("td", { className: "border p-2", __source: { fileName: "", lineNumber: 159, columnNumber: 21 }, __self: this }, "4"))))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 167, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 font-crimson-text", __source: { fileName: "", lineNumber: 168, columnNumber: 11 }, __self: this }, "進行状況"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, "数学進捗率"), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, "45%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 174, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a237e] h-2.5 rounded-full", style: { width: "45%" }, __source: { fileName: "", lineNumber: 175, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 180, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, "最終学習: 2024/01/10"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }, "次回目標: 1-2 正負の数の計算")))))); const renderProgressView = ()=>/*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 191, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 192, columnNumber: 7 }, __self: this }, !showVideo && !showProblem && !showPT && !showUnitTest ? /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 194, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text", __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, "中学1年数学")), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 198, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full border", __source: { fileName: "", lineNumber: 199, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 200, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 201, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 202, columnNumber: 21 }, __self: this }, "章"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 203, columnNumber: 21 }, __self: this }, "単元"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 204, columnNumber: 21 }, __self: this }, "例題"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 205, columnNumber: 21 }, __self: this }, "類題A"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 206, columnNumber: 21 }, __self: this }, "PT1"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 207, columnNumber: 21 }, __self: this }, "類題B"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 208, columnNumber: 21 }, __self: this }, "PT2"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 209, columnNumber: 21 }, __self: this }, "練習"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 210, columnNumber: 21 }, __self: this }, "単元テスト(S)"), /*#__PURE__*/ React.createElement("th", { className: "border p-2", __source: { fileName: "", lineNumber: 211, columnNumber: 21 }, __self: this }, "単元テスト(H)"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 214, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 215, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { rowSpan: "4", className: "border p-2", __source: { fileName: "", lineNumber: 216, columnNumber: 21 }, __self: this }, "1. 正負の数"), /*#__PURE__*/ React.createElement("td", { className: "border p-2", __source: { fileName: "", lineNumber: 219, columnNumber: 21 }, __self: this }, "1-1"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 bg-green-100 cursor-pointer hover:bg-green-200", onClick: ()=>setShowVideo(true), __source: { fileName: "", lineNumber: 220, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 224, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play-circle", __source: { fileName: "", lineNumber: 225, columnNumber: 25 }, __self: this }), "10/1")), /*#__PURE__*/ React.createElement("td", { className: "border p-2 bg-green-100 cursor-pointer hover:bg-green-200", onClick: ()=>{ setShowProblem(true); setIsTimerRunning(true); }, __source: { fileName: "", lineNumber: 229, columnNumber: 21 }, __self: this }, "10/1"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 bg-green-100 cursor-pointer hover:bg-green-200", onClick: ()=>{ setShowPT(true); setIsTimerRunning(true); setAnswers({}); setShowResults(false); }, __source: { fileName: "", lineNumber: 238, columnNumber: 21 }, __self: this }, "10/1"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 bg-yellow-100", __source: { fileName: "", lineNumber: 249, columnNumber: 21 }, __self: this }, "10/4"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 250, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 253, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 bg-green-100 cursor-pointer hover:bg-green-200", onClick: ()=>{ setShowUnitTest(true); setIsTimerRunning(true); setAnswers({}); setShowResults(false); }, __source: { fileName: "", lineNumber: 256, columnNumber: 21 }, __self: this }, "10/8"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 bg-yellow-100 cursor-pointer hover:bg-yellow-200", onClick: ()=>{ setShowUnitTest(true); setIsTimerRunning(true); setAnswers({}); setShowResults(false); }, __source: { fileName: "", lineNumber: 267, columnNumber: 21 }, __self: this }, "10/8")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 279, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border p-2", __source: { fileName: "", lineNumber: 280, columnNumber: 21 }, __self: this }, "1-2"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 281, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 284, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 287, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 290, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 293, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 296, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 299, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 302, columnNumber: 21 }, __self: this }, "-")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 306, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border p-2", __source: { fileName: "", lineNumber: 307, columnNumber: 21 }, __self: this }, "1-3"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 308, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 311, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 314, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 317, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 320, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 323, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 326, columnNumber: 21 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("td", { className: "border p-2 cursor-pointer hover:bg-gray-50", __source: { fileName: "", lineNumber: 329, columnNumber: 21 }, __self: this }, "-")))))) : showVideo ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 338, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 339, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text", __source: { fileName: "", lineNumber: 340, columnNumber: 15 }, __self: this }, "1-1 正負の数の意味"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowVideo(false), className: "text-gray-500", __source: { fileName: "", lineNumber: 341, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 345, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded", __source: { fileName: "", lineNumber: 348, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full", style: { paddingBottom: "56.25%" }, __source: { fileName: "", lineNumber: 349, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-black flex items-center justify-center", __source: { fileName: "", lineNumber: 353, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-center", __source: { fileName: "", lineNumber: 354, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play-circle text-6xl mb-4", __source: { fileName: "", lineNumber: 355, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 356, columnNumber: 21 }, __self: this }, "ここに動画プレーヤーが入ります")))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-4", __source: { fileName: "", lineNumber: 360, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 361, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-2xl", __source: { fileName: "", lineNumber: 362, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play", __source: { fileName: "", lineNumber: 363, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 h-1 rounded", __source: { fileName: "", lineNumber: 365, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-600 h-1 w-0 rounded", __source: { fileName: "", lineNumber: 366, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 368, columnNumber: 19 }, __self: this }, "0:00 / 5:00")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 370, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2", __source: { fileName: "", lineNumber: 371, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-closed-captioning", __source: { fileName: "", lineNumber: 372, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "p-2", __source: { fileName: "", lineNumber: 374, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog", __source: { fileName: "", lineNumber: 375, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "p-2", __source: { fileName: "", lineNumber: 377, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-expand", __source: { fileName: "", lineNumber: 378, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowVideo(false); setShowProblem(true); setIsTimerRunning(true); }, className: "mt-4 w-full bg-[#1a237e] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 382, columnNumber: 15 }, __self: this }, "類題Aに進む"))) : showPT ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 395, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 396, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text", __source: { fileName: "", lineNumber: 397, columnNumber: 15 }, __self: this }, "1-1 正負の数の意味 PT1"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPT(false), className: "text-gray-500", __source: { fileName: "", lineNumber: 400, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 404, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded space-y-4", __source: { fileName: "", lineNumber: 407, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 408, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 409, columnNumber: 17 }, __self: this }, "目標時間: 5:00 / 残り時間: ", Math.floor(timeLeft / 60), ":", String(timeLeft % 60).padStart(2, "0"))), !showResults ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 415, columnNumber: 17 }, __self: this }, [ 1, 2, 3, 4, 5 ].map((num)=>/*#__PURE__*/ React.createElement("div", { key: num, className: "border-b pb-4", __source: { fileName: "", lineNumber: 417, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-2", __source: { fileName: "", lineNumber: 418, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 419, columnNumber: 25 }, __self: this }, "問題", num), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 420, columnNumber: 25 }, __self: this }, "次の数を数直線上に表しなさい")), /*#__PURE__*/ React.createElement("div", { className: "my-4 w-full h-[100px] bg-gray-100 flex items-center justify-center", __source: { fileName: "", lineNumber: 422, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 423, columnNumber: 25 }, __self: this }, "数直線の図 ", num)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 425, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 426, columnNumber: 25 }, __self: this }, "答え:"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "border p-2 w-20", value: answers[num] || "", onChange: (e)=>setAnswers((prev)=>({ ...prev, [num]: e.target.value })), __source: { fileName: "", lineNumber: 427, columnNumber: 25 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { onClick: handleAnswerSubmit, className: "w-full bg-[#1a237e] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 441, columnNumber: 19 }, __self: this }, "答え合わせ")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 449, columnNumber: 17 }, __self: this }, incorrectAnswers.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 p-4 rounded", __source: { fileName: "", lineNumber: 451, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-600 mb-2", __source: { fileName: "", lineNumber: 452, columnNumber: 23 }, __self: this }, "問題", incorrectAnswers.join(", "), "が間違っています。"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 455, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 456, columnNumber: 25 }, __self: this }, "ノートに問題い直しをした後で、再テストしてください。"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 459, columnNumber: 25 }, __self: this }, "問題い直しができない場合"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 460, columnNumber: 25 }, __self: this }, "→ 1-1問題の解説動画を見直そう"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 461, columnNumber: 25 }, __self: this }, "解説動画で分からない場合"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 462, columnNumber: 25 }, __self: this }, "→ 先生に質問をしてください。")), /*#__PURE__*/ React.createElement("button", { onClick: resetTest, className: "mt-4 bg-[#1a237e] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 464, columnNumber: 23 }, __self: this }, "もう一度挑戦する")) : /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 p-4 rounded", __source: { fileName: "", lineNumber: 472, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-green-600", __source: { fileName: "", lineNumber: 473, columnNumber: 23 }, __self: this }, "全問正解です！"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPT(false), className: "mt-4 bg-[#1a237e] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 474, columnNumber: 23 }, __self: this }, "次に進む"))))) : showUnitTest ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 487, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 488, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text", __source: { fileName: "", lineNumber: 489, columnNumber: 15 }, __self: this }, "単元テスト: 1-1 正負の数の意味"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowUnitTest(false), className: "text-gray-500", __source: { fileName: "", lineNumber: 492, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 496, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded space-y-4", __source: { fileName: "", lineNumber: 499, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 500, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 501, columnNumber: 17 }, __self: this }, "目標時間: 5:00 / 残り時間: ", Math.floor(timeLeft / 60), ":", String(timeLeft % 60).padStart(2, "0"))), !showResults ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 507, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 508, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 509, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold", __source: { fileName: "", lineNumber: 510, columnNumber: 23 }, __self: this }, "基本 (S)"), [ 1, 2 ].map((num)=>/*#__PURE__*/ React.createElement("div", { key: `S${num}`, className: "border-b pb-4", __source: { fileName: "", lineNumber: 512, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-2", __source: { fileName: "", lineNumber: 513, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 514, columnNumber: 29 }, __self: this }, "S", num, "."), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 515, columnNumber: 29 }, __self: this }, "次の計算をしなさい")), /*#__PURE__*/ React.createElement("div", { className: "my-4 w-full bg-gray-100 p-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 517, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 518, columnNumber: 29 }, __self: this }, "基本問題 ", num)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 520, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 521, columnNumber: 29 }, __self: this }, "答え:"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "border p-2 w-20", value: answers[`S${num}`] || "", onChange: (e)=>setAnswers((prev)=>({ ...prev, [`S${num}`]: e.target.value })), __source: { fileName: "", lineNumber: 522, columnNumber: 29 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 537, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold", __source: { fileName: "", lineNumber: 538, columnNumber: 23 }, __self: this }, "発展 (H)"), [ 1, 2 ].map((num)=>/*#__PURE__*/ React.createElement("div", { key: `H${num}`, className: "border-b pb-4", __source: { fileName: "", lineNumber: 540, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-2", __source: { fileName: "", lineNumber: 541, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 542, columnNumber: 29 }, __self: this }, "H", num, "."), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 543, columnNumber: 29 }, __self: this }, "次の計算をしなさい")), /*#__PURE__*/ React.createElement("div", { className: "my-4 w-full bg-gray-100 p-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 545, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 546, columnNumber: 29 }, __self: this }, "発展問題 ", num)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 548, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 549, columnNumber: 29 }, __self: this }, "答え:"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "border p-2 w-20", value: answers[`H${num}`] || "", onChange: (e)=>setAnswers((prev)=>({ ...prev, [`H${num}`]: e.target.value })), __source: { fileName: "", lineNumber: 550, columnNumber: 29 }, __self: this })))))), /*#__PURE__*/ React.createElement("button", { onClick: handleAnswerSubmit, className: "w-full bg-[#1a237e] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 566, columnNumber: 19 }, __self: this }, "答え合わせ")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 574, columnNumber: 17 }, __self: this }, incorrectAnswers.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 p-4 rounded", __source: { fileName: "", lineNumber: 576, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-600 mb-2", __source: { fileName: "", lineNumber: 577, columnNumber: 23 }, __self: this }, "問題", incorrectAnswers.join(", "), "が間違っています。"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 580, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 581, columnNumber: 25 }, __self: this }, "ノートに問題い直しをした後で、再テストしてください。"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 584, columnNumber: 25 }, __self: this }, "問題い直しができない場合"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 585, columnNumber: 25 }, __self: this }, "→ 各単元の解説動画を見直そう"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 586, columnNumber: 25 }, __self: this }, "解説動画で分からない場合"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 587, columnNumber: 25 }, __self: this }, "→ 先生に質問をしてください。")), /*#__PURE__*/ React.createElement("button", { onClick: resetTest, className: "mt-4 bg-[#1a237e] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 589, columnNumber: 23 }, __self: this }, "もう一度挑戦する")) : /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 p-4 rounded", __source: { fileName: "", lineNumber: 597, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-green-600", __source: { fileName: "", lineNumber: 598, columnNumber: 23 }, __self: this }, "全問正解です！"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowUnitTest(false), className: "mt-4 bg-[#1a237e] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 599, columnNumber: 23 }, __self: this }, "次に進む"))))) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 612, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 613, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text", __source: { fileName: "", lineNumber: 614, columnNumber: 15 }, __self: this }, "1-1 正負の数の意味類題A"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowProblem(false), className: "text-gray-500", __source: { fileName: "", lineNumber: 617, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 621, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "border p-4 rounded space-y-4", __source: { fileName: "", lineNumber: 624, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 625, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 626, columnNumber: 17 }, __self: this }, "目標時間: 5:00 / 残り時間: ", Math.floor(timeLeft / 60), ":", String(timeLeft % 60).padStart(2, "0"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 631, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b pb-2", __source: { fileName: "", lineNumber: 632, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 633, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 634, columnNumber: 21 }, __self: this }, "問題1"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 635, columnNumber: 21 }, __self: this }, "次の数直線上の点A、B、Cの座標を答えなさい。")), /*#__PURE__*/ React.createElement("div", { className: "my-4 w-full h-[100px] bg-gray-100 flex items-center justify-center", __source: { fileName: "", lineNumber: 637, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 638, columnNumber: 21 }, __self: this }, "数直線の図がここに入ります")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 640, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 641, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 642, columnNumber: 23 }, __self: this }, "A:"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "border p-2 w-20", __source: { fileName: "", lineNumber: 643, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 645, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 646, columnNumber: 23 }, __self: this }, "B:"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "border p-2 w-20", __source: { fileName: "", lineNumber: 647, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 649, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 650, columnNumber: 23 }, __self: this }, "C:"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "border p-2 w-20", __source: { fileName: "", lineNumber: 651, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-[#1a237e] text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 654, columnNumber: 19 }, __self: this }, "解答を確認"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 659, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded", __source: { fileName: "", lineNumber: 660, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 661, columnNumber: 19 }, __self: this }, "ヒント:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 662, columnNumber: 19 }, __self: this }, "・数直線上の点の位置を確認しましょう"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 663, columnNumber: 19 }, __self: this }, "・原点からの距離と向きを考えましょう"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 664, columnNumber: 19 }, __self: this }, "・正の数は右向き、負の数は左向きです"))))))); const views = { login: renderLoginView, select: renderStudentView, progress: renderProgressView }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 681, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1a237e] text-white p-4", __source: { fileName: "", lineNumber: 682, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 683, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { onClick: ()=>setCurrentView("select"), className: "text-xl font-crimson-text cursor-pointer hover:text-gray-200", __source: { fileName: "", lineNumber: 684, columnNumber: 11 }, __self: this }, "Myチャレンジ学習支援システム"), currentView !== "login" && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("login"), className: "bg-[#303f9f] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 691, columnNumber: 13 }, __self: this }, "ログアウト"))), /*#__PURE__*/ React.createElement("main", { className: "mt-8", __source: { fileName: "", lineNumber: 700, columnNumber: 7 }, __self: this }, views[currentView]())); }