From 8f5bde68a6f8b0c3b0d83b36fad7ec9ce2297310 Mon Sep 17 00:00:00 2001
From: Leko <leko.noor@gmail.com>
Date: Mon, 17 Nov 2025 11:44:41 +0900
Subject: [PATCH 1/4] feat: show recording

---
 2025/messages/en.json                       |   3 +-
 2025/messages/ja.json                       |   3 +-
 2025/src/app/[locale]/talks/[slug]/page.tsx |  14 +++++++++
 2025/src/assets/youtube.png                 | Bin 0 -> 7778 bytes
 2025/src/components/Footer.tsx              |   8 +++++
 2025/src/components/SessionCard.tsx         |  28 +++++++++++------
 2025/src/constants/external.ts              |   2 ++
 2025/src/constants/talks.ts                 |  33 ++++++++++++--------
 8 files changed, 66 insertions(+), 25 deletions(-)
 create mode 100644 2025/src/assets/youtube.png

diff --git a/2025/messages/en.json b/2025/messages/en.json
index 298d839cc..e27d36a58 100644
--- a/2025/messages/en.json
+++ b/2025/messages/en.json
@@ -58,7 +58,8 @@
       "LT": "LT",
       "sponsor session": "Sponsor session",
       "sponsor LT": "Sponsor LT"
-    }
+    },
+    "recording": "Recording"
   },
   "venue": {
     "placeName": "Gran Tokyo South Tower",
diff --git a/2025/messages/ja.json b/2025/messages/ja.json
index 43d421724..af1e1bee3 100644
--- a/2025/messages/ja.json
+++ b/2025/messages/ja.json
@@ -58,7 +58,8 @@
       "LT": "LT",
       "sponsor session": "スポンサーセッション",
       "sponsor LT": "スポンサーLT"
-    }
+    },
+    "recording": "録画"
   },
   "venue": {
     "placeName": "グラントウキョウサウスタワー",
diff --git a/2025/src/app/[locale]/talks/[slug]/page.tsx b/2025/src/app/[locale]/talks/[slug]/page.tsx
index 9b42cee35..8eb19bc33 100644
--- a/2025/src/app/[locale]/talks/[slug]/page.tsx
+++ b/2025/src/app/[locale]/talks/[slug]/page.tsx
@@ -62,6 +62,20 @@ export default async function Page({ params }: Props) {
           <Chip>{session.talk.language}</Chip>
         </p>
       </div>
+      {session.talk.recordingUrl && (
+        <div className="mt-4 flex flex-col justify-center items-center gap-2">
+          <h2 className="text-2xl font-bold">{t("recording")}</h2>
+          <iframe
+            width="560"
+            height="315"
+            src={session.talk.recordingUrl}
+            title={session.talk.title}
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            referrerPolicy="strict-origin-when-cross-origin"
+            allowFullScreen
+          />
+        </div>
+      )}
       <div className="mt-4">
         <Markdown>{session.talk.description}</Markdown>
       </div>
diff --git a/2025/src/assets/youtube.png b/2025/src/assets/youtube.png
new file mode 100644
index 0000000000000000000000000000000000000000..3fbe82f8f639a8befd88db8bcb6312940e5e741d
GIT binary patch
literal 7778
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
K1Npx@U;Q7aEqmnv

literal 0
HcmV?d00001

diff --git a/2025/src/components/Footer.tsx b/2025/src/components/Footer.tsx
index 9f7cf4ab6..e765c7b02 100644
--- a/2025/src/components/Footer.tsx
+++ b/2025/src/components/Footer.tsx
@@ -2,12 +2,14 @@ import Image from "next/image";
 import { useTranslations } from "next-intl";
 import githubUrl from "@/assets/github.svg";
 import twitterXUrl from "@/assets/twitter-x.svg";
+import youtubeUrl from "@/assets/youtube.png";
 import {
   GITHUB_URL,
   JNA_URL,
   NODEJS_OFFICIAL_URL,
   PREVIOUS_URL,
   X_URL,
+  YOUTUBE_URL,
 } from "@/constants/external";
 import { Link } from "@/i18n/navigation";
 
@@ -27,6 +29,12 @@ export function Footer() {
       href: GITHUB_URL,
       target: "_blank",
     },
+    {
+      icon: youtubeUrl,
+      alt: "YouTube",
+      href: YOUTUBE_URL,
+      target: "_blank",
+    },
   ];
   const links = [
     {
diff --git a/2025/src/components/SessionCard.tsx b/2025/src/components/SessionCard.tsx
index ba7b9de42..756fc9dd0 100644
--- a/2025/src/components/SessionCard.tsx
+++ b/2025/src/components/SessionCard.tsx
@@ -1,6 +1,7 @@
 import clsx from "clsx";
 import Image from "next/image";
 import { useTranslations } from "next-intl";
+import youtubeUrl from "@/assets/youtube.png";
 import { ScheduledSession } from "@/constants/schedule";
 import { Chip } from "./Chip";
 
@@ -45,18 +46,25 @@ export function SessionCard({ session }: { session: ScheduledSession }) {
     >
       {session.kind === "talk" || session.kind === "streaming" ? (
         <div className="flex flex-col gap-1 items-start">
-          <div className="flex gap-1">
-            {session.track !== "all" && (
-              <div className="visible md:hidden">
-                <Chip size="sm" track={session.track}>
-                  {tTrack(session.track)}
-                </Chip>
+          <div className="flex items-center justify-between w-full">
+            <div className="flex gap-1">
+              {session.track !== "all" && (
+                <div className="visible md:hidden">
+                  <Chip size="sm" track={session.track}>
+                    {tTrack(session.track)}
+                  </Chip>
+                </div>
+              )}
+              <Chip size="sm" track={session.track}>
+                {tKind(session.talk.kind)}
+              </Chip>
+              <Chip size="sm">{session.talk.language}</Chip>
+            </div>
+            {session.kind !== "streaming" && session.talk.recordingUrl && (
+              <div className="flex gap-1 justify-end">
+                <Image src={youtubeUrl} alt="YouTube" width={24} height={24} />
               </div>
             )}
-            <Chip size="sm" track={session.track}>
-              {tKind(session.talk.kind)}
-            </Chip>
-            <Chip size="sm">{session.talk.language}</Chip>
           </div>
           <div className="font-bold text-md">
             {session.kind === "streaming" ? `(${t("streaming")}) ` : ""}
diff --git a/2025/src/constants/external.ts b/2025/src/constants/external.ts
index 47d23ecf4..877cdf0ec 100644
--- a/2025/src/constants/external.ts
+++ b/2025/src/constants/external.ts
@@ -2,6 +2,8 @@ export const X_URL = "https://x.com/jsconfjp";
 
 export const GITHUB_URL = "https://github.com/jsconfjp/jsconf.jp";
 
+export const YOUTUBE_URL = "https://www.youtube.com/@jsconfjp";
+
 export const NODEJS_OFFICIAL_URL = "https://nodejs.org/";
 
 export const JNA_URL = "https://nodejs.jp/";
diff --git a/2025/src/constants/talks.ts b/2025/src/constants/talks.ts
index 3660918b1..274765943 100644
--- a/2025/src/constants/talks.ts
+++ b/2025/src/constants/talks.ts
@@ -11,10 +11,10 @@ import baseballyamaAvatar from "../../public/speaker/baseballyama.jpg";
 import berlysiaAvatar from "../../public/speaker/berlysia.jpg";
 import blagojJovanovAvatar from "../../public/speaker/blagoj-jovanov.jpg";
 import canalunAvatar from "../../public/speaker/canalun.png";
-import ctcpipAvatar from "../../public/speaker/ctcpip.png"
+import ctcpipAvatar from "../../public/speaker/ctcpip.png";
 import deanSrebnikAvatar from "../../public/speaker/dean-srebnik.jpg";
-import devsnekAvatar from "../../public/speaker/devsnek.jpg"
-import DmitryMakhnevAvatar from "../../public/speaker/DmitryMakhnev.jpg"
+import devsnekAvatar from "../../public/speaker/devsnek.jpg";
+import DmitryMakhnevAvatar from "../../public/speaker/DmitryMakhnev.jpg";
 import GiovanniLaquidaraAvatar from "../../public/speaker/Giovanni-Laquidara.png";
 import islandryuAvatar from "../../public/speaker/islandryu.jpg";
 import itaiSatatiAvatar from "../../public/speaker/itai-satati.jpg";
@@ -24,7 +24,7 @@ import joyeeCheungAvatar from "../../public/speaker/joyee-cheung.jpg";
 import jxckAvatar from "../../public/speaker/jxck.svg";
 import kazukiImamuraAvatar from "../../public/speaker/kazuki-imamura.jpg";
 import kojiKojiAvatar from "../../public/speaker/koji-koji.jpg";
-import legendecasAvatar from "../../public/speaker/legendecas.png"
+import legendecasAvatar from "../../public/speaker/legendecas.png";
 import leoKettmeirAvatar from "../../public/speaker/leo-kettmeir.jpg";
 import lucaMugnainiAvatar from "../../public/speaker/luca-mugnaini.jpg";
 import manishKumarAvatar from "../../public/speaker/manish-kumar.jpg";
@@ -35,7 +35,7 @@ import olivierFluckigerAvatar from "../../public/speaker/olivier-fluckiger.jpg";
 import otaMeshiAvatar from "../../public/speaker/ota-meshi.jpg";
 import petamorikenAvatar from "../../public/speaker/petamoriken.jpg";
 import progfayAvatar from "../../public/speaker/progfay.png";
-import robpalmer2Avatar from "../../public/speaker/robpalmer2.jpg"
+import robpalmer2Avatar from "../../public/speaker/robpalmer2.jpg";
 import RubenBridgewaterAvatar from "../../public/speaker/RubenBridgewater.jpg";
 import sachaGreifAvatar from "../../public/speaker/sacha-greif.jpg";
 import shaneCarrAvatar from "../../public/speaker/shane-carr.jpg";
@@ -68,6 +68,7 @@ export type Talk = {
   day: Day;
   language: Language;
   speakers: (Speaker | Sponsor)[];
+  recordingUrl?: string;
 };
 export type FlattenedSpeaker = {
   talk: Talk;
@@ -509,7 +510,8 @@ Whether you're a web developer looking to expand into TV development or seeking
   },
   {
     slug: "denkiyagi-sponsor-session",
-    title: "なぜブラウザで帳票を生成したいのか、どのようにブラウザで帳票を生成するのか",
+    title:
+      "なぜブラウザで帳票を生成したいのか、どのようにブラウザで帳票を生成するのか",
     description: `デンキヤギでは、yagisan-reportsという「ブラウザ単体で動作する帳票エンジン」を開発・販売しています。
 帳票エンジンとは、ざっくり言えば「請求書のようなPDFを出力するテンプレートエンジン」です。
 
@@ -818,7 +820,8 @@ Additionally, I am a maintainer to jsr.io, a modern alternative to npm, where I
   },
   {
     slug: "reiwa-travel-sponsor-session",
-    title: "AIにNext.js App Router移行を依頼して、失敗した話。 Evolving NEWT’s TypeScript Backend for the AI-Driven",
+    title:
+      "AIにNext.js App Router移行を依頼して、失敗した話。 Evolving NEWT’s TypeScript Backend for the AI-Driven",
     description: `1. AIにNext.js App Routerの移行を任せた結果、プロンプト調整だけで1ヶ月を費やしてしまい、ログ欠損も発生してしまいました。
 この経験を通じて、AI支援の正しい使い方と、人が担うべき判断・理解の順序を見直した話をします。
 
@@ -905,8 +908,10 @@ In this talk, I’ll walk through how I used the TypeScript tracer to uncover hi
   },
   {
     slug: "aapo-alasuutari",
-    title: "Out the cave, off the cliff  — data-oriented design in Nova JavaScript engine",
-    description: "In the world of JavaScript, it is easy to forget that our software runs on real hardware, made up of real bits and bytes instead of being intangible shadows of objects on a wall, flickers of code on a screen. JavaScript programs tend to consume a lot of memory, and while much of the blame lies in the developer, a part of that is also the way our JavaScript engines are built. Nova JavaScript engine attempts to find a different path: in this talk we'll look at what JavaScript objects look like in memory, and ponder how much of that shadow of an object we really need or if we're perhaps ready to leave the Programmer's Cave and do away with thinking about shadows? Nova JavaScript engine is also an exploration into what is the price of walking that path: we'll see magnificent performance cliffs, and perhaps plunge off of them if the price is right.",
+    title:
+      "Out the cave, off the cliff  — data-oriented design in Nova JavaScript engine",
+    description:
+      "In the world of JavaScript, it is easy to forget that our software runs on real hardware, made up of real bits and bytes instead of being intangible shadows of objects on a wall, flickers of code on a screen. JavaScript programs tend to consume a lot of memory, and while much of the blame lies in the developer, a part of that is also the way our JavaScript engines are built. Nova JavaScript engine attempts to find a different path: in this talk we'll look at what JavaScript objects look like in memory, and ponder how much of that shadow of an object we really need or if we're perhaps ready to leave the Programmer's Cave and do away with thinking about shadows? Nova JavaScript engine is also an exploration into what is the price of walking that path: we'll see magnificent performance cliffs, and perhaps plunge off of them if the price is right.",
     kind: "session",
     day: "1",
     language: "English",
@@ -915,8 +920,8 @@ In this talk, I’ll walk through how I used the TypeScript tracer to uncover hi
         type: "speaker",
         name: "Aapo Alasuutari",
         avatarUrl: aapoAlasuutariAvatar,
-        bio: "Aapo Alasuutari is a data-oriented design zealot writing TypeScript by day, with 9 years of experience developing a browser-based automation control system UI at Valmet Automation, but by night he transforms into a Rust developer writing the Nova JavaScript engine."
-      }
+        bio: "Aapo Alasuutari is a data-oriented design zealot writing TypeScript by day, with 9 years of experience developing a browser-based automation control system UI at Valmet Automation, but by night he transforms into a Rust developer writing the Nova JavaScript engine.",
+      },
     ],
   },
   {
@@ -1098,7 +1103,8 @@ AI that acts changes the role it plays: from passive responder to proactive team
   {
     slug: "dwango-sponsor-session",
     title: "Media Capture and Streams: W3C仕様と現場での知見",
-    description: "Media Capture and Streams API は、Web アプリケーションがカメラやマイクなどのメディアデバイスへアクセスし、MediaStreamTrack／MediaStream といったインターフェースを通じて映像・音声を扱うための仕様です。このセッションでは、標準化仕様に定義されるモデルやライフサイクル、Permissions／Constraints、ImageCapture などの周辺 API を整理しながら、実際にオンライン試験システムの開発で活用した際の体験談・失敗談を合わせて紹介します。",
+    description:
+      "Media Capture and Streams API は、Web アプリケーションがカメラやマイクなどのメディアデバイスへアクセスし、MediaStreamTrack／MediaStream といったインターフェースを通じて映像・音声を扱うための仕様です。このセッションでは、標準化仕様に定義されるモデルやライフサイクル、Permissions／Constraints、ImageCapture などの周辺 API を整理しながら、実際にオンライン試験システムの開発で活用した際の体験談・失敗談を合わせて紹介します。",
     kind: "sponsor session",
     day: "1",
     language: "Japanese",
@@ -1127,7 +1133,8 @@ In this talk, we’ll take a look at how to use HTML and CSS to build simpler al
   },
   {
     slug: "money-forward-sponsor-session",
-    title: "Micro Frontendsで築いた共通基盤の成長と、運用で積み重ねた試行の軌跡",
+    title:
+      "Micro Frontendsで築いた共通基盤の成長と、運用で積み重ねた試行の軌跡",
     description: `マネーフォワード クラウドでは、複数サービスに共通する承認・ワークフロー機能を共通基盤として切り出し、Web ComponentsをベースにMicro Frontendsを運用しています。
 2023年7月のリリースから現在まで2年以上、実装検証の段階を含めると約3年にわたり、Micro Frontendsを使った設計・統合方式における試行錯誤を積み重ねてきました。
 

From a69bdfa2ff912e48c9fca0f1f8e31fac2fe07d62 Mon Sep 17 00:00:00 2001
From: Leko <leko.noor@gmail.com>
Date: Mon, 17 Nov 2025 11:51:52 +0900
Subject: [PATCH 2/4] ci: fix chrome executable

---
 .github/workflows/playwright.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
index eb0de2ae9..8f87a7305 100644
--- a/.github/workflows/playwright.yml
+++ b/.github/workflows/playwright.yml
@@ -2,7 +2,7 @@ name: screenshots
 
 on:
   pull_request:
-    branches: [ main ]
+    branches: [main]
 
 jobs:
   test:
@@ -18,7 +18,7 @@ jobs:
       - run: cd 2025 && npm ci && npm run dev &
         env:
           PORT: 3001
-      - run: cd 2025 && npx playwright install --with-deps
+      - run: cd 2025 && npx playwright install --with-deps --no-shell
       - run: cd 2025 && npx playwright test
       - run: cd 2025 && npm run fetch-og-images
       - uses: actions/upload-artifact@v4

From af41e4d3dcfceba796530491954cc14cc0bdcd75 Mon Sep 17 00:00:00 2001
From: Leko <leko.noor@gmail.com>
Date: Mon, 17 Nov 2025 12:07:33 +0900
Subject: [PATCH 3/4] fixup

---
 .github/workflows/playwright.yml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
index 8f87a7305..585fcbf23 100644
--- a/.github/workflows/playwright.yml
+++ b/.github/workflows/playwright.yml
@@ -15,7 +15,8 @@ jobs:
           node-version: 22
           cache: npm
           cache-dependency-path: 2025/package-lock.json
-      - run: cd 2025 && npm ci && npm run dev &
+      - run: cd 2025 && npm ci
+      - run: cd 2025 && npm run dev &
         env:
           PORT: 3001
       - run: cd 2025 && npx playwright install --with-deps --no-shell

From cc5707606017d5c79e45b03494671c77726a9921 Mon Sep 17 00:00:00 2001
From: Leko <leko.noor@gmail.com>
Date: Mon, 17 Nov 2025 12:17:32 +0900
Subject: [PATCH 4/4] fixup

---
 .github/workflows/playwright.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
index 585fcbf23..e68373933 100644
--- a/.github/workflows/playwright.yml
+++ b/.github/workflows/playwright.yml
@@ -19,7 +19,7 @@ jobs:
       - run: cd 2025 && npm run dev &
         env:
           PORT: 3001
-      - run: cd 2025 && npx playwright install --with-deps --no-shell
+      - run: cd 2025 && npx playwright install --with-deps
       - run: cd 2025 && npx playwright test
       - run: cd 2025 && npm run fetch-og-images
       - uses: actions/upload-artifact@v4