function MainComponent() { const [currentQuestion, setCurrentQuestion] = React.useState(0); const [showExplanation, setShowExplanation] = React.useState(false); const [notes, setNotes] = React.useState([ '', '', '', '', '' ]); const questions = [ { question: '与信管理において、最も重要な指標は何か？', options: [ '売上高', '利益率', '支払い履歴', '資本金' ], answer: 2, explanation: '支払い履歴は顧客の信用度を直接示す重要な指標です。過去の支払い状況が将来の支払い能力を予測する上で最も信頼できる指標となります。' }, { question: '与信限度額を設定する際に考慮すべき要素は？', options: [ '企業規模', '業界動向', '取引履歴', '上記全て' ], answer: 3, explanation: '与信限度額の設定には、企業規模、業界の現状と将来性、過去の取引実績など、複数の要素を総合的に判断することが重要です。' }, { question: '与信管理における「aging」とは何を指すか？', options: [ '顧客の年齢', '債権の経過期間', '企業の設立年数', '与信限度額の有効期間' ], answer: 1, explanation: 'Agingは債権の経過期間を指します。支払期日からの経過日数に基づいて債権を分類し、回収リスクを評価するために使用されます。' }, { question: '与信管理の目的として適切でないものは？', options: [ '債権回収の確実性向上', '取引先との関係強化', '資金繰りの改善', '売上の最大化' ], answer: 3, explanation: '与信管理の主な目的は、債権回収の確実性を高め、資金繰りを改善することです。売上の最大化は与信管理の直接的な目的ではありません。' }, { question: '与信管理における「デフォルト率」とは何か？', options: [ '支払遅延の確率', '倒産確率', '与信限度額を超える確率', '新規取引の成立確率' ], answer: 1, explanation: 'デフォルト率は、一定期間内に債務者が債務不履行になる確率を指します。与信リスクを定量化する上で重要な指標です。' } ]; const handleAnswer = ()=>{ setShowExplanation(true); }; const handleNext = ()=>{ if (currentQuestion < questions.length - 1) { setCurrentQuestion(currentQuestion + 1); setShowExplanation(false); } }; const handleNoteChange = (e)=>{ const newNotes = [ ...notes ]; newNotes[currentQuestion] = e.target.value; setNotes(newNotes); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-6 py-8", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 mb-6", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "与信管理検定"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "問題 ", currentQuestion + 1), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-700 mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, questions[currentQuestion].question), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, questions[currentQuestion].options.map((option, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: handleAnswer, className: "w-full text-left px-4 py-2 border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, option)))), showExplanation && /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "解説"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, questions[currentQuestion].explanation)), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "メモ"), /*#__PURE__*/ React.createElement("textarea", { value: notes[currentQuestion], onChange: handleNoteChange, className: "w-full px-3 py-2 text-gray-700 border rounded-lg focus:outline-none focus:border-indigo-500", rows: "4", placeholder: "ここにメモを入力してください", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleNext, className: "px-6 py-2 bg-indigo-600 text-white font-semibold rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "次の問題"))))); }

与信管理検定

問題 1

メモ