diff --git a/app/lib/data.tsx b/app/lib/data.tsx
index bc3924d..dfdcdda 100644
--- a/app/lib/data.tsx
+++ b/app/lib/data.tsx
@@ -906,22 +906,6 @@ EventHubは、マーケティング、営業のためのウェビナー・カン
 };
 
 export const SUB_EVENTS = [
-  {
-    title: "【学生向け】来年は TSKaigi に登壇するぞ！LT会&交流会で学生エンジニアと繋がろう！",
-    description: `初LT大歓迎！TS好きな学生も触ったことない学生も集まってワイワイ盛り上がろう！
-
-カンファレンスに登壇してるエンジニアってかっこいいですよね！
-
-でも、登壇するにはハードルが高い...そんなあなたに向けて、今回は学生限定のTSKaigiサブイベントとしてLT会を企画しました。
-この機会をきっかけにし、ぜひ来年のTSKaigiではプロポーザルを出しましょう！
-`,
-    sponsorList: ["株式会社Progate", "エムスリー株式会社"],
-    tags: ["学生向け", "公募枠あり", "オンラインあり"],
-    date: "5/17",
-    day: "金",
-    link: "https://progate.connpass.com/event/318009/",
-    thumbnail: "/subevent_5_17.png",
-  },
   {
     title: "TSKaigi 2024 After Talk",
     description: `TSKaigi本編に引き続き、TypeScriptに関する発表の場を提供するとともに、TSKaigiコミュニティの活性化を図ることを目的としています。
@@ -938,5 +922,23 @@ TSKaigi 2024にご参加された方はもちろん、参加できなかった
     day: "火",
     link: "https://layerx.connpass.com/event/318123/",
     thumbnail: "/subevent_6_4.png",
-  }
+    finished: false,
+  },
+  {
+    title: "【学生向け】来年は TSKaigi に登壇するぞ！LT会&交流会で学生エンジニアと繋がろう！",
+    description: `初LT大歓迎！TS好きな学生も触ったことない学生も集まってワイワイ盛り上がろう！
+
+カンファレンスに登壇してるエンジニアってかっこいいですよね！
+
+でも、登壇するにはハードルが高い...そんなあなたに向けて、今回は学生限定のTSKaigiサブイベントとしてLT会を企画しました。
+この機会をきっかけにし、ぜひ来年のTSKaigiではプロポーザルを出しましょう！
+`,
+    sponsorList: ["株式会社Progate", "エムスリー株式会社"],
+    tags: ["学生向け", "公募枠あり", "オンラインあり"],
+    date: "5/17",
+    day: "金",
+    link: "https://progate.connpass.com/event/318009/",
+    thumbnail: "/subevent_5_17.png",
+    finished: true,
+  },
 ];
diff --git a/app/subevents/page.tsx b/app/subevents/page.tsx
index ac4af53..6b846f4 100644
--- a/app/subevents/page.tsx
+++ b/app/subevents/page.tsx
@@ -24,36 +24,39 @@ const SubEventPage = () => {
         <p className="mt-1 text-sm">※ 正確な情報は各イベントページをご確認ください。</p>
       </div>
       <div className="mt-10 flex flex-col gap-8">
-        {SUB_EVENTS.map(({ title, link, description, tags, date, day, thumbnail, sponsorList }) => (
-          <div
-            key={title}
-            className="flex flex-col rounded-xl bg-white p-4 text-slate-800 md:flex-row"
-          >
-            <div className="w-full shrink-0 border-b border-b-slate-200 border-r-slate-200 p-2 pb-4 pr-8 text-3xl md:w-[112px] md:border-b-0 md:border-r md:p-4">
-              {date}
-              <br />
-              <span className="text-xl">({day})</span>
-            </div>
-            <div className="p-2 pt-4 md:p-4">
-              <a href={link} target="_blank" rel="noopener noreferrer">
-                <h2 className="text-xl font-bold underline hover:no-underline">
-                  {title}
-                  <FaExternalLinkAlt className="ml-2 inline" size={14} />
-                </h2>
-              </a>
-              <a href={link} target="_blank" rel="noopener noreferrer">
-                <img src={thumbnail} alt={title} className="mt-4 max-h-[200px]" />
-              </a>
-              <p className="mt-4 whitespace-pre-line">{description}</p>
-              <div className="mt-4 flex flex-wrap gap-2">
-                {tags.map((tag) => (
-                  <Tag key={tag}>{tag}</Tag>
-                ))}
+        {SUB_EVENTS.map(
+          ({ title, link, description, tags, date, day, thumbnail, sponsorList, finished }) => (
+            <div
+              key={title}
+              className={`flex flex-col rounded-xl bg-white p-4 text-slate-800 md:flex-row ${finished ? "bg-slate-300" : ""}`}
+            >
+              <div className="w-full shrink-0 border-b border-b-slate-200 border-r-slate-200 p-2 pb-4 pr-8 text-3xl md:w-[112px] md:border-b-0 md:border-r md:p-4">
+                {date}
+                <br />
+                <span className="text-xl">({day})</span>
+              </div>
+              <div className="p-2 pt-4 md:p-4">
+                {finished && <div className="mb-4">このイベントは終了しました</div>}
+                <a href={link} target="_blank" rel="noopener noreferrer">
+                  <h2 className="text-xl font-bold underline hover:no-underline">
+                    {title}
+                    <FaExternalLinkAlt className="ml-2 inline" size={14} />
+                  </h2>
+                </a>
+                <a href={link} target="_blank" rel="noopener noreferrer">
+                  <img src={thumbnail} alt={title} className="mt-4 max-h-[200px]" />
+                </a>
+                <p className="mt-4 whitespace-pre-line">{description}</p>
+                <div className="mt-4 flex flex-wrap gap-2">
+                  {tags.map((tag) => (
+                    <Tag key={tag}>{tag}</Tag>
+                  ))}
+                </div>
+                <div className="mt-4 w-full text-end text-sm">実施: {sponsorList.join("、")}</div>
               </div>
-              <div className="mt-4 w-full text-end text-sm">実施: {sponsorList.join("、")}</div>
             </div>
-          </div>
-        ))}
+          ),
+        )}
       </div>
     </Container>
   );