2021/4/23 第二回 Vue.js を使ったフロントエンド開発とハンズオン

テーマ

Vue.js を使ったフロントエンド開発と Vue.js ハンズオン

背景と目的

最近、Vue とか React とか Nuxt とか Next とか、フロントエンド盛り上がってて気になってるけど、勉強する時間がなかなか取れないなー。
そうだ！松永さんに Vue のこと説明してもらって、そしてハンズオンまでしちゃおう！！

っと思ったのがきっかけです。わからないことは知ってる人に聞くのが一番。

皆さんのフロントエンドスキル向上のお役に立てれば良いなと思い、このイベントを企画しました。

日時・場所

2021/4/23（金）
14:30 - 18:00
1F共有スペース
（まえびーさん、すみません。この日は場所貸してください :bow:）

講師

Life Code舎松永和男
https://jp.linkedin.com/in/%E5%92%8C%E7%94%B7-%E6%9D%BE%E6%B0%B8-44a67641

大手メーカー系ソフトウェア企業、一部上場SI企業、ベンチャー企業、中小企業などでシステムエンジニア・Web開発者・アプリ開発者として経験を積み、2020年4月にフリーランスエンジニアとして独立。

Ruby on RailsでのWebシステムの開発から、iOSアプリ開発、Nuxt.jsでのフロントエンド開発、AWSのインフラ構築までが守備範囲。

自身で開発したCMSのフレームワークを活用して、企業の新規事業の支援や社内システムの提案・開発を行っている。

また、Code Dojo静岡のメンターとして地域のIT教育にも関わっている。
#スタンプラリー #電子書籍 #メディア配信 #CMS #GIS #オープンデータ

事前準備

ハンズオン形式を予定しています。
node.js インストール済みのPCを持参してください。

node.js のインストール
https://nodejs.org/ja/

ハンズオンですが、教材をNuxt.Jsで作ることにしました。

git clone https://github.com/kazuomatz/VueTrial.git
cd VueTrial
yarn install
yarn dev

http://localhost:3000/ をブラウザーで開く

nodeは10.0以上であれば動くと思います。
あとEditorは各自何でもよいですが、VsCodeにVueプラグインを入れて使うのがよいと思います。

yarn がない人は npmでも大丈夫らしいです。

npm install
npm run dev

タイムテーブル

14:00 - 14:30	会場設営発表者のプロジェクター接続テスト
14:30 - 14:35	オープニング
14:40 - 14:45	LT1 さよならIE、jQuery 先取り! Bootstrap 5 beta版株式会社ハンズ金子満斗 https://drive.google.com/file/d/1DjnxZ9GQsOkvbbPMxlCINS68lZ_inkND/view?usp=sharing
14:50 - 14:55	LT2 5分でTypeScript入門！既存JS環境に引導を渡そう株式会社まえびー西山幹也 https://speakerdeck.com/nsym/5fen-detypescriptru-men-ji-cun-jshuan-jing-niyin-dao-wodu-sou
15:00 - 17:50	Vue.js を使ったフロントエンド開発とハンズオン Life Code舎松永和男 https://github.com/kazuomatz/VueTrial
17:55 - 18:00	クロージング懇親会はありません。