function MainComponent() { const supports = [ "固定端", "両端支持", "自由端" ]; const loads = [ "点荷重", "分布荷重", "モーメント" ]; const handleFormSubmit = (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const nodeData = { nodePosition: formData.get("nodePosition"), supportCondition: formData.get("supportCondition"), loadType: formData.get("loadType"), loadValue: formData.get("loadValue") }; const edgeData = { beamLength: formData.get("beamLength"), distributionLoad: formData.get("distributionLoad") }; solveEquations(nodeData, edgeData); }; const solveEquations = (nodeData, edgeData)=>{ // Sympy calculations will go here // This is a placeholder for sympy calculation logic console.log("Node Data:", nodeData); console.log("Edge Data:", edgeData); // Update the state with the results here }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4 font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, "構造解析プログラム"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 rounded shadow-md", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "ノード (支持部分) の定義"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleFormSubmit, __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-medium", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, "位置 (x座標)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "nodePosition", className: "p-2 border rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-medium", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "支持条件"), /*#__PURE__*/ React.createElement("select", { name: "supportCondition", className: "p-2 border rounded", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, supports.map((support, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: support, __source: { fileName: "", lineNumber: 46, columnNumber: 19 }, __self: this }, support)))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-medium", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "荷重"), /*#__PURE__*/ React.createElement("select", { name: "loadType", className: "p-2 border rounded", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, loads.map((load, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: load, __source: { fileName: "", lineNumber: 54, columnNumber: 19 }, __self: this }, load))), /*#__PURE__*/ React.createElement("input", { type: "number", name: "loadValue", className: "mt-2 p-2 border rounded", placeholder: "荷重の値", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 rounded shadow-md", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "エッジ (梁) の定義"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-medium", __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }, "梁の長さ (l)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "beamLength", className: "p-2 border rounded", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "mb-2 font-medium", __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }, "分布荷重 (q)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "distributionLoad", className: "p-2 border rounded", __source: { fileName: "", lineNumber: 68, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "解析を実行"))), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 rounded shadow-md", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "結果の表示"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white rounded shadow", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "せん断力図 (SFD)"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[200px] bg-gray-50", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white rounded shadow", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, "曲げモーメント図 (BMD)"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[200px] bg-gray-50", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white rounded shadow", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, "たわみ角"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[200px] bg-gray-50", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white rounded shadow", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, "たわみのグラフ"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[200px] bg-gray-50", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this })))))); }