function MainComponent() { const [numbers, setNumbers] = React.useState([]); const [inputValue, setInputValue] = React.useState(""); const [mean, setMean] = React.useState(null); const [stddev, setStddev] = React.useState(null); const handleAddNumber = ()=>{ if (!isNaN(parseFloat(inputValue))) { setNumbers([ ...numbers, parseFloat(inputValue) ]); setInputValue(""); } }; const handleCalculate = ()=>{ if (numbers.length === 0) return; const mean = numbers.reduce((acc, val)=>acc + val, 0) / numbers.length; const variance = numbers.reduce((acc, val)=>acc + (val - mean) ** 2, 0) / numbers.length; const stddev = Math.sqrt(variance); setMean(mean); setStddev(stddev); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "N個の数値を入力し、平均および標準偏差を計算"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "numberInput", value: inputValue, onChange: (e)=>setInputValue(e.target.value), className: "border p-2 mb-2", placeholder: "数値を入力してください", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleAddNumber, className: "bg-blue-500 text-white p-2 rounded ml-2", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "追加")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleCalculate, className: "bg-green-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "計算")), numbers.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "入力された数値:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, numbers.join(", "))), mean !== null && stddev !== null && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "結果:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "平均: ", mean), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "標準偏差: ", stddev))); }