function MainComponent() { const [deviceLogData, setDeviceLogData] = React.useState([]); const [analysisParams, setAnalysisParams] = React.useState({ variableCount: 5, sampleSize: 100000 }); const [progress, setProgress] = React.useState(0); const [results, setResults] = React.useState(null); const [error, setError] = React.useState(null); const handleParamChange = (e)=>{ setAnalysisParams({ ...analysisParams, [e.target.name]: parseInt(e.target.value) }); }; const runLiNGAMAnalysis = ()=>{ setProgress(0); setError(null); setResults(null); const progressInterval = setInterval(()=>{ setProgress((prevProgress)=>{ if (prevProgress >= 100) { clearInterval(progressInterval); return 100; } return prevProgress + 10; }); }, 1000); setTimeout(()=>{ clearInterval(progressInterval); setProgress(100); if (Math.random() > 0.9) { setError("モデルの収束に失敗しました。パラメータを調整して再試行してください。"); } else { setResults({ causalGraph: "因果グラフの構造データ", causalStrength: [ { from: "変数A", to: "変数B", strength: 0.7 }, { from: "変数B", to: "変数C", strength: 0.5 }, { from: "変数A", to: "変数D", strength: 0.3 } ], significance: { pValue: 0.01, confidenceInterval: [ 0.65, 0.75 ] } }); } }, 10000); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4 font-sans bg-gray-100 text-gray-800", __source: { fileName: "", lineNumber: 54, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 text-blue-600", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "LiNGAM因果分析"), /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "分析パラメータ設定"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "変数数"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "variableCount", value: analysisParams.variableCount, onChange: handleParamChange, className: "border rounded px-2 py-1", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "サンプルサイズ"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "sampleSize", value: analysisParams.sampleSize, onChange: handleParamChange, className: "border rounded px-2 py-1", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: runLiNGAMAnalysis, className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "分析開始")), progress > 0 && progress < 100 && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "分析進捗"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 h-2.5 rounded-full", style: { width: `${progress}%` }, __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, progress, "% 完了")), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { className: "font-bold", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "エラー:"), /*#__PURE__*/ React.createElement("span", { className: "block sm:inline", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, " ", error)), results && /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, "分析結果"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, "因果強度:"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, results.causalStrength.map((relation, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this }, relation.from, " → ", relation.to, ": ", relation.strength.toFixed(2))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, "統計的有意性:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }, "p値: ", results.significance.pValue), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, "信頼区間: [", results.significance.confidenceInterval[0], ", ", results.significance.confidenceInterval[1], "]"))), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 133, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, "セキュリティ: 分析結果へのアクセス制限、計算リソースの使用制限"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 135, columnNumber: 9 }, __self: this }, "パフォーマンス: 10変数、10万サンプルのデータセットを10分以内に分析完了"))); }