function MainComponent() { const [error, setError] = useState(null); const [csvData, setCsvData] = useState(null); const [fileName, setFileName] = useState(""); const [fileType, setFileType] = useState("hst"); const fileTypes = { hst: { name: "MT4 HST形式", description: "MetaTrader4の履歴データファイル形式です。価格の時系列データが含まれています。", extension: ".hst" }, fxt: { name: "MT4 FXT形式", description: "MetaTrader4のテスターデータファイル形式です。バックテスト用のティックデータが含まれています。", extension: ".fxt" } }; const handleFileRead = async (file)=>{ try { const buffer = await file.arrayBuffer(); const view = new DataView(buffer); const header = { version: view.getInt32(0, true), symbol: new TextDecoder().decode(buffer.slice(68, 80)).replace(/\0/g, ""), period: view.getInt32(80, true), digits: view.getInt32(84, true) }; let position = 148; const records = []; while(position < buffer.byteLength){ const time = new Date(Number(view.getBigInt64(position, true)) * 1000); const open = view.getFloat64(position + 8, true); const high = view.getFloat64(position + 16, true); const low = view.getFloat64(position + 24, true); const close = view.getFloat64(position + 32, true); const volume = Number(view.getBigInt64(position + 40, true)); const spread = view.getInt32(position + 48, true); const realVolume = Number(view.getBigInt64(position + 52, true)); const formattedTime = time.toLocaleString("ja-JP", { year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", hour12: false }).replace(/\//g, "-"); records.push({ time: formattedTime, open, high, low, close, volume, spread, realVolume }); position += 60; } const csvHeader = "Time,Open,High,Low,Close,Volume,Spread,RealVolume\n"; const csvRows = records.map((record)=>`${record.time},${record.open.toFixed(5)},${record.high.toFixed(5)},${record.low.toFixed(5)},${record.close.toFixed(5)},${record.volume},${record.spread.toFixed(5)},${record.realVolume}`).join("\n"); setCsvData(csvHeader + csvRows); setFileName(`${header.symbol}_${header.period}min.csv`); setError(null); } catch (err) { setError("ファイルの読み込み中にエラーが発生しました。"); console.error(err); } }; const handleDownload = ()=>{ if (!csvData) return; const blob = new Blob([ csvData ], { type: "text/csv" }); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = fileName; document.body.appendChild(a); a.click(); document.body.removeChild(a); window.URL.revokeObjectURL(url); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-8", __source: { fileName: "", lineNumber: 103, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-6 text-center", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, "MT4バイナリファイル変換ツール"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, "ファイル形式を選択"), /*#__PURE__*/ React.createElement("select", { value: fileType, onChange: (e)=>setFileType(e.target.value), className: "w-full p-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, Object.entries(fileTypes).map(([key, value])=>/*#__PURE__*/ React.createElement("option", { key: key, value: key, __source: { fileName: "", lineNumber: 120, columnNumber: 17 }, __self: this }, value.name))), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, fileTypes[fileType].description)), /*#__PURE__*/ React.createElement("div", { className: "border-2 border-dashed border-gray-300 rounded-lg p-8 text-center", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: fileTypes[fileType].extension, onChange: (e)=>{ if (e.target.files?.[0]) { handleFileRead(e.target.files[0]); } }, className: "hidden", id: "fileInput", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "fileInput", className: "cursor-pointer bg-blue-500 text-white px-6 py-3 rounded-lg hover:bg-blue-600 transition-colors", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, fileTypes[fileType].name, "を選択")), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center p-4 bg-red-50 rounded-lg", __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this }, error), csvData && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 156, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleDownload, className: "bg-green-500 text-white px-6 py-3 rounded-lg hover:bg-green-600 transition-colors", __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this }, "CSVをダウンロード"))))); }