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

2022/08/24(水)19:00 〜 21:00 開催
ブックマーク

イベント内容

概要

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 日本ユーザーグループまでご一報ください。

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。