update specifications

Author: jiyuujin

apps/web-docs/.vitepress/config.mts

@@ -9,6 +9,7 @@ export default defineConfig({
     nav: [
       { text: 'Top', link: '/' },
       { text: 'CSS', link: '/css/getting-started' },
+      { text: 'Screen Design', link: '/screen-design' },
       { text: 'Path Design', link: '/path-design' },
       { text: 'Namecard Debug', link: '/namecard-debug' },
       {
@@ -71,6 +72,7 @@ export default defineConfig({
         text: 'Examples',
         items: [
           { text: 'CSS', link: '/css/getting-started' },
+          { text: 'Screen Design', link: '/screen-design' },
           { text: 'Path Design', link: '/path-design' },
           { text: 'Namecard Debug', link: '/namecard-debug' },
           {

apps/web-docs/admin/page/namecard.md

@@ -19,6 +19,7 @@
 
 - ネームカード作成者を確認する
 - 手動で注文番号を照合する or 逆に照合状態を解除する（デバッグ期間に使いたかったため）
+- 物理ネームカードの発注用に、表示名とアバター画像をまとめた、スプレッドシート（CSV）を出力する
 
 ## DB (Supabase)
 

apps/web-docs/admin/page/speaker.md

@@ -18,6 +18,7 @@
 - 所属、肩書き、自己紹介を編集する
 - セッションのタイトル、紹介、登壇スライドを編集する（パネラー以外）
 - 登壇予定のイベントを更新する（パネラーのみ、更新の対象は次世代フロントエンドクロストーク、Vue.js コミュニティにようこそ！の 2 つ）
+- 物理ネームカードの発注用に、表示名とアバター画像をまとめた、スプレッドシート（CSV）を出力する
 
 ## DB (Supabase)
 

apps/web-docs/admin/page/sponsor.md

@@ -13,6 +13,7 @@
   - 削除は非対応（Supabase 管理画面より直接操作するか、または `is_open` による切替を実施してください）
 - カテゴリー、紹介を編集する
 - スポンサーセッションで登壇予定のスピーカーとの紐付けを更新する
+- 物理ネームカードの発注用に、表示名とロゴ画像をまとめた、スプレッドシート（CSV）を出力する
 
 ## DB (Supabase)
 

apps/web-docs/admin/page/staff.md

@@ -13,6 +13,7 @@
   - 削除は非対応（Supabase 管理画面より直接操作するか、または `is_open` による切替を実施してください）
 - 名前、X or GitHub ID を編集する
 - 招待機能を利用して登録したメールアドレスを確認する
+- 物理ネームカードの発注用に、表示名とアバター画像をまとめた、スプレッドシート（CSV）を出力する
 
 ## DB (Supabase)
 

apps/web-docs/index.md

@@ -19,14 +19,14 @@ hero:
       link: /supabase/getting-started
 ---
 
-# 各年のウェブサイト
+# Vue Fes Japan 2024 document website
+
+## 各年のウェブサイトの特徴
 
 - [Vue Fes Japan Online 2022](https://vuefes.jp/2022)
 - [Vue Fes Japan 2023](https://vuefes.jp/2023)
 - [Vue Fes Japan 2024](https://vuefes.jp/2024)
 
-## 各年のウェブサイトの特徴
-
 3 年間のウェブサイトの比較表について。
 
 ||Vue Fes Japan Online 2022|Vue Fes Japan 2023|Vue Fes Japan 2024|

apps/web-docs/path-design.md

@@ -34,6 +34,20 @@
 └── tokusho.vue ... 特定商取引法に基づく表記
 ```
 
+## デザイン
+
+### お堅い文書系
+
+| privacy | coc | tokusho |
+|:----|:----|:----|
+|<img alt="" src="https://i.imgur.com/2FDwMZc.jpg" width="80">|<img alt="" src="https://i.imgur.com/sQyCp02.jpg" width="80">|<img alt="" src="https://i.imgur.com/O2QraRV.jpg" width="80">|
+
+### Vue Fes ならではのもの
+
+| speaker | sponsor | share | jobboard | sharemap | events |
+|:----|:----|:----|:----|:----|:----|
+|<img alt="" src="https://i.imgur.com/y457jS2.jpg" width="80">|<img alt="" src="https://i.imgur.com/bAci0Ou.jpg" width="80">|<div style="display: grid; gap: 8px;"><img alt="" src="https://i.imgur.com/7UFoebi.jpg" width="80"><img alt="" src="https://i.imgur.com/ps8MpuD.jpg" width="80"><img alt="" src="https://i.imgur.com/NEi3vDP.jpg" width="80"></div>|<img alt="" src="https://i.imgur.com/4uw830X.jpg" width="80">|<img alt="" src="https://i.imgur.com/oqux9d1.jpg" width="80">|<img alt="" src="https://i.imgur.com/IhwBlxg.jpg" width="80">|
+
 ## 参照
 
 [jiyuujin](https://yuma-kitamura.nekohack.me/) 自ら Zenn の「Vue・Nuxt 情報が集まる広場」というパブリケーション上で、記事 [Vue Fes Japan 2024 ウェブサイトのシェア URL で遊んでみよう](https://zenn.dev/comm_vue_nuxt/articles/vuefes-2024-waiwai) を書かせてもらいました。

apps/web-docs/screen-design.md

@@ -0,0 +1,27 @@
+# 画面設計
+
+## デザイン
+
+### 基本
+
+| basic | speaker | event | timetable | sponsor | namecard |
+|:----|:----|:----|:----|:----|:----|
+|<div style="display: grid; gap: 8px;"><img alt="" src="https://i.imgur.com/oS5d6xB.jpg" width="80"><img alt="" src="https://i.imgur.com/YroymXn.jpg" width="80"><img alt="" src="https://i.imgur.com/jzRv7aF.jpg" width="80"><img alt="" src="https://i.imgur.com/59AAAN6.jpg" width="80"></div>|<img alt="" src="https://i.imgur.com/dqymJqm.jpg" width="80">|<img alt="" src="https://i.imgur.com/x0yZ0jm.jpg" width="80">|<img alt="" src="https://i.imgur.com/WKcv8vr.jpg" width="80">|<img alt="" src="https://i.imgur.com/0XNkiKU.jpg" width="80">|<div style="display: grid; gap: 8px;"><img alt="" src="https://i.imgur.com/00847rn.jpg" width="80"><img alt="" src="https://i.imgur.com/jY1vBXv.jpg" width="80"><img alt="" src="https://i.imgur.com/NGFqTq6.jpg" width="80"></div>|
+
+### 販売促進
+
+| ticket | store |
+|:----|:----|
+|<img alt="" src="https://i.imgur.com/nOpIivt.jpg" width="80">|<img alt="" src="https://i.imgur.com/3HhUFAR.jpg" width="80">|
+
+### ヘッダー画像
+
+[Figma](https://www.figma.com/design/49UHvnAcu9qvBnn6GdQDXl/OGP-PRs?node-id=76-2&node-type=frame&t=xu1JiHhpH1m4tc6h-0) にまとめています。
+
+![](https://i.imgur.com/kpZdYv8.png)
+
+:::details トップページのヘッダー画像
+
+![](https://i.imgur.com/UKjtHYr.png)
+
+:::