function MainComponent() { const data = [ { generalContractor: "株式会社A", projectName: "プロジェクトX", constructionType: "土木", partnerCompany: "協力会社A", subject: "コンクリート", itemName: "コンクリート材", itemSpecification: "20N", quantity: 100, unitPrice: 500 }, { generalContractor: "株式会社B", projectName: "プロジェクトY", constructionType: "内装", partnerCompany: "協力会社B", subject: "塗料", itemName: "白色塗料", itemSpecification: "5L", quantity: 20, unitPrice: 3000 } ]; const totalAmount = data.reduce((sum, item)=>sum + item.quantity * item.unitPrice, 0); const constructionTypeTotals = data.reduce((acc, item)=>{ if (!acc[item.constructionType]) { acc[item.constructionType] = 0; } acc[item.constructionType] += item.quantity * item.unitPrice; return acc; }, {}); const subjectTotals = data.reduce((acc, item)=>{ if (!acc[item.subject]) { acc[item.subject] = 0; } acc[item.subject] += item.quantity * item.unitPrice; return acc; }, {}); return /*#__PURE__*/ React.createElement("div", { className: "p-6 font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "見積比較表"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "合計金額: ¥", totalAmount.toLocaleString()), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mt-4", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "工種別合計金額:"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, Object.entries(constructionTypeTotals).map(([type, total])=>/*#__PURE__*/ React.createElement("li", { key: type, className: "pl-4", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "・", type, ": ¥", total.toLocaleString()))), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mt-4", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "科目別合計金額:"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, Object.entries(subjectTotals).map(([subject, total])=>/*#__PURE__*/ React.createElement("li", { key: subject, className: "pl-4", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, "・", subject, ": ¥", total.toLocaleString()))))), /*#__PURE__*/ React.createElement("table", { className: "min-w-full bg-white border border-gray-300", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "元請会社"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "案件名"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "工種名"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "協力会社名"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "科目名"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "品名"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "品目仕様"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "数量"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "単価"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, data.map((item, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, item.generalContractor), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, item.projectName), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, item.constructionType), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, item.partnerCompany), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, item.subject), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, item.itemName), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, item.itemSpecification), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, item.quantity), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, "¥", item.unitPrice.toLocaleString())))))); }

元請会社	案件名	工種名	協力会社名	科目名	品名	品目仕様	数量	単価
株式会社A	プロジェクトX	土木	協力会社A	コンクリート	コンクリート材	20N	100	¥500
株式会社B	プロジェクトY	内装	協力会社B	塗料	白色塗料	5L	20	¥3,000