function MainComponent() { const [question, setQuestion] = React.useState(''); const [answer, setAnswer] = React.useState(''); const [mark, setMark] = React.useState(''); const dictionary = { 'application': '申請書、応募', 'appointment': '約束、予約', 'assessment': '評価', 'attendance': '出席', 'benefit': '利益、福利厚生', 'candidate': '候補者', 'conference': '会議', 'contract': '契約', 'customer': '顧客', 'deadline': '締め切り', 'employee': '従業員', 'equipment': '装置、設備', 'evaluation': '評価', 'experience': '経験', 'facility': '施設', 'feedback': 'フィードバック、意見', 'investment': '投資', 'maintenance': '保守、維持', 'management': '管理', 'negotiation': '交渉', 'opportunity': '機会', 'participation': '参加', 'policy': '政策、方針', 'promotion': '昇進、販売促進', 'recommendation': '推薦', 'registration': '登録', 'reservation': '予約', 'requirement': '要求、必要条件', 'responsibility': '責任', 'schedule': '予定、スケジュール', 'achieve': '達成する', 'advertise': '広告する', 'attend': '出席する', 'conduct': '行う、実施する', 'deliver': '配達する', 'develop': '開発する', 'distribute': '配布する', 'evaluate': '評価する', 'expect': '期待する', 'hire': '雇う', 'implement': '実行する', 'inform': '知らせる', 'maintain': '維持する', 'negotiate': '交渉する', 'participate': '参加する', 'perform': '行う、遂行する', 'promote': '昇進させる、促進する', 'provide': '提供する', 'purchase': '購入する', 'recommend': '推薦する', 'register': '登録する', 'reserve': '予約する', 'review': '見直す、検討する', 'schedule': '予定する', 'submit': '提出する', 'support': '支援する、支持する', 'train': '訓練する', 'update': '更新する', 'verify': '確認する', 'work': '働く', 'available': '利用可能な', 'competitive': '競争力のある', 'confidential': '機密の', 'efficient': '効率的な', 'flexible': '柔軟な', 'innovative': '革新的な', 'knowledgeable': '知識豊富な', 'productive': '生産的な', 'professional': '専門的な、プロの', 'reliable': '信頼できる', 'responsible': '責任がある', 'satisfied': '満足している', 'strategic': '戦略的な', 'successful': '成功した', 'temporary': '一時的な' }; const words = Object.keys(dictionary); React.useEffect(()=>{ generateQuestion(); const timer = setInterval(()=>{ generateQuestion(); }, 10000); return ()=>clearInterval(timer); }, []); const generateQuestion = ()=>{ const randomIndex = Math.floor(Math.random() * words.length); const randomWord = words[randomIndex]; setQuestion(randomWord); setAnswer(''); setMark(''); }; const handleSubmit = (e)=>{ e.preventDefault(); setMark(dictionary[question] === answer.trim() ? '◯' : '✗'); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen p-8 bg-gray-100", __source: { fileName: "", lineNumber: 109, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto bg-white rounded shadow p-6", __source: { fileName: "", lineNumber: 110, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 text-center font-roboto", __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, "一問一答"), /*#__PURE__*/ React.createElement("div", { className: "text-center text-xl mb-6 font-roboto", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, question), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "answer", className: "block text-lg font-medium text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, "解答:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "answer", name: "answer", value: answer, onChange: (e)=>setAnswer(e.target.value), className: "mt-1 block w-full border-gray-300 rounded-md shadow-sm p-2", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-4 py-2 rounded-md font-roboto", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, "提出する"))), /*#__PURE__*/ React.createElement("div", { id: "result", className: "mt-4 text-center", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, mark)), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-4", __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generateQuestion, className: "bg-green-500 text-white px-4 py-2 rounded-md font-roboto", __source: { fileName: "", lineNumber: 126, columnNumber: 11 }, __self: this }, "次の問題")))); }