Vue未経験者がいく Vue Fes 2025 参加レポート

2025年10月25日(土)に開催されたVue Fes Japan2025へ参加してきました！！！

はじめのはじめに

汚い文章でごめんなさい！！！

はじめに

Vue.jsを業務で使ったことがない私ですが、学生支援制度があるということをXにて知り、フロントエンド周りの知見を広げたいと思い申し込みました。

学生支援制度

Vue Fes Japan 2025 学生支援制度募集開始のお知らせ
学生支援制度に申し込むことで得られるサポートは以下のようなものです。
本当にありがたいです。

• Vue Fes Japan 2025 のチケット代（アフターパーティー含む）の全額補助
• 交通費・宿泊費の補助（上限あり）
• Vue Fes Japan 2025 当日の学生限定セッションとランチ
• Vue.jsコミュニティメンバーとの交流セッション

これほど大規模なカンファレンスは東京で開催されることが多く、福岡に住んでいる私は交通費だけでも大きな負担となるため、支援がなければ参加が難しかったので、今回このような支援をいただき、参加できることを大変嬉しく思います。

イベント概要

本イベントではVue.jsのみの知識ではなくフロントエンド周り全般の知識も取り扱っており、普段Reactばかりの私でも十分に楽しめるカンファレンスです。
実際、Vueだけではなくフロントエンドの基盤となっているViteなどの話も多くあり楽しむことができました。

参加したセッション

最大4つのセッションが並列して実施されておりどのセッションも気になるものばかりでした！
私が参加したセッションは以下にまとめました
結構参加できたかなと思います

参加したセッション

• オープニング
• キーノート
• webpack 依存からの脱却！快適フロントエンド開発を Vite で実現する
• Storybook 駆動開発で実現する持続可能な Vue コンポーネント設計
• 学生セッション
  • LINE 公式アカウントの技術スタックと開発の裏側
  • プレイドのユニークな技術とインターンのリアル
  • Vue.js を 8 年間使ってきた会社が今考えていること
  • kazupon が見つけた才能たち ─ Vue.js そして OSS エコシステムを変える開発者発掘術
• 企業ブース周り(18ブースほど)
• Inside Vitest: テストフレームワークアーキテクチャの詳細解説
• Vue で 3D を楽しむ
• New Vue：サーバーサイドで動く WebAssembly/WASI プラットフォーム
• フロントエンドの未来を語る ─ React/Vue.js/Svelte が見据える次の 10 年
• Introducing Vite DevTools

オープニング

オープニングもアニメーションがおしゃれでワクワク感半端なかったです！
また、外国のスピーカーの方が多く英語面で不安があった中での参加でしたが、同時翻訳を画面に映してくれておりなんとか理解することができました。英語の勉強をせねば...

キーノート | Evan You

webフロントエンドの知識が自分自身にそこまで足りていないこともあり、完全な理解をすることは難しかったですが、Vite＋など次世代のツールの話をされてたと思います。複数のツールが統合されている？ようで激アツです！

webpack依存からの脱却！快適フロントエンド開発をViteで実現する

• スピーカー: 神戸伸晃さん (弁護士ドットコム株式会社)
• 内容: 10年続くサービス「クラウドサイン」のフロントエンドを、webpackからViteへ移行した話。ビルド時間90秒、開発サーバー起動90秒、HMR4秒という課題をVite移行によって解決し、開発体験を向上させた事例
• 感想:
  • 10年選手のレガシーと戦う話、とても共感できた
  • GoのRevelにVueをマウントしている構成が興味深かった
  • ビルド時間やHMRの速度改善が劇的で、Viteの威力を再認識した
  • Viteが速いという話は聞いていたけれども、数値として出されるとさらに移行するメリットを感じられた

Storybook駆動開発で実現する持続可能なVueコンポーネント設計

• スピーカー: 矢光 隆太郎さん (ユニークビジョン株式会社)
• 内容: Storybook駆動開発(SDD)を実践することで、手戻りや認識のズレをなくし、品質を向上させる話
• 感想:
  • 開発時間の1/4をStorybookに充てるという話が印象的だった
  • LLMフレンドリーなコンポーネント設計という視点が新しかった

学生セッション

LINE 公式アカウントの技術スタックと開発の裏側

• スピーカー: 佐野 友亮(LINEヤフー株式会社)
• 内容: LINEヤフーの技術スタックやVue.js利用の工夫・流れの話。Custom Elements Manifestを使ったVue.jsの利用
• 感想:
  • LINEヤフーについて名前は知っていましたが技術スタックなど詳しい内容は知らなかったので会社を知るきっかけになった
  • Custom Elements Manifestを利用することで工数が減って嬉しいという技術的工夫が良いと感じた

プレイドのユニークな技術とインターンのリアル

• スピーカー: 片山拓海さん(株式会社プレイド)
• 内容: KARTEというサービス・システムの紹介など
• 感想:
  • アーキテクチャを見せてもらい、フロントのみならず全体の雰囲気感も知れました

Vue.js を 8 年間使ってきた会社が今考えていること

• スピーカー: 齊藤広野さん(Studio株式会社)
• 内容: storeの管理について、どこまでstoreとして持たせるのか？
• 感想:
  • 普段そこまで大規模開発・長期開発にならないため意識しすぎない部分が企業規模感になるとだいぶ負債になってしまうこともあるので、今のうちに小さな規模のプロダクトでもその感覚を養えるようにしていきたい

kazupon が見つけた才能たち ─ Vue.js そして OSS エコシステムを変える開発者発掘術

• スピーカー:

  • kazuponさん(株式会社プレイド/Vue.js コアチームメンバー)
  • ubugeeeiさん(株式会社メイツ/Vue.js メンバー)
  • Anthony Fuさん(NuxtLabs / Vercel/Vue・Nuxt・Vite コアチーム)
  • Naoki Habaさん(株式会社コドモン/ソフトウェアエンジニア)

• 内容: OSS活動についてのトーク。kazuponさんに出会ってからさらにOSS活動をしていった流れの話。主にOSS活動についてトークをしました。どうやってOSS活動をしていくのか？VueFesJapanの裏、OSS活動に置いての最初の一歩など

• 感想:

  • 個人的にOSS活動はとてもハードが高く、社会人エンジニアとコードで同じ土俵に立つ行為だと思っていて自分なんかじゃそんなハードルを越えられないと感じていた
  • 実際にはそんなイメージじゃなくて楽しくやっていた
  • 自分のためにやってたことが人のためにもなるというイメージ
  • 最初の一歩としてカンファレンスに行くと繋がりができて良い！
  • あとはTwitterで呟くと界隈の人は見てくれる

企業ブース

お昼が終わってからしばらく企業ブースを周りました！
企業ブースではプラチナ・ゴールドスポンサー合わせて24社が2部屋でブースを出していました。
合わせてスタンプラリーが実施されており、特定の企業を回るごとに１回ずつぐじを引くことができ、ノベルティや充電スタンド・電気毛布などがいただけるようになっていました。
私が行った時には参加賞がペンしか残っていなかったので引く前にはちょっと残念だなぁと思っていたのですが、なんと3等の充電スタンドが当たりとても嬉しいです！
大事に使います！

各スポンサーごとに様々なゲームやアンケートなど様々な企画を用意してあり、

また、全部は回りきれていないのですがノベルティがたくさんもらえ、荷物がパンパンになってしまいました...
普通に便利なものも多く本当にもらっていいのかなと思えるくらいもらえました！

Inside Vitest: テストフレームワークアーキテクチャの詳細解説

• 内容: JestからVitestへの移行や、Vitestのライフサイクルについての話
• 感想:
  • Vitest 4がリリースされたばかりというホットな話題だった
  • Orchestration, collection, Execution, Reporting というライフサイクルの説明が分かりやすかった

Vueで3Dを楽しむ

• スピーカー: Thorsten Lünborg (Todde) さん
• 内容: VueとThree.jsを組み合わせてWebで3D表現をする話。3Dシーンの構造、ツーリング、パイプラインについて解説があった。プロダクトを3Dで表現することで、ユーザーがインタラクティブに製品をカスタマイズできるといったユースケースが紹介された
• 感想:
  • 個人的に今取り組んでいることと近くて参考になる部分もあった
    • Three.jsなど
  • ライブ投票やリアルタイムな絵文字のリアクションを取り入れたセッションが新鮮で楽しかった
  • モデル読み込みのキャッシュ問題など、実践的な内容が多くて参考になった
  • 自身が作成したというブラウザゲームのコンセプト紹介もあり、クリエイティブで面白いセッションだった

フロントエンドの未来を語る ─ React/Vue.js/Svelte が見据える次の 10 年

• スピーカー: Anthony Fuさん
• 内容: Viteのための新しい開発者ツール「Vite DevTools」の紹介。Viteの内部状態を可視化し、デバッグを容易にすることを目的としている。モジュールの依存関係グラフ、バンドル内容の分析、各プラグインのパフォーマンスなど、多くの機能が紹介された
• 感想:
  • Anthony Fuさんの日本語でのプレゼンが素晴らしかった
  • Vite DevToolsの拡張性の高さに驚いた。Vue DevToolsのように、他のフレームワークも独自のDevToolsを構築できるという構想は夢がある
  • node_modulesの中身を可視化するnode_modules-inspectorなど、個人プロジェクトから公式ツールになるまでの話も面白かった

Introducing Vite DevTools

• スピーカー: Evan Youさん, Dan Abramovさん, Dominic Gannawayさん
• 内容: Vue, React, Svelteの作者たちが、AI時代のコーディング(Vibe Coding)やフレームワークの設計思想、フロントエンドエンジニアに求められるスキルの変化などについて語り合うセッション
• 感想:
  • Vibe Codingに対する各作者の考え方の違いが面白かった。手書きのコードを好むDominicさん、AIを管理するスキルが重要と語るEvanさん、両方の側面があるというDanさん、三者三様の意見が聞けた
  • AIはペアプログラマーやコンサルタントとして活用し、退屈なタスクを任せるという考え方に共感した
  • 「質の悪いアプリケーションはもういらない、質の良いアプリケーションが必要だ」というDominicさんの言葉や、「基礎を理解し、他の人のVibe Codingを修正できるようになれば、多くのチャンスを手にすることができる」というEvanさんの言葉が心に残った

会場の雰囲気

会場の様子、ブースの展示、他の参加者との交流など、現地の雰囲気を伝えます。
特に、Vue.jsコミュニティの熱気や、参加者の多様性について触れたいです。

まとめ

Vue Fes Japan 2025に参加してみて、周りがReactばかりで日本でVueってそこまで盛り上がってないのかな？って思ってましたがそんなことはなくVueコミュニティの熱気を感じられる空間でした
また、国際的なカンファレンスはおしゃれだなと感じました！
この規模感が初めてだったのはあるんですがカンファレンスでタトゥーシールとか縁日とかフェス感が強かったですね

来年も行きたいです！

余談

帰りにoasisのライブ会場前に寄りました(宿の最寄りが近かったため)
大型の祭に1日で2つも関われてハッピー