function MainComponent() { const [data, setData] = React.useState([]); const getWeekday = (dateString)=>{ const date = new Date(dateString.replace(/年|月/g, '/').replace('日', '')); return date.toLocaleDateString('ja-JP', { weekday: 'long' }); }; React.useEffect(()=>{ const fetchData = async ()=>{ const response = await fetch('/integrations/google-search/search?q=finance.yahoo.co.jp+コード+6752+2024年6月1日+から+2024年6月30日まで+終値'); const result = await response.json(); const items = result.items; const parsedData = items.map((item, index)=>{ return { date: "2024年6月" + (index + 1) + "日", code: "6752", name: "パナソニック", closingPrice: item.snippet || "" }; }); setData(parsedData); }; fetchData(); }, []); const rows = data.map((row, index)=>{ const cells = [ row.date, getWeekday(row.date), row.code, row.name, row.closingPrice ]; return /*#__PURE__*/ React.createElement("tr", { key: index, className: "text-center", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, cells.map((cell, cellIndex)=>/*#__PURE__*/ React.createElement("td", { key: cellIndex, className: "p-2 border", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, cell))); }); return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "table-auto w-full border-collapse border border-gray-300", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-2 border", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "日付"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "曜日"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "コード"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "銘柄名"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "終値"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, rows))); }