概要

Vue.js 日本ユーザーグループ主催による、20回目の Meetup イベントを開催します！！

Meetup に参加して Vue.js について学び、Vue.js ユーザーと情報交換しましょう！！

テーマ: Developer Experience 開発者体験特集!

今回は Vue.js のエコシステム周りの Developer Experience (以降DX) 開発者体験特集です。

Vue.js そしてそれを取り巻くエコシステムでは、Vue 3 リリース以降、DXの改善に努めてきました。 Vue.js 本体では TypeScript 向けに型強化はもちろん、VSCode の拡張である Vue language Tools を使うと SFC 上で補完や TypeScript の型チェックが効くのはみなさんご存知でしょう。

Vue.js を取り巻くエコシステムでも DX 改善も取り組んでいます。Nuxt では TypeScript がデフォルトで有効になっており、 Nuxt DevTools や Nuxt ESLint を使うと Nuxt を使ったデバッグや Lint 周りの開発体験の向上を期待できます。

今回のイベントは、UnJS チームメンバー、そして Nuxt Contributer である Nozomu Ikuta 氏をメインセッションとしてお招きし、Nuxt の開発生産性を支える Nuxt DevTools 、そして Vue.js エコシステムの DX 関連の内容をキャッチアップできるイベントとなります。

ぜひ、この Meetup で、Vue.js エコシステムの DX についてキャッチアップし、現場で導入して生産性を高めていきましょう！！

日時

2024/05/28 (火) 19:00 - 21:30 (18:30 受付開始)

主催

Vue.js 日本ユーザーグループ

スポンサー

スポットイベントスポンサー

TBD: 現在募集中です！

会場スポンサー

ツールスポンサー

参加方法

一般参加枠

Vue.js Meetup の勉強会(各発表の聴講)に参加したい方は、「一般参加枠」からお申込ください。先着順となります。

• PayPal による事前決済が必要です。
• v-tokyo は会計を合同会社世路庵に外部委託しており、領収書の発行は同社名義となります。
• 領収書を発行可能です。詳しくはconnpassご利用ガイドをご覧ください。
• 10日前までのキャンセルは、PayPal手数料を除いて全額返金します。10日前以降は返金できかねますので、あらかじめご了承ください。

LT登壇枠

LT に登壇されたい方は、connpass の LT登壇枠に申し込みの上、5月21日までに Googleフォームより登壇情報をご提出ください。

LTセッションは発表時間、そして質疑応答含めて10分です。発表内容は5分ぐらいで収まるようにお願いいたします！

LTセッション内容は、Vue.js に関する内容、そして Nuxt などの Vue.js 周りのエコシステム、そして Vite、Unjs といった Vue のエコシステムと関わりがある内容であれば OK です！

学生歓迎枠

「学生歓迎枠」は Vue.js、Nuxt といった Vue エコシステムそして Vite や Unjs といった Vue と関わりがあるエコシステムに興味もっている方の参加を歓迎する学生の方向けの専用枠です！

イベント当日は、学生証が必要になりますので、この枠で参加される方はお持ちください。

運営スタッフ枠

「運営スタッフ枠」は、今回のイベント運営のため、Vue.js日本ユーザーグループスタッフが参加するための専用枠です。

一般参加者、登壇者の方々はそれぞれの枠よりお申し込みください。

タイムテーブル

スケジュールの順番や内容は、進行状況などによって当日変更される可能性があります。

登壇者プロフィール

メインセッション: Nuxt DevTools (仮)

Nuxt DevToolsとは何か、どんなことができるのかなど、Nuxt DevToolsの概要と価値を解説する予定です。

発表者: Nozomu Ikuta 氏 (X / GitHub)

グローバル・ブレイン株式会社所属のソフトウェアエンジニア。Vue.js日本ユーザーグループコアスタッフ。UnJSメンバー。 業務ではVue、Laravel、Goで開発をしています。Vueコミュニティでは、2022年からVue Fes Japanコアスタッフとして活動しながら、Nuxt、UnJS、Viteのコアにコントリビューションしています。

会場スポンサーセッション: headlessなUIライブラリを選択する価値

最近では段々とメジャーになってきたheadlessなUIライブラリを利用するという選択肢の価値について、radix-vueを利用した直近のプレイドの開発談を交えてお話したいと思います。

発表者: 株式会社プレイド yuito kawashima 氏

プレイドでプロダクトマネージャー兼ソフトウェアエンジニア。 UI/UX、フロントエンド開発を中心にスタートアップ企業のサポートや受託開発事業なども行なっています。

LT

登壇者このconnpassのイベントページで募集しております！

決まり次第随時更新します！

LT セッション1: What is Vue.js? Hmm… It’s just language lol

「なぜ世界にはこんなにもたくさんのプログラミング言語があるのか？」という問いをもとに、Vue.js の「言語」としての側面を切り口に、フロントエンドの DX について考えてみます。

発表者: ubugeeei

Vue.jsメンバー、Vue.js日本ユーザーグループコアスタッフ、chibivue 界隈代表

LT セッション2: ちょっとしたリアクティブユーティリティのご紹介

props を受け取って、それを基にコンポーネント内でステートを更新して、クリックアクションなどをトリガーに親に値を返す、のようなユースケースで使えるちょっと便利なリアクティブユーティリティのご紹介です。Vue コア にも VueUse にも存在しないちょっとした便利部品です。

発表者: baseballyama

Svelteコアチームメンバー

LT セッション3: vuejs/language-toolsを知っていますか？

vuejs/language-toolsの役割について触れ、実際にvuejs/language-toolsであるvue-tscを例に、実際に利用することで、実感をもった上でVolar.jsにつなげ、Volar.jsについても軽く触れようと思います。

発表者: からころ / karacoro

都内のソフトウェアエンジニアです。 フロントエンド開発が得意ですが、幅広く業務では認証基盤周りの開発などを行っています。

LT セッション4: Nuxt Serverと$fetchを組み合わせたTypeScript開発体験

TypeScript開発において、関数の返り値などに型がついていると、開発体験が向上するかと思います。しかしfetch関数を用いて外部API等を叩いた際、fetch関数の返り値には型が適用されません。API fetchの返り値に型を適用させるために、OpenAPI形式のAPI定義ファイルを元に、型定義ファイルを生成するような取り組みもあります。 今回は、Nuxt Serverで作成したAPIを$fetch関数で叩いた際、自動で型情報が適用されることで開発体験が向上するという話をします

発表者: keigo

Vue, Nuxt, Nitroを使用してWebアプリケーション開発をしています。

一般参加者の方へ

• 入場時に connpass のチケット画面をご提示ください
• 会場では WiFi が利用できます
• 会場の電源は限りがございますので、PC の電源が不安な方はあらかじめ充電の上お越しいただきますようお願いします
• 宣伝や採用のみを目的とした方のご参加はご遠慮ください

登壇者の方へ

• 会場では WiFi が利用できます
• プレゼンに使うコンピュータはご持参ください
• プロジェクタは USB Type-C/ HDMI 端子を会場に用意しておりますが、それ以外の組み合わせについてはご持参の上ご参加をお願いいたします（また、ケーブルによって差し込み具合の相性等がありますこと、ご了承ください）
• 宣伝や採用に終始する内容の発表はご遠慮ください (少し含む程度は OK)

会場

東京都中央区銀座6-10-1 GINZA SIX 10F

株式会社プレイド

東京メトロ 銀座駅から徒歩2分

• GINZA SIX 公式サイトアクセスマップ

入館は GINZA SIX の商業施設側ではないのでご注意ください。

オフィスエントランス側からエレベーターでオフィスエントランス(入館受付け)がある 7F まで来て頂き、今回のイベント専用に設営された受付で済ませてください。

当日の連絡方法

X (旧:Twitter) でハッシュタグ #v_tokyo20 をつけて Post お願いします。当日スタッフが対応いたします。

Slack

Vue.js 日本ユーザー向けの Slack もあります。興味がありましたら、どうぞ！

http://vuejs-jp-slackin.herokuapp.com/

アンチハラスメントポリシー

ハラスメントとは、性差、性同一性と表現、性的指向、障害、外見や身体的特徴、人種、宗教、公共な場での性的な画像や類する表現、脅迫、ストーカー、望まない写真撮影や録音・録画、不適切な接触、およびそれらに関連した不快な言動が含まれます。

Vue.js Meetup では全ての参加者がナレッジ共有に集中できるよう、これらのハラスメント行為を許容しません。

Vue.js Meetup 会場内だけでなく、Vue.js Meetup の内容や状況についてブログや SNS などで公開、コメントなどいただく際にも、これらハラスメント行為がないようご留意ください。

万が一、ハラスメント行為を見聞きした参加者は、お手数ですが Vue.js Meetup 運営までこちらからご一報ください。