From 194818504ee43d07f8885d09ac20eff011b70678 Mon Sep 17 00:00:00 2001
From: furedea <132188853+furedea@users.noreply.github.com>
Date: Mon, 19 Oct 2026 16:10:42 +0900
Subject: [PATCH] feat: split publications and activities with dated programs

Publications now lists papers only, and a new Activities section shows
talks, programs, and study abroad with optional end dates and
localized type labels. The former News records are renamed to
activities throughout the code and content.

Refs #76

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 README.md                                     |  4 +-
 .../aspire_summit_2026.yaml                   |  0
 content/activities/fukuoka_mitou_2023.yaml    |  7 +++
 content/activities/q2pec_2024.yaml            |  7 +++
 content/publications/ss2026_27.yaml           |  2 +-
 src/components/activities_section.astro       | 39 ++++++++++++++
 ...{news_entry.astro => activity_entry.astro} | 17 ++++---
 src/components/publications_section.astro     | 19 +------
 src/data/activities.ts                        | 12 +++++
 src/data/news.ts                              | 11 ----
 src/data/sections.ts                          |  1 +
 src/data/site_record_schema.test.ts           | 28 ++++++++--
 src/data/site_record_schema.ts                | 17 ++++---
 src/data/site_records.test.ts                 | 28 ++++++----
 src/data/site_records.ts                      | 28 +++++++---
 src/i18n/ui.ts                                | 26 ++++++++--
 src/pages/[lang]/index.astro                  |  2 +
 tests/e2e/site.spec.ts                        | 51 +++++++++++++++----
 18 files changed, 218 insertions(+), 81 deletions(-)
 rename content/{news => activities}/aspire_summit_2026.yaml (100%)
 create mode 100644 content/activities/fukuoka_mitou_2023.yaml
 create mode 100644 content/activities/q2pec_2024.yaml
 create mode 100644 src/components/activities_section.astro
 rename src/components/{news_entry.astro => activity_entry.astro} (71%)
 create mode 100644 src/data/activities.ts
 delete mode 100644 src/data/news.ts

diff --git a/README.md b/README.md
index a58dc9c..3febd31 100644
--- a/README.md
+++ b/README.md
@@ -54,8 +54,8 @@ creates a missing post, updates a different post, and leaves an identical post u
 - `articles/`: Zenn-compatible Japanese articles
 - `article_config.json`: non-secret publishing destination settings
 - `images/`: images shared by Zenn, esa exports, and the website
-- `content/news/`: standalone bilingual news records
-- `content/publications/`: bilingual publication records and their optional News announcements
+- `content/activities/`: standalone bilingual activity records
+- `content/publications/`: bilingual publication records and their optional activity announcements
 - `src/data/`: typed profile, research, education, and content transformation code
 - `public/`: files copied directly into the production build
 
diff --git a/content/news/aspire_summit_2026.yaml b/content/activities/aspire_summit_2026.yaml
similarity index 100%
rename from content/news/aspire_summit_2026.yaml
rename to content/activities/aspire_summit_2026.yaml
diff --git a/content/activities/fukuoka_mitou_2023.yaml b/content/activities/fukuoka_mitou_2023.yaml
new file mode 100644
index 0000000..d24600b
--- /dev/null
+++ b/content/activities/fukuoka_mitou_2023.yaml
@@ -0,0 +1,7 @@
+date: "2023-11-01"
+endDate: "2024-01-31"
+title:
+  ja: "福岡未踏 Solve に採択され，LLM-chatbot をチームで開発しました．"
+  en: "Selected for Fukuoka Mitou (Solve) and built LLM-chatbot with a team."
+url: "https://note.com/mitou_fukuoka/n/n397fe44895c6"
+type: "program"
diff --git a/content/activities/q2pec_2024.yaml b/content/activities/q2pec_2024.yaml
new file mode 100644
index 0000000..5040d2e
--- /dev/null
+++ b/content/activities/q2pec_2024.yaml
@@ -0,0 +1,7 @@
+date: "2024-08-16"
+endDate: "2024-09-23"
+title:
+  ja: "九州大学工学部の短期留学プログラム Q²PEC で，クイーンズランド大学（オーストラリア）に滞在しました．"
+  en: "Studied at the University of Queensland, Australia, through Kyushu University's Q²PEC short-term program."
+url: "https://www.eng.kyushu-u.ac.jp/programs/program-q2pec/"
+type: "study-abroad"
diff --git a/content/publications/ss2026_27.yaml b/content/publications/ss2026_27.yaml
index 4d165ab..7c9553d 100644
--- a/content/publications/ss2026_27.yaml
+++ b/content/publications/ss2026_27.yaml
@@ -15,7 +15,7 @@ year: 2026
 type: "technical-report"
 peerReviewed: false
 url: "https://ken.ieice.org/ken/paper/202607247cwN/"
-news:
+activity:
   date: "2026-07-24"
   title:
     ja: "SIGSS 2026年7月研究会で研究発表を行いました．"
diff --git a/src/components/activities_section.astro b/src/components/activities_section.astro
new file mode 100644
index 0000000..86b2ad9
--- /dev/null
+++ b/src/components/activities_section.astro
@@ -0,0 +1,39 @@
+---
+import type { Lang } from "@i18n/ui";
+import { useTranslations } from "@i18n/utils";
+import { getActivities } from "@data/activities";
+import Section from "./section.astro";
+import ActivityEntry from "./activity_entry.astro";
+
+interface Props {
+  lang: Lang;
+}
+
+const { lang } = Astro.props;
+const t = useTranslations(lang);
+const activities = await getActivities();
+---
+
+<Section id="activities" title={t("section.activities")}>
+  {
+    activities.length > 0 ? (
+      <ul class="activity-list">
+        {activities.map((item) => (
+          <ActivityEntry item={item} lang={lang} />
+        ))}
+      </ul>
+    ) : (
+      <p class="empty">{t("activities.empty")}</p>
+    )
+  }
+</Section>
+
+<style>
+  .activity-list {
+    list-style: none;
+  }
+
+  .empty {
+    color: var(--color-text-secondary);
+  }
+</style>
diff --git a/src/components/news_entry.astro b/src/components/activity_entry.astro
similarity index 71%
rename from src/components/news_entry.astro
rename to src/components/activity_entry.astro
index f0a429a..93a70ba 100644
--- a/src/components/news_entry.astro
+++ b/src/components/activity_entry.astro
@@ -1,26 +1,27 @@
 ---
 import type { Lang } from "@i18n/ui";
-import type { NewsItem } from "@data/news";
-import { pickLocale } from "@i18n/utils";
+import { formatActivityPeriod, type Activity } from "@data/activities";
+import { pickLocale, useTranslations } from "@i18n/utils";
 import OptionalLink from "./optional_link.astro";
 
 interface Props {
-  item: NewsItem;
+  item: Activity;
   lang: Lang;
 }
 
 const { item, lang } = Astro.props;
+const t = useTranslations(lang);
 const title = pickLocale(item.title, lang);
 ---
 
-<li class="news-entry">
-  <time datetime={item.date}>{item.date}</time>
-  <span class={`badge badge-${item.type}`}>{item.type}</span>
+<li class="activity-entry">
+  <time datetime={item.date}>{formatActivityPeriod(item)}</time>
+  <span class={`badge badge-${item.type}`}>{t(`activity.type.${item.type}`)}</span>
   <OptionalLink href={item.url}>{title}</OptionalLink>
 </li>
 
 <style>
-  .news-entry {
+  .activity-entry {
     display: flex;
     align-items: baseline;
     gap: 0.75rem;
@@ -59,7 +60,7 @@ const title = pickLocale(item.title, lang);
   }
 
   @media (width < 640px) {
-    .news-entry {
+    .activity-entry {
       flex-wrap: wrap;
     }
   }
diff --git a/src/components/publications_section.astro b/src/components/publications_section.astro
index c64cd35..083d832 100644
--- a/src/components/publications_section.astro
+++ b/src/components/publications_section.astro
@@ -1,10 +1,8 @@
 ---
 import type { Lang } from "@i18n/ui";
 import { useTranslations } from "@i18n/utils";
-import { getNews } from "@data/news";
 import { getPublications } from "@data/publications";
 import Section from "./section.astro";
-import NewsEntry from "./news_entry.astro";
 import PublicationEntry from "./publication_entry.astro";
 
 interface Props {
@@ -14,7 +12,6 @@ interface Props {
 const { lang } = Astro.props;
 const t = useTranslations(lang);
 const publications = await getPublications(lang);
-const news = await getNews();
 ---
 
 <Section id="publications" title={t("section.publications")}>
@@ -29,27 +26,13 @@ const news = await getNews();
       <p class="empty">{t("publications.empty")}</p>
     )
   }
-  {
-    news.length > 0 && (
-      <ul class="news-list">
-        {news.map((item) => (
-          <NewsEntry item={item} lang={lang} />
-        ))}
-      </ul>
-    )
-  }
 </Section>
 
 <style>
-  .pub-list,
-  .news-list {
+  .pub-list {
     list-style: none;
   }
 
-  .news-list {
-    margin-top: 1.5rem;
-  }
-
   .empty {
     color: var(--color-text-secondary);
   }
diff --git a/src/data/activities.ts b/src/data/activities.ts
new file mode 100644
index 0000000..9d43933
--- /dev/null
+++ b/src/data/activities.ts
@@ -0,0 +1,12 @@
+import { getCollection } from "astro:content";
+
+import { toActivities } from "./site_records";
+import type { Activity } from "./site_records";
+
+export { formatActivityPeriod } from "./site_records";
+export type { Activity } from "./site_records";
+
+export async function getActivities(): Promise<Activity[]> {
+  const entries = await getCollection("siteRecords");
+  return toActivities(entries.map(({ data }) => data));
+}
diff --git a/src/data/news.ts b/src/data/news.ts
deleted file mode 100644
index 143e20a..0000000
--- a/src/data/news.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { getCollection } from "astro:content";
-
-import { toNewsItems } from "./site_records";
-import type { NewsItem } from "./site_records";
-
-export type { NewsItem } from "./site_records";
-
-export async function getNews(): Promise<NewsItem[]> {
-  const entries = await getCollection("siteRecords");
-  return toNewsItems(entries.map(({ data }) => data));
-}
diff --git a/src/data/sections.ts b/src/data/sections.ts
index 7fbfde1..32a8e51 100644
--- a/src/data/sections.ts
+++ b/src/data/sections.ts
@@ -3,6 +3,7 @@ export const HOME_SECTIONS = [
   "works",
   "research",
   "publications",
+  "activities",
   "blog",
   "contact",
 ] as const;
diff --git a/src/data/site_record_schema.test.ts b/src/data/site_record_schema.test.ts
index b91bc90..bab6c33 100644
--- a/src/data/site_record_schema.test.ts
+++ b/src/data/site_record_schema.test.ts
@@ -1,6 +1,6 @@
 import { expect, test } from "vitest";
 
-import { newsSchema, publicationSchema } from "./site_record_schema";
+import { activitySchema, publicationSchema } from "./site_record_schema";
 
 test("rejects unknown publication fields", () => {
   const result = publicationSchema.safeParse({
@@ -19,8 +19,8 @@ test("rejects unknown publication fields", () => {
   );
 });
 
-test("rejects news dates outside the ISO date format", () => {
-  const result = newsSchema.safeParse({
+test("rejects activity dates outside the ISO date format", () => {
+  const result = activitySchema.safeParse({
     date: "August 12, 2026",
     title: { ja: "ニュース", en: "News" },
     type: "general",
@@ -28,3 +28,25 @@ test("rejects news dates outside the ISO date format", () => {
 
   expect(result.success).toBe(false);
 });
+
+test("accepts a program activity with an end date", () => {
+  const result = activitySchema.safeParse({
+    date: "2024-08-16",
+    endDate: "2024-09-23",
+    title: { ja: "短期留学", en: "Study abroad" },
+    type: "study-abroad",
+  });
+
+  expect(result.success).toBe(true);
+});
+
+test("rejects an activity that ends before it starts", () => {
+  const result = activitySchema.safeParse({
+    date: "2024-01-31",
+    endDate: "2023-11-01",
+    title: { ja: "プログラム", en: "Program" },
+    type: "program",
+  });
+
+  expect(result.success).toBe(false);
+});
diff --git a/src/data/site_record_schema.ts b/src/data/site_record_schema.ts
index a51bde0..396e90a 100644
--- a/src/data/site_record_schema.ts
+++ b/src/data/site_record_schema.ts
@@ -7,14 +7,19 @@ const localizedTextSchema = z
   })
   .strict();
 
-export const newsSchema = z
+export const activitySchema = z
   .object({
     date: z.iso.date(),
+    endDate: z.iso.date().optional(),
     title: localizedTextSchema,
     url: z.url().optional(),
-    type: z.enum(["paper", "talk", "award", "general"]),
+    type: z.enum(["paper", "talk", "award", "program", "study-abroad", "general"]),
   })
-  .strict();
+  .strict()
+  .refine(({ date, endDate }) => endDate === undefined || date <= endDate, {
+    message: "endDate must not precede date",
+    path: ["endDate"],
+  });
 
 export const publicationSchema = z
   .object({
@@ -29,12 +34,12 @@ export const publicationSchema = z
     pdfUrl: z.url().optional(),
     slidesUrl: z.url().optional(),
     bibtex: z.string().min(1).optional(),
-    news: newsSchema.optional(),
+    activity: activitySchema.optional(),
   })
   .strict();
 
-export type NewsRecord = z.infer<typeof newsSchema>;
+export type ActivityRecord = z.infer<typeof activitySchema>;
 export type PublicationRecord = z.infer<typeof publicationSchema>;
 
-export const siteRecordSchema = z.union([publicationSchema, newsSchema]);
+export const siteRecordSchema = z.union([publicationSchema, activitySchema]);
 export type SiteRecord = z.infer<typeof siteRecordSchema>;
diff --git a/src/data/site_records.test.ts b/src/data/site_records.test.ts
index f70f09a..a2aede3 100644
--- a/src/data/site_records.test.ts
+++ b/src/data/site_records.test.ts
@@ -1,7 +1,7 @@
 import { expect, test } from "vitest";
 
 import type { PublicationRecord } from "./site_record_schema";
-import { toNewsItems, toPublications } from "./site_records";
+import { formatActivityPeriod, toActivities, toPublications } from "./site_records";
 
 test("uses Japanese publication metadata on Japanese pages", () => {
   const items = toPublications(
@@ -25,11 +25,11 @@ test("uses Japanese publication metadata on Japanese pages", () => {
   });
 });
 
-test("projects a publication announcement into news with the publication URL", () => {
-  const items = toNewsItems([
+test("projects a publication announcement into activities with the publication URL", () => {
+  const items = toActivities([
     publication({
       url: "https://example.com/publication",
-      news: {
+      activity: {
         date: "2026-07-24",
         title: {
           ja: "研究発表を行いました．",
@@ -54,10 +54,10 @@ test("projects a publication announcement into news with the publication URL", (
 });
 
 test("links a publication announcement to its own event page when given", () => {
-  const items = toNewsItems([
+  const items = toActivities([
     publication({
       url: "https://example.com/publication",
-      news: {
+      activity: {
         date: "2026-07-24",
         title: { ja: "研究発表を行いました．", en: "Presented our work." },
         url: "https://example.com/event",
@@ -69,10 +69,10 @@ test("links a publication announcement to its own event page when given", () =>
   expect(items[0]?.url).toBe("https://example.com/event");
 });
 
-test("orders projected and standalone news from newest to oldest", () => {
-  const items = toNewsItems([
+test("orders projected and standalone activities from newest to oldest", () => {
+  const items = toActivities([
     publication({
-      news: {
+      activity: {
         date: "2026-03-15",
         title: { ja: "新しい発表", en: "Newer announcement" },
         type: "paper",
@@ -88,6 +88,16 @@ test("orders projected and standalone news from newest to oldest", () => {
   expect(items.map(({ date }) => date)).toEqual(["2026-03-15", "2025-08-01"]);
 });
 
+test("shows a single-day activity as its month", () => {
+  expect(formatActivityPeriod({ date: "2026-07-24" })).toBe("2026.07");
+});
+
+test("shows an activity period from its start month to its end month", () => {
+  expect(formatActivityPeriod({ date: "2023-11-01", endDate: "2024-01-31" })).toBe(
+    "2023.11–2024.01",
+  );
+});
+
 test("formats a publication author list for display", () => {
   const items = toPublications(
     [
diff --git a/src/data/site_records.ts b/src/data/site_records.ts
index 2c4fccd..62929f3 100644
--- a/src/data/site_records.ts
+++ b/src/data/site_records.ts
@@ -1,12 +1,12 @@
 import type { Lang } from "@i18n/ui";
 import { pickLocale } from "@i18n/utils";
 
-import type { NewsRecord, PublicationRecord, SiteRecord } from "./site_record_schema";
+import type { ActivityRecord, PublicationRecord, SiteRecord } from "./site_record_schema";
 
-export type NewsItem = NewsRecord;
+export type Activity = ActivityRecord;
 export type Publication = Omit<
   PublicationRecord,
-  "title" | "authors" | "venue" | "venueShort" | "news"
+  "title" | "authors" | "venue" | "venueShort" | "activity"
 > & {
   title: string;
   authors: string;
@@ -14,11 +14,11 @@ export type Publication = Omit<
   venueShort?: string;
 };
 
-export function toNewsItems(records: readonly SiteRecord[]): NewsItem[] {
+export function toActivities(records: readonly SiteRecord[]): Activity[] {
   const publications = records.filter(isPublicationRecord);
-  const standaloneItems = records.filter(isNewsRecord);
-  const publicationItems = publications.flatMap(({ news, url }) =>
-    news ? [{ ...(url ? { url } : {}), ...news }] : [],
+  const standaloneItems = records.filter(isActivityRecord);
+  const publicationItems = publications.flatMap(({ activity, url }) =>
+    activity ? [{ ...(url ? { url } : {}), ...activity }] : [],
   );
 
   return [...standaloneItems, ...publicationItems].sort((left, right) =>
@@ -26,6 +26,14 @@ export function toNewsItems(records: readonly SiteRecord[]): NewsItem[] {
   );
 }
 
+export function formatActivityPeriod({
+  date,
+  endDate,
+}: Pick<Activity, "date" | "endDate">): string {
+  const start = toYearMonth(date);
+  return endDate ? `${start}–${toYearMonth(endDate)}` : start;
+}
+
 export function toPublications(records: readonly SiteRecord[], lang: Lang): Publication[] {
   return records
     .filter(isPublicationRecord)
@@ -45,6 +53,10 @@ export function toPublications(records: readonly SiteRecord[], lang: Lang): Publ
     }));
 }
 
+function toYearMonth(isoDate: string): string {
+  return isoDate.slice(0, 7).replace("-", ".");
+}
+
 function authorSeparator(lang: Lang): string {
   return lang === "ja" ? "，" : ", ";
 }
@@ -53,6 +65,6 @@ function isPublicationRecord(record: SiteRecord): record is PublicationRecord {
   return "authors" in record;
 }
 
-function isNewsRecord(record: SiteRecord): record is NewsRecord {
+function isActivityRecord(record: SiteRecord): record is ActivityRecord {
   return !isPublicationRecord(record);
 }
diff --git a/src/i18n/ui.ts b/src/i18n/ui.ts
index e6ba5e3..916eb1a 100644
--- a/src/i18n/ui.ts
+++ b/src/i18n/ui.ts
@@ -15,16 +15,25 @@ export const ui = {
     "nav.about": "概要",
     "nav.research": "研究",
     "nav.works": "作品",
-    "nav.publications": "発表・論文",
+    "nav.publications": "論文",
+    "nav.activities": "活動",
     "nav.blog": "ブログ",
     "nav.contact": "連絡先",
     "section.about": "About",
     "section.research": "Research",
     "section.works": "Works",
-    "section.publications": "Publications & Talks",
+    "section.publications": "Publications",
+    "section.activities": "Activities",
     "section.blog": "Blog",
     "section.contact": "Contact",
     "about.education": "学歴",
+    "activities.empty": "活動はまだありません",
+    "activity.type.paper": "論文",
+    "activity.type.talk": "発表",
+    "activity.type.award": "受賞",
+    "activity.type.program": "プログラム",
+    "activity.type.study-abroad": "留学",
+    "activity.type.general": "お知らせ",
     "blog.readMore": "続きを読む",
     "blog.allPosts": "すべての記事を見る",
     "blog.backToList": "記事一覧に戻る",
@@ -42,16 +51,25 @@ export const ui = {
     "nav.about": "About",
     "nav.research": "Research",
     "nav.works": "Works",
-    "nav.publications": "Publications & Talks",
+    "nav.publications": "Publications",
+    "nav.activities": "Activities",
     "nav.blog": "Blog",
     "nav.contact": "Contact",
     "section.about": "About",
     "section.research": "Research",
     "section.works": "Works",
-    "section.publications": "Publications & Talks",
+    "section.publications": "Publications",
+    "section.activities": "Activities",
     "section.blog": "Blog",
     "section.contact": "Contact",
     "about.education": "Education",
+    "activities.empty": "No activities yet",
+    "activity.type.paper": "Paper",
+    "activity.type.talk": "Talk",
+    "activity.type.award": "Award",
+    "activity.type.program": "Program",
+    "activity.type.study-abroad": "Study abroad",
+    "activity.type.general": "News",
     "blog.readMore": "Read more",
     "blog.allPosts": "View all posts",
     "blog.backToList": "Back to posts",
diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
index a5f53f1..268fd53 100644
--- a/src/pages/[lang]/index.astro
+++ b/src/pages/[lang]/index.astro
@@ -7,6 +7,7 @@ import AboutSection from "@components/about_section.astro";
 import ResearchSection from "@components/research_section.astro";
 import WorksSection from "@components/works_section.astro";
 import PublicationsSection from "@components/publications_section.astro";
+import ActivitiesSection from "@components/activities_section.astro";
 import BlogSection from "@components/blog_section.astro";
 import ContactSection from "@components/contact_section.astro";
 import { HOME_SECTIONS, type HomeSectionId } from "@data/sections";
@@ -21,6 +22,7 @@ const sectionComponents = {
   works: WorksSection,
   research: ResearchSection,
   publications: PublicationsSection,
+  activities: ActivitiesSection,
   blog: BlogSection,
   contact: ContactSection,
 } as const satisfies Record<HomeSectionId, unknown>;
diff --git a/tests/e2e/site.spec.ts b/tests/e2e/site.spec.ts
index 8a45f27..ed5e85c 100644
--- a/tests/e2e/site.spec.ts
+++ b/tests/e2e/site.spec.ts
@@ -75,7 +75,15 @@ test("lists works under their own nav item, each card linking to the work", asyn
 });
 
 test("orders home sections for engineering readers", async ({ page }) => {
-  const expectedIds = ["about", "works", "research", "publications", "blog", "contact"];
+  const expectedIds = [
+    "about",
+    "works",
+    "research",
+    "publications",
+    "activities",
+    "blog",
+    "contact",
+  ];
 
   await page.goto("/ja/");
 
@@ -124,23 +132,44 @@ test("lists personal and team works in the agreed order", async ({ page }) => {
   await expect(teamWork).toContainText("Fukuoka Mitou");
 });
 
-test("groups publications and talks in one section", async ({ page }) => {
+test("keeps publications and activities in separate sections", async ({ page }) => {
   await page.goto("/ja/");
 
-  const section = page.locator('section[aria-labelledby="publications"]');
-  await expect(section.getByRole("heading", { level: 2 })).toHaveText("Publications & Talks");
-  await expect(section.locator(".pub-entry").first()).toBeVisible();
-  await expect(section.locator(".news-entry").first()).toBeVisible();
-  await expect(page.locator("#news")).toHaveCount(0);
+  const publications = page.locator('section[aria-labelledby="publications"]');
+  await expect(publications.getByRole("heading", { level: 2 })).toHaveText("Publications");
+  await expect(publications.locator(".pub-entry").first()).toBeVisible();
+  await expect(publications.locator(".activity-entry")).toHaveCount(0);
+  const activities = page.locator('section[aria-labelledby="activities"]');
+  await expect(activities.getByRole("heading", { level: 2 })).toHaveText("Activities");
+  await expect(activities.locator(".activity-entry").first()).toBeVisible();
 });
 
-test("renders news collection records", async ({ page }) => {
+test("renders activity collection records with localized type labels", async ({ page }) => {
   await page.goto("/ja/");
 
-  const entry = page.locator(".news-entry").first();
+  const entry = page.locator(".activity-entry").first();
   await expect(entry).toBeVisible();
-  await expect(entry.locator("time")).toHaveAttribute("datetime", /^\d{4}-\d{2}-\d{2}$/);
-  await expect(entry.locator(".badge")).toHaveText(/^(paper|talk|award|general)$/);
+  await expect(entry.locator("time").first()).toHaveAttribute("datetime", /^\d{4}-\d{2}-\d{2}$/);
+  await expect(entry.locator(".badge")).toHaveText(/^(論文|発表|受賞|プログラム|留学|お知らせ)$/);
+});
+
+test("shows dated programs with their periods and links", async ({ page }) => {
+  await page.goto("/en/");
+
+  const activities = page.locator('section[aria-labelledby="activities"]');
+  const studyAbroad = activities.locator(".activity-entry", { hasText: "Q²PEC" });
+  await expect(studyAbroad).toContainText("2024.08–2024.09");
+  await expect(studyAbroad.locator(".badge")).toHaveText("Study abroad");
+  await expect(studyAbroad.getByRole("link")).toHaveAttribute(
+    "href",
+    "https://www.eng.kyushu-u.ac.jp/programs/program-q2pec/",
+  );
+  const program = activities.locator(".activity-entry", { hasText: "Fukuoka Mitou" });
+  await expect(program).toContainText("2023.11–2024.01");
+  await expect(program.getByRole("link")).toHaveAttribute(
+    "href",
+    "https://note.com/mitou_fukuoka/n/n397fe44895c6",
+  );
 });
 
 test("renders publication collection metadata", async ({ page }) => {