function MainComponent() { const [tasks, setTasks] = React.useState([ { id: 1, text: 'レポート提出' }, { id: 2, text: '宿題を完了する' } ]); const [newTask, setNewTask] = React.useState(''); const [classes, setClasses] = React.useState([ { id: 1, name: '数学', professor: '山田教授', time: '10:00 - 11:30', room: '101' }, { id: 2, name: '物理学', professor: '鈴木教授', time: '14:00 - 15:30', room: '202' } ]); const [classDetails, setClassDetails] = React.useState({ name: '', professor: '', time: '', room: '' }); const [imageUrl, setImageUrl] = React.useState(null); const [imageDescription, setImageDescription] = React.useState(''); const handleAddTask = ()=>{ if (newTask.trim()) { setTasks([ ...tasks, { id: tasks.length + 1, text: newTask } ]); setNewTask(''); } }; const handleDeleteTask = (id)=>{ setTasks(tasks.filter((task)=>task.id !== id)); }; const handleGenerateImage = ()=>{ if (imageDescription.trim()) { fetch(`/integrations/dall-e-3/?prompt=${encodeURIComponent(imageDescription)}`, { method: 'GET' }).then((response)=>response.json()).then((data)=>setImageUrl(data.data[0])); } }; const handleAddClass = ()=>{ if (classDetails.name && classDetails.professor && classDetails.time && classDetails.room) { setClasses([ ...classes, { ...classDetails, id: classes.length + 1 } ]); setClassDetails({ name: '', professor: '', time: '', room: '' }); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white p-6 rounded-md shadow-md", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "授業の予定と課題管理"), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "授業の予定"), /*#__PURE__*/ React.createElement("table", { className: "min-w-full bg-white", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, "授業名"), /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, "教授名"), /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, "時間"), /*#__PURE__*/ React.createElement("th", { className: "py-2", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, "教室"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, classes.map((cls)=>/*#__PURE__*/ React.createElement("tr", { key: cls.id, __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, cls.name), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }, cls.professor), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }, cls.time), /*#__PURE__*/ React.createElement("td", { className: "border px-4 py-2", __source: { fileName: "", lineNumber: 65, columnNumber: 19 }, __self: this }, cls.room))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "className", placeholder: "授業名", value: classDetails.name, onChange: (e)=>setClassDetails({ ...classDetails, name: e.target.value }), className: "border rounded p-2 mr-2 font-roboto", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "professorName", placeholder: "教授名", value: classDetails.professor, onChange: (e)=>setClassDetails({ ...classDetails, professor: e.target.value }), className: "border rounded p-2 mr-2 font-roboto", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "classTime", placeholder: "時間", value: classDetails.time, onChange: (e)=>setClassDetails({ ...classDetails, time: e.target.value }), className: "border rounded p-2 mr-2 font-roboto", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "classRoom", placeholder: "教室", value: classDetails.room, onChange: (e)=>setClassDetails({ ...classDetails, room: e.target.value }), className: "border rounded p-2 mr-2 font-roboto", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleAddClass, className: "px-4 py-2 bg-blue-500 text-white rounded font-bold", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, "課題管理"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "newTask", placeholder: "新しい課題を追加...", value: newTask, onChange: (e)=>setNewTask(e.target.value), className: "flex-grow border rounded p-2 mr-2 font-roboto", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleAddTask, className: "px-4 py-2 bg-blue-500 text-white rounded font-bold", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 128, columnNumber: 11 }, __self: this }, tasks.map((task)=>/*#__PURE__*/ React.createElement("li", { key: task.id, className: "flex justify-between items-center bg-gray-50 p-2 mb-2 rounded", __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }, task.text), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDeleteTask(task.id), className: "bg-red-500 text-white px-2 py-1 rounded", __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 135, columnNumber: 19 }, __self: this })))))), /*#__PURE__*/ React.createElement("section", { className: "mt-8", __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, "画像生成 (DALL-E 3)"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 144, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "imageDescription", placeholder: "画像の説明を入力...", value: imageDescription, onChange: (e)=>setImageDescription(e.target.value), className: "flex-grow border rounded p-2 mr-2 font-roboto", __source: { fileName: "", lineNumber: 145, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleGenerateImage, className: "px-4 py-2 bg-green-500 text-white rounded font-bold", __source: { fileName: "", lineNumber: 153, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic", __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this }))), imageUrl && /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "生成された画像", className: "w-full h-auto", __source: { fileName: "", lineNumber: 159, columnNumber: 24 }, __self: this })))); }

授業名	教授名	時間	教室
数学	山田教授	10:00 - 11:30	101
物理学	鈴木教授	14:00 - 15:30	202