イベントレポート

Vue Fes Japan 2024に参加してきました 🙌

2024.10.22

こんにちは、エンジニアの Pikichan ( @crew54101702 ) と、デザイナーの安西です。

先日、合同会社Steg がブロンズスポンサーとして協賛する Vue Fes Japan 2024 に参加してきました!

Vue Fes Japan とは?

Vue Fes Japan とは、2018年に誕生した日本最大級の Vue.js カンファレンスです。

5年ぶりのオフライン開催となった Vue Fes Japan 2023 では、600名近くの方が参加し、2024年の今年も多くの方が参加しました。

また、国内外問わず多くのスピーカーによるセッションや、Vue.js作者の Evan You 氏、Boshen Chen 氏をゲストスピーカーとしたクロストークイベントなど、Vue.js や周辺のエコシステムの最新の動向を体感できる場となっています。

参加したセッション

  • VueとViteで作るUIコンポーネントライブラリ -デザインシステムとプロダクトの理想的な分離を目指して- by 辻 佳佑

  • IT未経験者をVue.jsで開発できるITコンサルタントに育てあげる秘訣 - フューチャーの新人研修の取り組み by 永井 優斗 / Yuto NAGAI

  • AIとともに歩んだライブラリアップデートの道のり by 中上 裕基

  • フロントエンドエンジニアのいない組織でVue.jsを導入するまで by Yuhei FUJITA

  • 普通のエンジニアが頑張って30万行のNuxt3バージョンアップした話 by こん

  • 次世代フロントエンドクロストーク by Evan You / Boshen Chen / 太田 洋介 / Sosuke Suzuki / unvalley / Kia King Ishii(通訳兼ファシリテーター)

  • 2万ページのSSG運用における工夫と注意点 by まぁし / 知念

  • Vue3の一歩踏み込んだパフォーマンスチューニング2024 by Hal

  • Nuxt UI Pro、NuxtHub、Nuxt Scripts、Nuxtエコシステムをふんだんに利用して開発するコーポレートサイト by GANGAN

セッション感想 (ピックアップ)

1. 次世代フロントエンドクロストーク

by Evan You 氏 / Boshen Chen 氏 / 太田 洋介 さん / Sosuke Suzuki さん / unvalley さん / Kia King Ishii さん(通訳兼ファシリテーター)

次世代フロントエンドクロストーク
次世代フロントエンドクロストークの様子

次世代フロントエンドクロストークでは、JavaScript やフロントエンド開発のエコシステムの未来と最新動向に焦点を当てた議論を聞くことができました。

特に、Vue.js 関連のエコシステムにおいて、Vite で使用されているRollupをRustで再実装するプロジェクトが進行中である背景から、なぜ今JavaScriptのエコシステムのRust化が進んでいるのか?というテーマで議論が繰り広げられました。

トーク内容もそうですが、Kia King Ishii さんの少し面白く、流れるようなファシリテーション、そして3分以上マシンガントークしたであろうEvan氏の発言を見事に翻訳する姿に圧倒されました。笑

2. AIとともに歩んだライブラリアップデートの道のり

by 中上 裕基 さん @nakagam3 (株式会社リンクアンドモチベーション)

Vue2 で負債となったコンポーネントやコードの修正を、aider を活用して解決しました!という内容でした。

現在は、Cursor などのAIを搭載しているエディターがよく知られていますが、超大量の修正を効率よくできるという点で aider を選んだそうです。

テストコードを自動生成させるための工夫点として、以下が挙げられました。

  • 必要とするテスト観点を決めること
  • 自動テストの結果から「学んで」修正させること

特に2つめの、テストでエラーになった箇所をフィードバックさせて更に学習させるといったフローは、非常に効果的な仕組みだと感心しました。

3. Vue3の一歩踏み込んだパフォーマンスチューニング2024

by Hal さん @hal_spidernight (SBI日本少額短期保険株式会社)

本セッションでは、登壇者のHalさんが所属されているSBI日本少額短期保険株式会社で、実際に使用されているシステムのチューニング内容について紹介されました。

データが複雑かつ大容量になると、すべてのデータをリアクティブに格納・監視することで遅延が発生します。そのような事態に直面した際に、どのように遅延を解消するかについての解説が凝縮されていました。特に、Vue2での対応方法や、Vue3で新たに可能になったリアクティブ要素やレンダリングの制御に関する情報が参考になりました。

Vue Fes Japan 2024 のコンテンツを紹介

クリエイティブウォールに Steg のロゴを書きました

クリエイティブウォールにStegのロゴを書きましたクリエイティブウォールにStegのロゴを書きました
Stegのロゴを制作したデザイナーが、どの書き込みよりも真ん中に書きました……!笑

カンファレンスの定番、企業出展ブース

カンファレンスの定番、企業出展ブース

【お気に入りノベルティ紹介①】弁護士ドットコムさん( https://www.bengo4.com/ )のクリーナー

弁護士ドットコムさんのクリーナー
「dokka ike hokori」って可愛い……(一瞬Dockerコマンドかと思いました笑)

【お気に入りノベルティ紹介②】PLAIDさん( https://plaid.co.jp/ )のサウナハット

PLAIDさんのサウナハット
よくサウナに行くので嬉しいです!

Vue Fes Japan 特製タトゥーシール

Vue Fes Japan 特製タトゥーシール
Vue と Nuxt のロゴのタトゥーシールを貼ってみました!

ネームカードとランチのお弁当

ネームカードとランチのお弁当
ネームカードは、Stockmarkさん協賛です。

AFTER PARTY supported by GMOインターネットグループ

Vue Fes Japan 2024 最後のコンテンツであるアフターパーティーの様子をお届けします!

立食形式で、Vue Fes Japan 限定カクテルなど美味しいお酒や、美味しい料理の数々、さらに寿司屋台まで…

飲んで、食べて、色んな方とお話をして、幸せな時間でした!

アフターパーティーで乾杯
アフターパーティー乾杯(Evan You氏 / kazuponさん)
UnJSの作者、NuxtコアチームであるPooya Parsa氏 と 記念写真!
UnJSの作者、Nuxtコアチームである Pooya Parsa 氏と記念写真!
Piniaカクテル
Piniaカクテル
ビュッフェの料理
ビュッフェの料理
職人さんが握るお寿司!!
職人さんが握るお寿司!!
kazuponさんによる閉会挨拶
kazuponさんによる閉会挨拶
アフターパーティー参加者みんなで集合写真!
アフターパーティー参加者みんなで集合写真!

おわりに

今回 Steg が Vue Fes Japan 2024 にブロンズスポンサーとして協賛したこともあり、初めて参加しました!

一日を振り返ってみれば、Vueコミュニティの活気と熱量に終始圧倒されていました。

アフターパーティーでは多くの方とお話する機会があり、皆さん口々に「非常に刺激を受けた」「もっと勉強したい」と仰っていました!

既に積極的に活動している方も、これから頑張ろうとしている方も、さらに刺激を得られるようなイベントだったと思います!

アフターパーティーの最後に、Vue Fes Japan 2025 開催予定との告知がありました。

ぜひ来年も参加したいと思います!(それまでにインプットたくさんしとこっと……)