Vue Fes Japan とは
Vue Fes Japan は Vue.js 日本ユーザーグループが主催する日本最大の Vue.js カンファレンスです。
日本における Vue.js 開発者たちによる発表や、Vue クリエイター の Evan You や、 Nuxt.js・Vite などのコアコントリビューターの方たちも登壇されます。
昨年のオンラインカンファレンスを経て、今年は念願のオフライン開催が決定しました。
登壇情報
弊社からはクラウドワークスエンジニアの @t0yohei と @yamanoku と @53able それぞれ登壇いたします。
Vue を使って Grid System を実装した話
自社のデザインシステムを構築していくにあたり、Vue を使って Grid System を実装する機会がありました。Grid System の実装は CSS の media query における仕様上の問題もあり、中々上手く実装できないのが現状です。検討したいくつかの Grid System 実装パターンと、実際に採用したものをそれぞれのメリット・デメリットなど踏まえてお話しできればと思います。
メドピアトラックトラック（13:30 - 14:00）にて発表
画面遷移から考える Nuxt アプリケーションをアクセシブルにする方法
ブラウザ側で画面遷移を制御するクライアントサイドルーティングという手法はサーバーからの待ち時間を無くしスムーズにブラウジングできるようにして、画面遷移における認知負荷を減らす点で活用されています。 Nuxt 3.4 からは実験的に搭載された View Transitions API の設定でスムーズな遷移アニメーションが実現できるようになりました。 しかし、これらの手法は情報が正しく伝わるかどうかのアクセシビリティ観点から考慮が必要なものです。 本セッションでは、画面遷移時にどのように情報が伝わっているのか、Nuxt アプリケーションをよりアクセシブルにするためのアプローチを実装例を元に紹介します。
エムスリーやっていきトラック（13:30 - 14:00）にて発表
SOLID 原則に基づくSFC 実装
Vue.js の SFC（Single File Component）の柔軟性と保守性を高めるためのコンポーネント設計にどのようなアプローチが効果的なのか検討します。 SOLID 原則に基づいて考察し、それぞれの原則を個別に検討し、Vue.js の SFC にどのように適用するかを解説します。
メドピアトラック（15:45 - 16:05）にて発表
おわりに
今年はエンジニアの登壇ほか、Vue.js で開発をするクラウドワークスの運営をする株式会社クラウドワークスから「同時通訳スポンサー」として協賛させていただいております。
弊社 @CrowdWorksjp も協賛しております！
— オオヤマ オクト (@okuto_oyama) 2023年7月10日
今年の Vue Fes Japan 盛り上げていきましょう🙌 #vuefeshttps://t.co/swmHo0imWg pic.twitter.com/fwk27a1GJB
セッションの他にもパネルディスカッション、ハンズオンといったイベントもあり、アフターパーティーでは登壇するクラウドワークスのエンジニアも参加予定ですので皆さまとも交流できればと思っております。是非ご参加ください。
