Aug
24
Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~
Vue.js 日本ユーザーグループによる初心者向け無料オンラインハンズオン
Organizing : Vue.js 日本ユーザーグループ
Registration info |
一般参加枠 Free
FCFS
スタッフ枠(注: Vue.js-jp スタッフonly) Free
FCFS
|
---|---|
参加者への情報 |
(参加者と発表者のみに公開されます)
|
Description
概要
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 を書いたことがある方を想定しています。
主催
事前準備
ハンズオンに参加される方は、ご自身の PC で今回のハンズオンで作成する Vue.js アプリケーションが開発できる環境を準備しておいてください。
ハンズオン教材
- ハンズオン URL: https://handson.vuejs-jp.org/
参加の流れ
- 一般参加枠でお申し込みください。
- 開催日時までに connpass のメールにてハンズオン用 URL をお送りします。
- 参加者にメールで通知された URL にアクセスします(YouTube Live)
※ 事前に環境構築を済ませておいてください(環境構築手順はこちら)。
※ 開催日時になっても「メールが届かない」などの問題がありましたら「イベントへのお問い合せ」からご連絡ください。
※ 本イベントではアーカイブは行いませんのでご了承下さい。
タイムテーブル
時刻 | 内容 |
---|---|
18:50~19:00 | 開場(待機時間) |
19:00~19:10 | オープニング |
19:10~20:00 | ハンズオン 前半 |
20:00~20:10 | 休憩 |
20:10~20:50 | ハンズオン 後半 |
20:50~21:00 | Q&A |
※タイムテーブルの時刻は予定時間です。当日の進行具合によって多少前後する可能性があります。
Slack
Vue.js 日本ユーザー向けの Slack もあります。興味がありましたらこちらからどうぞ!
アンチハラスメントポリシー
ハラスメントとは、性差、性同一性と表現、性的指向、障害、外見や身体的特徴、人種、宗教、公共な場での性的な画像や類する表現、脅迫、ストーカー、望まない写真撮影や録音・録画、不適切な接触、およびそれらに関連した不快な言動が含まれます。
Vue.js 日本ユーザーグループでは全ての参加者がナレッジ共有に集中できるよう、これらのハラスメント行為を許容しません。
Vue.js 日本ユーザーグループが主催するイベント内だけでなく、イベントの内容や状況についてブログや SNS などで公開、コメントなどいただく際にも、これらハラスメント行為がないようご留意ください。
万が一、ハラスメント行為を見聞きした参加者は、お手数ですが Vue.js 日本ユーザーグループまでご一報ください。
Media View all Media
If you add event media, up to 3 items will be shown here.