append link

vscodejp · Apr 22, 2024 · d71e8bb · d71e8bb
1 parent becc558
commit d71e8bb
Show file tree

Hide file tree

Showing 3 changed files with 100 additions and 8 deletions.
diff --git a/src/components/suponsor-item.astro b/src/components/suponsor-item.astro
@@ -0,0 +1,35 @@
+---
+import { Icon } from "astro-icon/components";
+
+const { suponsor } = Astro.props;
+console.log(suponsor);
+---
+
+<div
+  class="flow-row m-2 ml-14 flex rounded border border-slate-500 bg-default p-4 shadow xl:ml-44"
+>
+  <a class="font-bold text-secondary" href={"#suponsor-" + suponsor.suponsorId}>
+    {suponsor.speaker.name}
+  </a>
+  {
+    suponsor.documentUrl && (
+      <a
+        class="ml-4 content-center text-primary"
+        href={suponsor.documentUrl}
+        target="_blank"
+      >
+        <span class="sr-only">{suponsor.speaker.name} - slide</span>
+        <Icon name="mdi:presentation-play" />
+      </a>
+    )
+  }
+
+  <a
+    class="ml-4 content-center text-primary"
+    href={suponsor.movieUrl}
+    target="_blank"
+  >
+    <span class="sr-only">{suponsor.speaker.name} - movie</span>
+    <Icon name="fa-brands:youtube" />
+  </a>
+</div>
diff --git a/src/components/timetable-item.astro b/src/components/timetable-item.astro
@@ -4,6 +4,7 @@ import { Icon } from "astro-icon/components";
 import type { SuponsorSession } from "~/types";
 import SessionDescription from "./session-description.astro";
 import SessionDescriptionForPanel from "./session-description-for-panel.astro";
+import SupponsorItem from "./suponsor-item.astro";
 const { item } = Astro.props;
 ---
 
@@ -60,20 +61,37 @@ const { item } = Astro.props;
             </span>
           )
         }
+        {
+          item.documentUrl && (
+            <a
+              class="ml-4 content-center text-primary"
+              href={item.documentUrl}
+              target="_blank"
+            >
+              <span class="sr-only">{item.title} - slide</span>
+              <Icon name="mdi:presentation-play" />
+            </a>
+          )
+        }
+        {
+          item.movieUrl && item.speaker && (
+            <a
+              class="ml-4 content-center text-primary"
+              href={item.movieUrl}
+              target="_blank"
+            >
+              <span class="sr-only">{item.title} - movie</span>
+              <Icon name="fa-brands:youtube" />
+            </a>
+          )
+        }
       </div>
     </div>
   </div>
   {
     item.suponsors &&
       (item as SuponsorSession).suponsors.map((suponsor) => (
-        <div class="m-2 ml-14 rounded border border-slate-500 bg-default p-4 shadow xl:ml-44">
-          <a
-            class="font-bold text-secondary"
-            href={"#suponsor-" + suponsor.suponsorId}
-          >
-            {suponsor.speaker.name}
-          </a>
-        </div>
+        <SupponsorItem  suponsor={suponsor}/>
       ))
   }
 </div>
diff --git a/src/components/timetable.astro b/src/components/timetable.astro
@@ -47,6 +47,8 @@ const sessions: Array<
     started_at: "13:00",
     ended_at: "13:10",
     icon: "mdi:account-voice",
+    movieUrl:
+      "https://www.youtube.com/live/nWD0EBSMah8?si=ehQTqTpzHs_Gp7D2&t=991",
   },
   {
     title: "【基調講演】Marp for VS Code 拡張機能開発の舞台裏",
@@ -63,6 +65,9 @@ VS Code の強力なエディタ機能に Marp を統合することで、プレ
       twitter: "https://x.com/y_hatt",
       image: yukiImage,
     },
+    documentUrl: "https://yhatt.github.io/vscode-conf-jp-2024/",
+    movieUrl:
+      "https://www.youtube.com/live/nWD0EBSMah8?si=l4ewBACLSmvff1Rd&t=1372",
   },
   {
     title: "スポンサーセッション",
@@ -75,27 +80,39 @@ VS Code の強力なエディタ機能に Marp を統合することで、プレ
           twitter: "https://x.com/carta_engineers",
         },
         suponsorId: 1,
+        documentUrl:
+          "https://speakerdeck.com/carta_engineering/how-to-contribute-to-vs-code-right-now",
+        movieUrl:
+          "https://www.youtube.com/live/nWD0EBSMah8?si=TkW8BVESbT0k0f18&t=3040",
       },
       {
         speaker: {
           name: "ペイクラウドホールディングス株式会社",
           link: "https://www.paycloud.inc/",
         },
         suponsorId: 2,
+        movieUrl:
+          "https://www.youtube.com/live/nWD0EBSMah8?si=BN2D451ktxwuNNkU&t=3929",
       },
       {
         speaker: {
           name: "株式会社ヒューマンテクノロジーズ／KING OF TIME",
           link: "https://recruit.h-t.co.jp/",
         },
         suponsorId: 3,
+        movieUrl:
+          "https://www.youtube.com/live/nWD0EBSMah8?si=_DpasIKwb8JkNN6n&t=4547",
       },
       {
         speaker: {
           name: "Postman",
           twitter: "https://x.com/postman_japan",
         },
         suponsorId: 4,
+        documentUrl:
+          "https://speakerdeck.com/nagix/kai-fa-sheng-chan-xing-da-fu-atupu-postman-vs-codekuo-zhang-ji-neng-1c3a1e3f-faef-4dac-a8b2-33027af44c3a",
+        movieUrl:
+          "https://www.youtube.com/live/nWD0EBSMah8?si=AWSwfNAO6UXx0Iv4&t=5217",
       },
     ],
   },
@@ -127,6 +144,9 @@ VS Code の強力なエディタ機能に Marp を統合することで、プレ
       twitter: "https://x.com/Yuhei_FUJITA",
       image: fujitaImage,
     },
+    documentUrl: "https://yuheifujita.github.io/slide-20240420-vscode/1",
+    movieUrl:
+      "https://www.youtube.com/live/nWD0EBSMah8?si=ti_7YLsVIRoRB22M&t=5858",
   },
   {
     title:
@@ -148,6 +168,10 @@ VS Codeの実装がちょっとだけ分かったという機会になれば幸
 実は本業は仕掛け人🍵、趣味は拡張を作ることです（VS Code拡張やSphinx拡張）`,
       image: nikkieImage,
     },
+    documentUrl:
+      "https://ftnext.github.io/2024-slides/vscodeconjp/transform-text-commands.html#/",
+    movieUrl:
+      "https://www.youtube.com/live/nWD0EBSMah8?si=o-7s8iBIbqwrLZ4O&t=8360",
   },
   {
     title:
@@ -163,6 +187,10 @@ VS Codeの実装がちょっとだけ分かったという機会になれば幸
       twitter: "https://x.com/ono_max7",
       image: onoImage,
     },
+    documentUrl:
+      "https://speakerdeck.com/onomax/vs-code-wopurodakutonidouqu-riip-muka",
+    movieUrl:
+      "https://www.youtube.com/live/nWD0EBSMah8?si=DmrZ04vQ71261-E7&t=9444",
   },
   {
     title: "見た目からはじめる生産性向上",
@@ -179,6 +207,9 @@ VS Codeの実装がちょっとだけ分かったという機会になれば幸
       twitter: "https://x.com/ikumatdkr",
       image: ikumaImage,
     },
+    documentUrl:
+      "https://speakerdeck.com/ikumatadokoro/jian-tamu-karashi-merusheng-chan-xing-xiang-shang",
+      movieUrl:"https://www.youtube.com/live/nWD0EBSMah8?si=DmrZ04vQ71261-E7&t=9444"
   },
   {
     title: "VS CodeでAWSを操作しよう",
@@ -200,6 +231,8 @@ GitHub Copilot/Copilot Chat、Figma、Postman、その他の拡張機能を適
       twitter: "https://x.com/makky12",
       image: makkyImage,
     },
+    documentUrl: "https://speakerdeck.com/smt7174/vs-codedeawswocao-zuo-siyou",
+    movieUrl:"https://www.youtube.com/live/nWD0EBSMah8?si=pbajcHc-CDnnCl3q&t=12851"
   },
   {
     title:
@@ -214,6 +247,9 @@ GitHub Copilot/Copilot Chat、Figma、Postman、その他の拡張機能を適
       twitter: "https://x.com/unvalley_",
       image: unvalleyImage,
     },
+    documentUrl:
+      "https://speakerdeck.com/unvalley/typescript-linnting-and-formatting",
+      movieUrl:"https://www.youtube.com/live/nWD0EBSMah8?si=IyBFyX1I1K9Ga6iR&t=15291"
   },
   {
     title: "VS Code 拡張機能を活用した AI 駆動開発 - 実践編",
@@ -230,6 +266,8 @@ GitHub Copilot/Copilot Chat、Figma、Postman、その他の拡張機能を適
       twitter: "https://x.com/shosuz",
       image: suzukiImage,
     },
+    documentUrl: "https://www.docswell.com/s/shosuz/K24DDE-2024-04-20-180008",
+    movieUrl:"https://www.youtube.com/live/nWD0EBSMah8?si=1lNpJKybZxpNGW_Q&t=16636"
   },
   {
     title: "GitHub Copilot活用、現場の声（経験者）パネルディスカッション！",
@@ -277,6 +315,7 @@ GitHub Copilot/Copilot Chat、Figma、Postman、その他の拡張機能を適
     started_at: "18:30",
     ended_at: "20:00",
     icon: "mdi:party-popper",
+    movieUrl:"https://www.youtube.com/live/A-ssicr44xU?si=U5rB7MJFu8Pa-0C4"
   },
 ];
 ---