概要

Vue.js 日本ユーザーグループでは、これから Vue を学び始めたい方を支援するため、どなたでも自由にご利用いただけるハンズオンコンテンツ※を開発しました。

※ハンズオンとは、実際にコードを書きながら学習するスタイルを指します。

このハンズオンコンテンツをもとに Vue.js 日本ユーザーグループのコアスタッフによる、初心者向け無料オンラインハンズオンを不定期で実施しています。

第2回目となる今回は、最近の Vue.js で推奨となっている開発手法やエコシステム（Vite や create-vue）を利用する方法を反映しており、前回要望の多かったコンポーネントの開発方法も追加しています。

本ハンズオンで学べること

• Vue.js プロジェクトの作成方法
• サンプルプログラムの作成を通した Vue.js の基本
  • data の定義と宣言的レンダリング
  • v-for で商品を複数表示
  • v-if で表示・非表示を切り替え
  • methods で価格にカンマを入れる
  • @click で商品を選択する
  • 商品をコンポーネント化する

対象

• Vue.js に興味はあるけど、触ったことがない方
• Vue.js に挑戦したけど、うまく動かせなかった方

※ レベル感としては基本的な HTML と CSS が書けて、コピペレベルの JavaScript を書いたことがある方を想定しています。

主催

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

事前準備

ハンズオンに参加される方は、ご自身の PC で今回のハンズオンで作成する Vue.js アプリケーションが開発できる環境を準備しておいてください。

• 環境構築手順: https://handson.vuejs-jp.org/setup.html

ハンズオン教材

• ハンズオン URL: https://handson.vuejs-jp.org/

参加の流れ

1. 一般参加枠でお申し込みください。
2. 開催日時までに connpass のメールにてハンズオン用 URL をお送りします。
3. 参加者にメールで通知された URL にアクセスします（YouTube Live）

※ 事前に環境構築を済ませておいてください（環境構築手順はこちら）。
※ 開催日時になっても「メールが届かない」などの問題がありましたら「イベントへのお問い合せ」からご連絡ください。
※ 本イベントではアーカイブは行いませんのでご了承下さい。

タイムテーブル

※タイムテーブルの時刻は予定時間です。当日の進行具合によって多少前後する可能性があります。

Slack

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

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

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

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

Vue.js 日本ユーザーグループが主催するイベント内だけでなく、イベントの内容や状況についてブログや SNS などで公開、コメントなどいただく際にも、これらハラスメント行為がないようご留意ください。

万が一、ハラスメント行為を見聞きした参加者は、お手数ですが Vue.js 日本ユーザーグループまでご一報ください。