アーカイブ

Vue Fes Japan 2023 に​クラウドワークスの​エンジニアが​登壇します

GitHub Edit Page
この記事は公開から1年以上が経過しています。内容が一部古い箇所があります。

アイキャッチ:Vue Fes Japan Online 2023 にクラウドワークスのエンジニアが登壇します

Vue Fes Japan とは

Vue Fes Japan は Vue.js 日本ユーザーグループが主催する日本最大の Vue.js カンファレンスです。

Vue Fes Japan Online 2023 TOPページのスクリーンショット

日本における Vue.js 開発者たちによる発表や、Vue クリエイター の Evan You や、 Nuxt.js・Vite などのコアコントリビューターの方たちも登壇されます。

昨年のオンラインカンファレンスを経て、今年は念願のオフライン開催が決定しました。

Vue Fes Japan 2023

登壇情報

弊社からはクラウドワークスエンジニアの @t0yohei@yamanoku@53able がそれぞれ登壇いたします。

Vue を使って Grid System を実装した話

t0yohei

自社のデザインシステムを構築していくにあたり、Vue を使って Grid System を実装する機会がありました。Grid System の実装は CSS の media query における仕様上の問題もあり、中々上手く実装できないのが現状です。検討したいくつかの Grid System 実装パターンと、実際に採用したものをそれぞれのメリット・デメリットなど踏まえてお話しできればと思います。

メドピアトラックトラック(13:30 - 14:00)にて発表

t0yohei / トヨヘイ | Vue Fes Japan 2023

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

yamanoku

ブラウザ側で画面遷移を制御するクライアントサイドルーティングという手法はサーバーからの待ち時間を無くしスムーズにブラウジングできるようにして、画面遷移における認知負荷を減らす点で活用されています。 Nuxt 3.4 からは実験的に搭載された View Transitions API の設定でスムーズな遷移アニメーションが実現できるようになりました。 しかし、これらの手法は情報が正しく伝わるかどうかのアクセシビリティ観点から考慮が必要なものです。 本セッションでは、画面遷移時にどのように情報が伝わっているのか、Nuxt アプリケーションをよりアクセシブルにするためのアプローチを実装例を元に紹介します。

エムスリーやっていきトラック(13:30 - 14:00)にて発表

やまのく | Vue Fes Japan 2023

SOLID 原則に基づくSFC 実装

53able

Vue.js の SFC(Single File Component)の柔軟性と保守性を高めるためのコンポーネント設計にどのようなアプローチが効果的なのか検討します。 SOLID 原則に基づいて考察し、それぞれの原則を個別に検討し、Vue.js の SFC にどのように適用するかを解説します。

メドピアトラック(15:45 - 16:05)にて発表

53able / ゴー | Vue Fes Japan 2023

おわりに

今年はエンジニアの登壇ほか、Vue.js で開発をするクラウドワークスの運営をする株式会社クラウドワークスから「同時通訳スポンサー」として協賛させていただいております。

セッションの他にもパネルディスカッション、ハンズオンといったイベントもあり、アフターパーティーでは登壇するクラウドワークスのエンジニアも参加予定ですので皆さまとも交流できればと思っております。是非ご参加ください。

アーカイブ記事のため、内容に関する更新依頼は受け付けておりませんが、誤字や脱字などありましたらご連絡ください。

この記事に関する修正依頼
トップへ戻る