Vue Fes Japan 2024放浪記

Posted at 2024-10-20

導入

こんにちは。もんすんです。
今回は先週の土曜(2024/10/19)に開催されたVue Fes Japan 2024に参加してきましたので、その体験記を書いていきます。

まだ理解浅い部分があるので、暖かい目で見守ってください。

Vue Fesの当日まで

私は、会社のプロジェクトでVue.jsを利用しています。これまで、モバイルアプリやバックエンド開発が畑だったので、フロントエンドのカンファレンスに参加するのは今回が初めてでした。

チケット購入

日本Javaユーザーグループが開催するJavaのカンファレンスには参加したことはありますが、こちらは参加費が無料であるのに対し、Vue Fesは、

参加費: 8,000円
アフターパーティ付き: 11,000円

と有料で、しかも、高額なので、参加するかかなり悩みました。
......
...というのは嘘で、会社の福利厚生で、一銭も個人で支払うことなく、「アフターパーティ付き」のチケットを購入することができました！！
サラリーマン万歳！！👨‍💼🎉

ネームカード登録

さて、チケット購入後、次はネームカード登録です。
Vue Fes Japanでは、事前にWeb上で作成しておいた自分のアバター＋名前入りのネームカードが会場でもらえます！
やはり、バックエンドよりフロントエンドの方が、こういった視覚的にワクワクする取り組みが活発化されている感じがしました。

ネームカード以外にも、当日会場では、クリエイティブボードが設置されており、参加者は自由にボードにお絵かきが出来たり、タトゥーシールがあったり、フリードリンク＆スナックがあったりとワクワクする要素があるとのこと。
実際現場がどうだったかは後述します。

当日がめちゃくちゃ待ち遠しいです(でした)😋

Vue Fes Japan当日

受付

受付はとてもスムーズでした。
事前にQRコードを用意しておくと、会場の入り口でスタッフさんの指示に従って、タブレットにかざすだけで、受付完了しました。
その後、スタッフさんから案内パンフレットを、ネームカードコーナーで自分のネームカードを受け取りました。

クリエイティブボード

クリエイティブボードは既に多くの方からのメッセージや絵で溢れていました。
私の絵の才能は壊滅的なので、初参加である旨だけ書きました笑

朝10時くらい
18時くらい(ちょっと加工したので歪んでますが。)

赤い矢印の所に私のメッセージがあります！

Vue Fes Storeとタトゥーシール

Vue Fesでは、オリジナルグッズが販売されています。エンジニアホイホイのオリジナルTシャツもあります。
事前にWebから予約注文出来たのですが、私はリアルを大切にするので、当日会場で購入する事にしていました。
......
...嘘です。
普通に予約注文の期日を忘れていただけです。

Vue Fes Storeは会場の1階にありました。
今回、私は、Tシャツとkawaiiロゴステッカーを購入しました！
どちらも可愛らしい見た目で大満足です。
Tシャツは出社のタイミングで着ていきます！！笑

また、同じく会場の1階には、タトゥーシールやネイルシールを貼れるコーナーがあり、私もこんな感じにタトゥーシールを貼って、Vue Fesを楽しんできました。

カンファレンス

さて、ここが本題のカンファレンスの登壇内容に関するお話です。

Evan氏の登壇について

今回のVue Fes Japanには、Evan You氏が登壇されていました。彼は、VueとViteの開発を行っています。
朝イチの登壇と午後の「次世代フロントエンドクロストーク」の2度お話されていました。

その中では、主に、今後Viteの中で利用されるバンドラやパーサーやLinterなどの統一化を図り、ツールチェーンを構築することで、よりフロントエンド開発を効率よく行えるようにしていこうとしていくというお話がありました。
具体的にはViteの中にRolldownやoxcを導入させ、それらを利用していくというものでした。

私は、現状のフロントエンド開発に明るくないため、詳細は割愛しますが、これらはRustで開発されており、現行の物よりもパフォーマンスも改善されるとのことでした。

自分自身、Webアプリを開発することに目がいきすぎており、ViteもRolldownもoxcも全然理解できていないことに気づかされました。
逆にそれらに対する興味もわき、大変良い機会になりました。

Vaporモードについて

Vaporモードに関する話は、株式会社スタディストのShimamoto氏の登壇でお聞きしました。

Vaporモードとは、Vue.jsにおいてexperimentalとなっている機能で、仮想DOMを使用しないコンパイル戦略です。
VaporモードがOFFの場合、つまり、従来のVueにおいては、変更前後の仮想DOMツリーの差分によって実DOMを更新します。一方、VaporモードがONの場合、その仮想DOMを使用しないことで、ランタイム時のパフォーマンスを実現できます。

実際のプロジェクトを利用したところ、スクリプティングにおける速度が2倍に改善されたとのことでした。
かなり期待できる機能のようです。

登壇駆動

また、Vaporモードからは話が逸れますが、Shimamoto氏は、「登壇する」ことが決まったことで、技術や知識を整理するという登壇駆動で動くことができたと仰っていました。

私は社内のLT企画等では発表する事はありましたが、未だに外部での登壇経験はないので、今後登壇経験をつけていきたいと感じました。

Viteの内部処理について

こちらは、Vue.js 日本ユーザーグループコアスタッフでUnJSメンバーのIkuta氏の登壇内容になります。
Viteは開発サーバーとしてアプリを起動させることができますが、その際の内部処理についてのお話でした。

Viteでサーバー起動する際の動きについて、ステップバイステップで説明されていました。

特に、ブラウザとDisk(自分のPC)の間でtransform処理が走って、リクエストをハンドリングしていることが頭に残っています。
正直Viteの内部処理は意識したことなかったので、大変勉強になりました。
ただ登壇時間の都合で途中までしかプロセスが分からなかったのが、惜しかったです。
続きは、Ikuta氏の他の登壇資料や公式の情報などを読んでいきたいな、と思いました。