お知らせ 「ESET INTERNET SECURITY」利用環境下での 不具合修正のお知らせ

このエントリーをはてなブックマークに追加

Aug

24

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~

Vue.js 日本ユーザーグループによる初心者向け無料オンラインハンズオン

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

Hashtag :#vueハンズオン
Registration info

一般参加枠

Free

FCFS
200/300

スタッフ枠(注: Vue.js-jp スタッフonly)

Free

FCFS
9/10

参加者への情報
(参加者と発表者のみに公開されます)

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 を書いたことがある方を想定しています。

主催

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

事前準備

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

ハンズオン教材

参加の流れ

  1. 一般参加枠でお申し込みください。
  2. 開催日時までに connpass のメールにてハンズオン用 URL をお送りします。
  3. 参加者にメールで通知された 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.

Feed

miyake

miyake published Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~.

08/08/2022 12:11

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~ を公開しました!

Group

v-tokyo

Vue.js日本ユーザーグループ主催する meetup イベントです。

Number of events 26

Members 5219

Ended

2022/08/24(Wed)

19:00
21:00

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2022/08/08(Mon) 12:09 〜
2022/08/24(Wed) 21:00

Location

オンライン

オンライン

オンライン

Attendees(209)

rach

rach

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~に参加を申し込みました!

hidenori_tanaka_773

hidenori_tanaka_773

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~ に参加を申し込みました!

Takashi_Hirota

Takashi_Hirota

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~ に参加を申し込みました!

Annie

Annie

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~に参加を申し込みました!

sskon

sskon

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~に参加を申し込みました!

kobay

kobay

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~に参加を申し込みました!

aocm

aocm

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~ に参加を申し込みました!

saeki84

saeki84

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~ に参加を申し込みました!

ハルポン

ハルポン

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~ に参加を申し込みました!

takanassyi

takanassyi

Vue.js 3 ハンズオン #2 ~最新 Vue.js の始め方~に参加を申し込みました!

Attendees (209)

Canceled (10)