function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center min-h-screen bg-gradient-to-r from-[#ff7e5f] to-[#feb47b]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-10 rounded-xl shadow-lg w-[600px]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center mb-8 font-noto-sans", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "YouTube 検索アプリ"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "apiKey", placeholder: "YouTube Data API キー", className: "border p-2 w-full rounded font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "query", placeholder: "大谷翔平", className: "border p-2 w-full rounded font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", name: "startDate", className: "border p-2 w-full rounded font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "endDate", className: "border p-2 w-full rounded font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "text", name: "videoLength", placeholder: "動画の長さ", className: "border p-2 w-full rounded font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "maxResults", placeholder: "50000", className: "border p-2 w-full rounded font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "pageSize", placeholder: "5", className: "border p-2 w-full rounded font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white py-2 px-4 rounded w-full font-bold font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "検索")), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full text-left border-collapse", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border-b p-2 font-noto-sans", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, "公開日"), /*#__PURE__*/ React.createElement("th", { className: "border-b p-2 font-noto-sans", __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, "長さ"), /*#__PURE__*/ React.createElement("th", { className: "border-b p-2 font-noto-sans", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }, "視聴回数"), /*#__PURE__*/ React.createElement("th", { className: "border-b p-2 font-noto-sans", __source: { fileName: "", lineNumber: 25, columnNumber: 17 }, __self: this }, "高評価数"), /*#__PURE__*/ React.createElement("th", { className: "border-b p-2 font-noto-sans", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, "コメント数"), /*#__PURE__*/ React.createElement("th", { className: "border-b p-2 font-noto-sans", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, "登録者数"), /*#__PURE__*/ React.createElement("th", { className: "border-b p-2 font-noto-sans", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "拡散率"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "2024/6/22"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, "04:24"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, "562,124"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, "3,731"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, "53"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "279000"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, "2.01")), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "2024/6/22"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, "02:25"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, "98,662"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "456"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "279"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, "26900"), /*#__PURE__*/ React.createElement("td", { className: "border-b p-2 font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, "3.67"))))))); }

公開日	長さ	視聴回数	高評価数	コメント数	登録者数	拡散率
2024/6/22	04:24	562,124	3,731	53	279000	2.01
2024/6/22	02:25	98,662	456	279	26900	3.67