Slide 1

Slide 1 text

非公式Vue Fes Japan 2026タイムテーブル解説会 Vue Fes Japan 2026 タイムテーブル徹底解説 Vue.js日本ユーザーグループ | 2026.09.15 TUE | #VueFesPre2026

Slide 2

Slide 2 text

沖 良矢 @448jp おき よしや ⚫ 合同会社世路庵 代表 ⚫ Vue Fes Japan全体統括 ⚫ インタラクションデザイナー

Slide 3

Slide 3 text

川口 和也 @kazu_pon かわぐち かずや ⚫ Vue.jsコアチームメンバー ⚫ Vue Fes Japanオーガナイザー ⚫ Vite+チームメンバー ⚫ VueI18n/Intlify/Gunshi作者

Slide 4

Slide 4 text

聞きたいことは…… Q&A 会場は挙手で オンラインはYouTubeのチャットで 答えきれない分は懇親会 #vuefriends で

Slide 5

Slide 5 text

目次 1 Vue Fes Japan 2026とは 2 セッションをテーマ別に観る 3 タイプ別モデルルート 4 セッション以外の楽しみ方 5 質問と締め

Slide 6

Slide 6 text

アンケート 1. どこから来ましたか? 2. Vue Fes Japanは初参加? 3. Vueを使っている?

Slide 7

Slide 7 text

1 Vue Fes Japan 2026とは Overview

Slide 8

Slide 8 text

日大フンンカンファレンス Vue Fes Japan 2026 日時:2026年10月24日(土) 開場9:00 オープニング10:00 アフターパーティー18:00〜19:30 会場:大手町プレイス ホール&カンファレンス(東京・大手町) 大手町駅A5出口直結、東京駅から徒歩7分

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

1 Day, 4 Tracks ウェルネス×hacomonoトラック Vueトラック サイボウズトラック メドピアトラック 10:00〜10:50 オープニング・キーノート 10:55〜11:25 プラチナスポンサーセッション 11:25〜12:50 ランチタイム 11:40〜11:45 ランチセッション 12:50〜15:35 セッション 11:30〜12:30 学生支援セッション 12:50〜14:50 ハンズオン 15:05〜15:35 セッション 15:50〜16:50 パネルディスカッション(2本) 15:50〜16:20 セッション 16:35〜17:50 ライトニングトーク 16:55〜17:25 セッション 18:00〜19:30 アフターパーティー 16:35〜17:50 セッション

Slide 11

Slide 11 text

会場マップ 2F 1 1F 2 2 4 3 4 3 1 ホール:ウェルネス×hacomonoトラック、Vueトラック 2 ルーム:サイボウズトラック、メドピアトラック 3 スポンサーブース 4 休憩・充電スペース キーノート、パネルディスカッションを実施する大会場 2部屋に全20社、豪華景品が当たるシールラリーあり セッション、LT、ハンズオン、ランチなどを実施する中会場 Ask the Speakerも実施

Slide 12

Slide 12 text

数字で見るVue Fes Japan 2026 セッション・LT 39 スピーカー スポンサー 38 61 完売! 名 スポンサーブース ハンズオン 20 社 学生支援制度 名 10 44 本 2025年の参加者 800 海外からのスピーカー 社 Evan Youほか 44 完売! 名 席 2018年の初開催から 名超 9 年目

Slide 13

Slide 13 text

2 セッションをテーマ別に観る This year's themes

Slide 14

Slide 14 text

テーマ1 ツールチェーン Astro is the new WordPress プラチナ 11:15 hacomono AstroとRustで考えるフロントエンドツールチェーンの今 12:50 Vue Vite Task's Cache Magic 13:35 Vue Vite+への貢献と、Team Memberになって見えてきた風景 14:20 hacomono The Vue Toolchain, Reimagined 15:05 hacomono Vite+を爆速で社内のデザインシステムに導入してみた LT 16:35 サイボウズ Vite+のちょっとした改善から学ぶ、OSSコントリビューションの始め方 LT 16:35 サイボウズ Matt Kane(Cloudflare) jp-knj(プレイド) Charles Wang(VoidZero) Naoki Haba(アンドパッド) ubugeeei(メイツ) ぶりお hakshu

Slide 15

Slide 15 text

テーマ2 ブラウザの外へ(3D、XR...) Vueで書く 空間コンピューティング、TresJSとWebXR 14:20 Vue Vue.jsで作る空間解析アプリとCapacitorプラグインのData Bridge 15:05 Vue The Backend is Reactive: ブラウザの枠を超えるVue 15:50 サイボウズ Vue Fes Japan 2025のWebサイトをTresJSとTSL(WebGPU)で再現する 15:50 メドピア Web3Dライブラリを作ってVue Custom Rendererの仕組みを理解しよう LT 16:35 サイボウズ ブランドのためのWebGLアニメーション 仮 16:55 Vue 平沼真吾(GENEROSITY) Hal(LIXIL) Marc Backes(Directus) Alvarosabu(TresJS) にー兄さん(ホロラボ) 中野美咲

Slide 16

Slide 16 text

テーマ3 HTML・CSS・UI デザインを開発する〜Vueで実現するデザインプロセス改善〜 プラチナ 10:55 hacomono 契約で守るコンパウンドプロダクトのデザインシステム プラチナ 11:05 hacomono JSがこんなに減る!HTML・CSS最新技術2026 12:50 サイボウズ なぜそのUIアニメーションは気持ちいいのか? 13:35 サイボウズ Vue SFCから見直す正しいHTMLの守り方 14:20 サイボウズ Vapor Modeでアクセシビリティは壊れないか検証した話 LT 16:35 サイボウズ 竹井啓(リンクアンドモチベーション) 山口祐司(Dress Code) 池田泰延(ICS) Katashin(kinew) やまのく 福田繁之(mov)

Slide 17

Slide 17 text

テーマ4 設計、移行、意思決定 プラチナ クラウドサインを止めずにNuxtへ、次の10年のために先に決めたこと 篠田貴大(弁護士ドットコム) プラチナ コンポーネントのライフサイクルとグローバル状態の扱い方 矢光隆太郎(ユニークビジョン) 学生支援 新卒のキャッチアップコストから決めたNuxt 3移行 宮崎喬行(アイキューブドシステムズ) Type-Safe URLs Posva(Vercel) Nuxt ContentからOxContentへ、1000ページ超のブログ基盤刷新への挑戦 Yutaro Koizumi(アンドパッド) TanStack Query VueとPinia Coladaから学ぶ非同期状態の型設計 aoshi(ヤプリ) 決定的なフロントエンドアーキテクチャがいい 辻佳佑(弁護士ドットコム) 11:05 Vue 11:15 Vue 11:30 メドピア 12:50 hacomono 13:35 hacomono 15:05 サイボウズ 15:05 メドピア

Slide 18

Slide 18 text

テーマ4 設計、移行、意思決定 LT v-ifとフラグ地獄からの脱出 — Piniaで作る画面遷移ステートマシン northprint(ICS) LT 外国人エンジニアがVueプロトタイプで仕様を合わせている話 ノワン(ヤプリ) LT 結局Nuxt Layersって何ができて何が嬉しいの? ryuhei373(ノーススター) LT SFCで実現する病院・医療システムの動的組み立て式UI kouki.miura LT 便利で危険なDeep Reactivityとの付き合い方 キナ Vue.jsのGitHubから学ぶ意思決定 永井優斗(フューチャーアーキテクト) 型 なし、テストなし、 1万 行の ドメ インロジ ック が あ るVuexをPinia へ 移行する ushironoko(Studio) 16:35 サイボウズ 16:35 サイボウズ 16:35 サイボウズ 16:35 サイボウズ 16:35 サイボウズ 16:35 メドピア 17:20 メドピア

Slide 19

Slide 19 text

パネルディスカッション(今年は2本!) ウェルネス×hacomonoトラック 15:50〜16:50 パネリスト ファシリテーター JavaScriptエコシステムの 境界線を問い直す ツールと標準、プロジェクトとコミュニティの「境界線」を議論 Vueトラック 15:50〜16:50 Evan You 古川陽介 Alistair Smith Leo Kettmeir re-taro VoidZero リクルート/ ニジボックス Anthropic Denoland WinTicket パネリスト ファシリテーター サーバーサイドフレームワー クの未来を語る Nitro / Hono / Elysiaと辿る「過去・現在・未来」 軽量なパーツか、包括的な基盤か、AI時代の姿を議論 Pooya Parsa Yusuke Wada saltyaom Kia King Ishii Vercel Cloudflare Creatorsgarten Global Brain

Slide 20

Slide 20 text

3 タイプ別モデルルート Model routes by type

Slide 21

Slide 21 text

タイプ別モデルルート A 初心者 B 中級者 C 上級者 D クリエイター E 他フレームワーク派 HTML・CSSとデザインの基本から、Vueの周辺まで広く触れる 状態管理・型安全・移行事例から、実務の設計判断を学ぶ ViteやVueのツールチェーンの内側を深掘りする UIアニメーションからWebGL・WebXRまで、表現の技術を追う AstroやHTML、設計など、フレームワークを問わず役立つ話を聞く

Slide 22

Slide 22 text

ルートA 初心者 10:55 ウェルネス×hacomonoトラック デザインを開発する 11:05 契約で守るデザインシステム 山口祐司 11:15 Matt Kane Vueトラック サイボウズトラック 竹井啓 Astro is the new WordPress 12:50 HTML・CSS最新技術2026 13:35 UIアニメーション Katashin 14:20 やまのく 15:05 池田泰延 正しいHTMLの守り方 The Vue Toolchain, Reimagined ubugeeei TresJSとWebGPU 15:50 16:35 16:55 17:20 メドピアトラック Alvarosabu ライトニングトーク 10本

Slide 23

Slide 23 text

ルートB 中級者 10:55 ウェルネス×hacomonoトラック Vueトラック TBD クラウドサインをNuxtへ 11:15 矢光隆太郎 篠田貴大 グローバル状態の扱い方 12:50 Type-Safe URLs 13:35 OxContentへの刷新 Yutaro Koizumi 14:20 Naoki Haba 15:50 16:35 16:55 17:20 メドピアトラック Vercel 11:05 15:05 サイボウズトラック Posva Vite+への貢献 パネル:JavaScriptエコシステム Evan Youほか 決定的なアーキテクチャ 辻佳佑 Vue.jsのGitHubから学ぶ意思決定 永井優斗 VuexからPiniaへ ushironoko

Slide 24

Slide 24 text

ルートC 上級者 10:55 ウェルネス×hacomonoトラック Vueトラック TBD クラウドサインをNuxtへ 11:15 グローバル状態の扱い方 矢光隆太郎 12:50 AstroとRustで考える jp-knj 13:35 Vite Task’s Cache Magic Charles Wang 14:20 平沼真吾 15:50 16:35 16:55 17:20 メドピアトラック Vercel 11:05 15:05 サイボウズトラック 篠田貴大 TresJSとWebXR The Vue Toolchain, Reimagined ubugeeei パネル:サーバーサイドフレームワーク Pooya Parsaほか Vue.jsのGitHubから学ぶ意思決定 永井優斗 VuexからPiniaへ ushironoko

Slide 25

Slide 25 text

ルートD クリエイター 10:55 11:05 11:15 ウェルネス×hacomonoトラック デザインを開発する 竹井啓 Astro is the new WordPress Vueトラック サイボウズトラック クラウドサインをNuxtへ 篠田貴大 Matt Kane 12:50 HTML・CSS最新技術2026 13:35 Katashin 池田泰延 UIアニメーション 14:20 TresJSとWebXR 15:05 Hal 平沼真吾 空間解析アプリ 15:50 16:35 16:55 17:20 メドピアトラック TresJSとWebGPU Alvarosabu WebGLアニメーション 中野美咲

Slide 26

Slide 26 text

ルートE 他フレームワーク派 10:55 ウェルネス×hacomonoトラック 11:05 契約で守るデザインシステム 11:15 Matt Kane 12:50 Vueトラック TBD サイボウズトラック Vercel 山口祐司 Astro is the new WordPress AstroとRustで考える jp-knj 13:35 UIアニメーション 14:20 やまのく 15:05 15:50 16:35 16:55 17:20 メドピアトラック Katashin 正しいHTMLの守り方 決定的なアーキテクチャ 辻佳佑 パネル:サーバーサイドフレームワーク Pooya Parsaほか ライトニングトーク 10本

Slide 27

Slide 27 text

4 セッション以外の楽しみ方 Beyond the sessions

Slide 28

Slide 28 text

イベント紹介 2F 1 2 1F 1 3 5 2 6 5 4 1 休憩・充電スペース・Ask the Speaker・なんでも相談ボード 4 フォトスポット 2 フリードリンク&スナック 5 スポンサーブース+シールラリー 3 タトゥースペース 6 Vue Fes Store、お守り ひと休みしながら、付箋に書いた質問に会場の誰かが答えてくれます コーヒーやお茶、お菓子が無料。セッションの合間にリフレッシュ タトゥーシールを貼って、お祭り気分で1日を過ごせます 巨大オブジェが登場! OSSロゴのプロップスを手に記念撮影 シールを10枚集めるとハズレなしのくじ引き。最大2回挑戦できる Tシャツやパーカーなどの限定グッズ。隣にはお守りも

Slide 29

Slide 29 text

事前にやること ⚫ ネームカードの作成は本日(9/15火)23:59まで! ⚫ 公式サイトでマイタイムテーブルを作って共有する ⚫ チケットがアフターパーティー付きか確認 ⚫ Storeの予約締め切りは9月30日〜10月13日 ⚫ 行動規範を守りましょう

Slide 30

Slide 30 text

当日のコツ ⚫ 10:00からのオープニングムービーはお見逃しなく ⚫ 前方の席は意外と空いている。スピーカーの表情も見える ⚫ 感想や意見は、積極的にハッシュタグでポスト ⚫ 1階ルームの席数は、2階ホールの約1/3

Slide 31

Slide 31 text

人とつながる ⚫ アイコンと名前を入れたネームカードをつけよう ⚫ なんでも相談ボード(2F 休憩・充電スペース)は参加者で作るQ&A ⚫ Ask the Speaker、スポンサーブースは話しかけるチャンス ⚫ アフターパーティーでは勇気を出して話しかけて

Slide 32

Slide 32 text

5 まとめ Wrap-up

Slide 33

Slide 33 text

コミュニティが続き、 大きく成長していくには、 あなたの助けが必要です

Slide 34

Slide 34 text

シャイを言い訳にすることは 自己中心的な考え方である。 君の助けを必要としている 誰かのことが見えていない。 Kyle McDonald(2013)

Slide 35

Slide 35 text

あなたにできること 誰かとVue Fes Japanに来る 会社、コミュニティに共有する 体験を伝える

Slide 36

Slide 36 text

当日をお楽しみに!