概要

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

今回は...

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

日時

2023/02/17 (金) 19:30 - 21:30 (19:00 受付開始)

主催

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

スポンサー

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

会場スポンサー

ツールスポンサー

参加方法

一般参加枠

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

なお、今後のVue.js 日本ユーザーグループの活動（Vue Fes Japan 2023など）のため、参加費¥1,000をお願いしております。イベント会場にてお支払いいただきますようお願いいたします。

LT登壇枠

1月31日までに、connpassより応募後 Googleフォームより登壇情報をご提出ください。今回のテーマはNuxt 3ですが、広くVueの内容でも構いません。

LT登壇者の方は参加費は必要ありません。

運営スタッフ枠

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

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

スタッフは参加費は必要ありません。

タイムテーブル

スケジュールの順番や内容は当日変更される可能性があります。

登壇者プロフィール

スポットスポンサーセッション: Nuxt 3 移行に向けてがんばっています

STORES では、誰でも簡単にネットショップを開設できるサービスを提供しています。今回はネットショップオーナーさん向けのダッシュボード（管理画面）で使用している Nuxt のバージョンを 2 から 3 へマイグレートする上での活動についてお話しします。

発表者: 梅木綾佑 氏

複数の自社開発会社でインフラ、バックエンド、フロントを幅広く担当し、フロントエンドを中心に取り組みたいと思い、フロントエンドエンジニアとして2020年に STORES に入社。現在は新機能開発ラインでリーダーとして日々開発をしています。

会場スポンサーLT: Vue3移行を見据えたVue2でのVue Router実装

弊社ではフロントエンドの実装にVue.jsを利用していますが、VuetifyのVue3対応の影響のため、Vue2でComposition APIを利用しています。

今回は将来的なVue3への移行を見越した、段階的な移行を行った話をします。

発表者: 髙木凜 氏

アララ株式会社フロントエンドエンジニア。

メインセッション1: Nuxt 3入門

このセッションではNuxt3の基礎的な機能紹介やユースケースについてご紹介します。また、2からパワーアップした点や、今後リリースされる注目機能についてもざっくり見ていきます。

発表者: ushironoko 氏（Twitter）

STORES 株式会社フロントエンドエンジニア。

メインセッション2: Nuxt3マイグレーションのリアル

昨年末にNuxt3がリリースされましたが、さっそく稼働中のプロダクトのマイグレーションを完了しました。影響の大きいマイグレーション作業は日々の保守運用と並行して効率的に行う必要があるため段階の踏み方やタイミングにおける工夫が不可欠です。本セッションでは実際の移行ステップとともに進め方のポイントをお伝えします。

発表者: 後川 菜穂子 氏（Twitter）

株式会社merida代表。自社プロダクト開発をしながら複数社にてWebフロントエンド・Node.jsの技術アドバイザーを担当している。ビジネスの状況に合わせて設計を練るのが好き。Code Polarisオーガナイザー。

LT1: Nuxt3 Stabled の useHead() を使ったらXSS脆弱性が顕在化した話

こちらの記事に書いたことに追加して、その裏話とその後の話と+αをします。 https://zenn.dev/skmt3p/articles/7c9028ea96f58c

発表者: R.D.Sakamoto 氏（Twitter）

エストニア法人 "OmusBridge OÜ" CEO。VR法人HIKKY Webフロントエンドチーフエンジニア。VR法人HIKKYでは、Webフロントエンドチームをマネジメントしつつ、自社複数サービスの開発に携わる。エストニアスタートアップコンペティションAjujahtでの受賞歴有。

LT2: HPにEC機能を埋め込む際、Nuxt.js様のおかげで乗り切れた話

カラーミーショップAPIを活用してオリジナルのHPなどにEC機能を埋め込む際、Nuxt.js様のおかげでスムーズに乗り越えられたポイントをしゃべります。

発表者: keigo 氏（Twitter）

GMOペパボ カラーミーショップの新卒1年目エンジニア。 Nuxt.jsのおかげでエンジニアになれたので、親と友達の次くらいに感謝しています。

LT3: VueUseのススメ

VueUse を使う事で実現出来るいくつかの機能について、紹介します。

発表者: TakumaKurosawa 氏（Twitter）

黒澤拓磨 株式会社サイバーエージェント AI事業本部 オンライン接客事業部

#世界で1番シュークリームが好き

座談会およびQ&A

発表者: ushironoko 氏 / 後川 菜穂子 氏 / kazupon 氏 / kiaking 氏

メインセッション登壇者２名にVue.jsコアチームメンバー２名を加えて、イベント当日の内容に関しての座談会とQ&Aをおこないます。

一般参加者の方へ

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

登壇者の方へ

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

会場

アララ株式会社 様 東京都港区南青山2丁目24番15号 青山タワービル別館

当日の連絡方法

Twitter でハッシュタグ #v_tokyo16 をつけて Tweet お願いします。当日スタッフが対応いたします。

Slack

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

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

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

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

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

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

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