Vue Fes Japan 2023参加レポート

皆様こんにちは。クラウドソーシングサービス「クラウドワークス」（以下crowdworks.jp）にてエンジニアをしております@okuto_oyamaです。今回は、10月28日に開催されたVue Fes Japan 2023の参加レポートをお届けします。

久々のオフライン開催

2018年以来、台風や新型コロナウイルスの影響でオフラインでの開催が叶わなかったVue Fes Japanが、今年ついに対面でのカンファレンスとして戻ってきました。昨年は完全なオンライン形式で開催されましたが、久々にオフラインのイベントに参加できたのは、感慨深いものがありました。

フロントエンドの大規模カンファレンスへの参加が久しぶりだったので、多くの人々が集まる様子、各企業のスポンサーブースでの交流、ランチセッションなど、オフラインならではの体験ができたことはとても懐かしく感じました。

同時通訳スポンサーの協賛

今回、株式会社クラウドワークスは「同時通訳スポンサー」として協賛しました。

弊社 @CrowdWorksjp も協賛しております！
今年の Vue Fes Japan 盛り上げていきましょう🙌 #vuefeshttps://t.co/swmHo0imWg pic.twitter.com/fwk27a1GJB

— オオヤマ オクト (@okuto_oyama) July 10, 2023

Evan Youをはじめとする英語を話す登壇者の発表を、日本語と中国語にリアルタイムで通訳するサービスが提供されていました。オフラインでの登壇という形式で行われたリアルタイム発表は、英語が苦手な方々にも理解しやすいよう配慮されていたため、大変ありがたく感じました。

#vuefes おつかれさまでした。同時通訳用に各席にイヤホンが用意されてて、原語でも翻訳でも好きな方を聴けるの良かったです pic.twitter.com/WHByHEcE2G

— miyaoka (@miyaoka) October 28, 2023

3名の社員が発表・登壇

以前告知ブログでお伝えした通り、弊社のエンジニア、@t0yohei、@yamanoku、そして@53ableがそれぞれ登壇し、発表を行いました。

@t0yoheiは「Vue.jsを使ってGrid Systemを実装した話」というテーマで発表しました。

crowdworks.jpのデザインシステムにおけるコンポーネントライブラリではGrid Systemのアプローチを取り入れたコンポーネントを開発しており、その実装方法についてライブコーディングを交えて紹介しました。

@yamanokuは「画面遷移から考えるNuxtアプリケーションをアクセシブルにする方法」について発表しました。

画面遷移から考えるNuxtアプリケーションをアクセシブルにする方法

クライアントサイドのルーティングで起こる画面遷移のアクセシビリティの問題点を、スクリーンリーダーを使用したデモを通じて指摘し、解決策の実装方法を紹介しました。

@53ableは「SOLID原則に基づくSFC実装」というテーマで登壇しました。

SOLID 原則に基づくSFC 実装 - Slidev

SOLID原則の各項目をVue.jsのSFC（Single File Components）でどう実現しているかについて解説しました。これは私たちのVue.js実装においても、原則に沿った手法を採用していることから得られる洞察でした。

パネルディスカッションでは、@yamanokuが参加し、Vue.jsの導入がもたらした各社でのよかった点や、これからのエコシステムへの期待について話しました。

余談ではありますが、登壇者控え室でSebastien、Daniel、Anthonyといった著名な参加者たちと同席した時の緊張感も、個人的には際立った思い出でありました。

Vue.jsコミュニティ発で広がってきた多様なセッション

Vue Fes Japan 2023では、Vue.js、Vite、Nuxt.jsなどVueコミュニティから生まれたOSSに関する発表も目立ちましたが、Vue.jsに限定されない様々なセッションが行われたことが特に印象的でした。

Vue.jsのLanguage ToolであるVolar.jsは現在、Astroのコアコミッターも参加してAstroでも使用されていること¹、Viteを基にしたJavaScriptのマルチスレッド処理に関する発表があったこと²、デスクトップアプリケーションでのVue.jsの使用例³や、SvelteでのESLintプラグインでの実装アイデアをVue.jsのESLintプラグインでも応用できないか考えられていること⁴などの発表がされていました。

また、ViteはSvelteKitやRemixでのサポートが広がっており、ViteのSSRプラグインプロジェクトであるVikeを通じてReact.jsほか各種フレームワークのSSRにも対応しています。

Nuxt.jsにおいては、UnJSというJavaScriptユーティリティライブラリを中心に構築されており、Vue.jsやNuxt.js特有の環境でのみ動作するわけではなくなっていることが示されました⁵。

Vue Fes Japan 2023を終えて

アフターパーティーの後、Evan Youによる一本締めでVue Fes Japan 2023は締めくくられました。

Evanの一本締めでアフターパーティー終了‼️
ありがとうございました❗️#vuefes pic.twitter.com/5LZvpD19yn

— Vue Fes Japan (@vuefes) October 28, 2023

2018年に初めてVue Fes Japanに参加して以来、2022年のオンラインカンファレンスと、今年のオフラインカンファレンスにも参加しました。発表以外においても毎年参加者が楽しめるようなコンテンツがあり、登壇者としても参加者としても、クオリティの高いカンファレンスで充実した時間を過ごせました。

そんなカンファレンスを今年も運営してくれたVue.js日本ユーザーグループとボランティアスタッフの皆さんに心から感謝を申し上げます。

今回、株式会社クラウドワークスではスポンサーと社員3名による登壇・発表でVue.jsコミュニティに貢献することができました。引き続きVue.jsとそのエコシステムを活用した開発とそこから得られた知見を通じて、コミュニティやOSSへの貢献を続けていきたいと思っています。

ここまでご覧頂きありがとうございました。来年のVue Fes Japanも楽しみにしています！