[Report] v-kansai #15 に参加してきました

はじめに

こんにちは、がんがんです。
関西で開催されたReboot v-kansai Meetup #15に参加してきました。

鉄は熱いうちに打て、レポートは熱いうちに書けということで簡単にレポートをまとめておきます。

3 行まとめ

• v-kansai よかった。次回も遊びに行きたいです
• 03/06(Wed) にVue.js v-tokyo Meetup #19もある
  • 東京近辺の方は是非 🎉
  • 会場は浜松町・大門駅から近いので山手線沿いに勤務されている方はふらっと行きやすいと思います
• 同日にはVue.js Amsterdamも開催されており Vue/Nuxt コミュニティが盛り上がりを見せている

今回参加した v-kansai

今回参加したのはこちら。前回開催が 2020 年ということでアフターコロナ初の開催です(復帰ありがとうございます 🙇)

https://vuekansai.connpass.com/event/308338/

LT1: Utilization of Nuxt module in "monorepo" development

monorepo 構成でのコンポーネント、アセットをどのように汎用化させるのかについてお話し頂きました。
私は extends 機能を利用した monorepo 構成を組むことが多かったため「defineNuxtModule()でモジュール化すれば管理がシンプルになるな。なるほどなー」と思いながら聞いていました。

後半は Vue Fes Japan 2023 の技術スタックについてもお話し頂きました。こちらも興味深く聞かせて頂きました。リポジトリは Public のため気になる方は以下を参照ください。

https://github.com/vuejs-jp/vuefes-2023

LT2: Nuxt で GraphQL のクエリを送信する方法

GraphQL 用のモジュールは @nuxtjs/apollo@nextを筆頭に何種類か存在しています。それらの比較についても触れられており普段 GraphQL を使わない私でも面白い内容でした。

https://speakerdeck.com/azuki/nuxt-de-graphql-nokueriwosong-xin-surufang-fa

LT3: Nuxt Auto-imports の深淵を求めて

こちらは私の登壇です。「Nuxt はいいぞ。UnJS もいいぞ」ということで Nuxt の Auto-imports 機能についての実装解説を行いました。

https://speakerdeck.com/shingangan/nuxt-auto-importsji-neng-noshen-yuan-woqiu-mete-at-reboot-v-kansai-meetup-number-15

詳細補足を追記した記事版はこちらです。

https://zenn.dev/comm_vue_nuxt/articles/seeking-the-depths-of-nuxt-auto-imports-feature

LT4: Vue2 から Nuxt3 に移行した話

Vue2 + Vuetify2 から移行したいプロダクトは多いかと思います。Vue3 移行を諦めて React や Next.js に舵を切るプロダクトの方が世の中の大多数かと思いますが、こちらは Vue2 + Vuetify2 から Nuxt3 + Vuetify3 に移行した内容となっています。

(所感：Vue.Draggable の移行作業つらそう...😇)

https://www.slideshare.net/slideshows/20240229vkansaimeetup15vue2nuxt3pptx/266569734

おわりに

今回初めて Vue.js のオフラインイベントに参加しました。初めての参加にも関わらず皆さん暖かく非常に心地よい空間でした。
3 月には v-tokyo も開催されますし関東でも関西でも Vue.js コミュニティがどんどん盛り上がっていけば良いなと思います 🎉

https://vuejs-meetup.connpass.com/event/309755/