「Vue Fes Japan 2025」に参加してきました

• 2025/10/25
• https://vuefes.jp/2025/

キーノート

Evan Youさん

• JabaSvriptのツールチェイン
  • これまではJavaScriptで作られてた
  • ここ数年はrustやgoなど
  • パフォーマンスが劇的によくなる
  • だがまだ断片的
  • 同じASTを使って実行できると効率的
  • Vite/Vitest/Rolldown/Oxc
• Oxlint
  • Type awareなlint
    • tsgolont
  • JSでプラグインが書ける
    • 速度と両立できる仕組みを作った
  • ESLintの50-100倍はやい
• OXfmt
  • 今はまだアルファ版
  • prettierの92%カバー
  • biomeより2-3倍はやい
  • prettierより45倍はやい
  • importソートやtaikwindのクラスソートなどできる
• Rolldown
  • esbuildよりはやい
  • rspackより3倍はやい
  • @angular/buidで実験的に使われてたり
  • fast magic-string trandforme
    • JS -> rustの転送が遅いのでできるだけrust側で処理したい
• Vite
  • 今はv7
  • RSCサポートしたり
  • Rolldownと組み合わせることで高速化
  • v8でフルバンドルモード
• Vitest
  • v4が出たところ
  • ブラウザモードがstableに
• Vite+
  • あらゆるツールチェーンが用意されている
    • build/lint/testなどなど
  • AgentMode
    • 速度/精度/効率性の向上
  • OSSの組み合わせなのでfreeでも使える
    • 有料はどういう内容？

VueとAIは相性が悪い？そんなの都市伝説です

中上 裕基さん(株式会社リンクアンドモチベーション)
https://speakerdeck.com/lmi/vuefes2025-link-and-motivation

• 生成AI使うならReactという風潮
  • (ReactっていうかJSXでは？)
• VueをAIコーディングで60%程度作っている
  • Figma MCPでコンポーネント生成
    • Supernova上にデザインシステムでそれのMCPも
    • ページ丸ごとではなくコンポーネントごとに作る
  • OpenAPIから通信系のコードを生成
    • API定義からAPIクライアント生成
    • レイヤーをどう区切るかをしっかり伝える
  • コードレビュー
    • 観点を明確に渡して見てもらう

OXCというOSSへの貢献と、その振り返り

杉浦 有右嗣さん(VoidZero Inc.)
https://leaysgur.github.io/slides/vuefes_jp-2025/

• Oxc
  • rustで書かれたTSツールセット
  • rustだけどjsから使える
• Oxcへのコントリビュート
  • 半年ROMることからスタート
  • issueを片っ端から見て学ぶ
  • rustが書けなくてもやれることがある
  • やり続けているとできるようになってくる

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

小川 浩志さん(VoidZero Inc.)

• Vitest
  • JavaScriptのテストフレームワーク
  • Jest互換なAPI
  • ESMやTSサポート
  • Viteプラグインのエコシステムによる拡張性
  • さまざまなランタイムでのテスト
• Vitestのアーキテクチャ
  • Orchestration
    • テスト対象のファイルを見つけてスケジュールする
    • ファイルシステムをサーチして見つけてくる
    • シングルトンなpoolに保持してスケジューリング
    • pool: "fork"
      • テストファイルごとにchild_processを作ってパラレルに実行
      • Vitestはこれがデフォルト
    • pool: "thread"
      • child_processよりはやい
    • ブラウザモード
      • テストファイルごとにiframeを作る
  • Collection
    • describe() や test() などを探してタスクツリーを作る
  • Execution
    • テストを実行してassert
  • Reporting
    • 結果をメインプロセスに集める
      • 結果がわかり次第送っていく
    • 分散される子どもはworkerだったりブラウザだったりするのでbirpcで共通化
    • Reporter API

rstoreとローカルファーストなストア構築の課題

Guillaume Chauさん(Directus Web アーキテクト)

• Store
  • アプリケーションのデータを管理する
  • 単一の情報源
• Rstore
  • アプリケーション内のすべてのデータを管理できるライブラリ
  • コレクションを定義してクエリやミューテーションを実行できる
  • プラグインベース
  • TSベース
  • フォームとの親和性
  • ローカルファーストなキャッシュ
  • 透過的にAPIを叩いてくれる
  • Websocketでのリアルタイム同期
  • オフライン対応と復帰後の同期

Vue.jsでつくる実験映像

橋本 麦さん(映像作家)

• 実験映像
  • 映像という技法や構造そのもので実験している作品
• コマ撮り
  • ニャッキみたいな静止画を何枚もつなげて動かす
• コマ撮りをするアプリ
  • WebAPIを使って撮影したり編集したりの管理ができるWebアプリをVueで作った
  • https://baku89.github.io/koma/

【パネルディスカッション】フロントエンドの未来を語る ─ React/Vue.js/Svelte が見据える次の 10 年

Evan Youさん
Dan Abramovさん
dominikgさん
Kia King Ishiiさん

• VibeCoding
• フレームワークの設計思想とAI
  • MCPでの情報の提供
    • Svelte MCP
    • llms.txt
  • Vue2からVue3の時AIも両方のコードを書いてて迷っていた
    • Vue4を出すとして大きな変化は起こさないように気をつける
  • コンポジションであること
    • 何かを変更したときにどこかが壊れたりしないように
    • 宣言的
  • AIがこれを見たらこれを実行するというセットを作る
  • フレームワークは小さくなっていくか
    • ガードレールとなるように多くを含むように
    • Vite+もそう
• フロントエンドエンジニアに求められるスキルの変化
  • 基礎を知っていなくても作れるようになる
    • コードがふくらんでいくとメンテできないものになってしまう