お知らせ 2/15(木)~17(土)の間サイトにアクセスしづらい状況が発生しておりましたが現在は解消しております。 利用者の皆様にはご不便をおかけしましたが、引き続きconnpassをよろしくお願いいたします。

お知らせ connpassをご利用いただく全ユーザーにおいて健全で円滑なイベントの開催や参加いただけるよう、イベント参加者向け・イベント管理者向けのガイドラインページを公開しました。内容をご理解の上、イベント内での違反行為に対応する参考としていただきますようお願いいたします。

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

Nov

1

続Nuxt.jsによるフロントエンド開発ハンズオン

これまであまりフロント開発したことがない方向け

Organizing : トリアングル株式会社

続Nuxt.jsによるフロントエンド開発ハンズオン
Hashtag :#ediy
Registration info

パソコン持参

Free

FCFS
13/30

Attendees
tomo-z
igutsuyo
nano
upbook0426
masakiyo
sssttt222
ikuy_1002
(退会ユーザー)
amas
takaaki15
View Attendee List
Start Date
2020/11/01(Sun) 13:30 ~ 17:30
Registration Period

2020/10/11(Sun) 03:37 〜
2020/11/01(Sun) 17:30まで

Location

旧唐津銀行

佐賀県唐津市本町1513-15

View Map Venue Homepage

Description

開催目的

フロントエンドと言われるユーザが直接ふれる部分の開発手法が近年進化し、その中で仮想DOMを扱う手法が実用的になってきました。

私自身、最近業務で使うなかで革新的な便利さを感じました。

ただ、従来のHTML, 標準のDOM操作と比べ開発手法も宣言型によっており、いきなり一人で開発を始めるには若干ハードルが高いのではないかと思われます。

そこで、今回はハンズオンという形で、Vue.jsをベースとしたNuxt.jsフレームワークを使用したフロントエンド開発を一通り体験していただきたいと考え企画いたしました。

jQueryくらいまでしか使っていないという方に刺さると思いますので是非ご参加ください。

前回より具体的なNuxtの使い方を取り上げてハンズオンを行う予定です。(Vuex, Module, Plugin, Layout等)

参加対象

フロントエンド開発をしたい方ならどなたでも (パソコン持参はお願いします)

ハンズオン内容

13:30開場、14:00開始

  1. フロントエンド、バックエンド、DOM、仮想DOM、Vue.js、Nuxt.jsとは (5分)
  2. 開発に必要なもの・環境構築(15分)
  3. 作成するものの仕様確認(5分)
  4. プロジェクト作成(5分)
  5. UI作成(30分)
  6. ダミーデータ作成(5分)
  7. イベント作成(15分)
  8. 更新処理作成(30分)
  9. 永続化(30分)
  10. ビルド・デプロイ(30分)
  11. 機能追加(残った時間)
  12. 意見交換・懇親会(30分程度)

※時間は目安です

ご用意していただくもの

パソコン

MacでもWindowsでもLinuxでも問題ございません。

Chrome, Docker, VisualStudioCodeの各最新版を使用しますので、事前にインストールをお願いいたします。

(最近Windows homeでも Docker for DesktopがインストールできるようになりましたのでDocker for Desktopをインストールしてください。 Docker Toolbox だとうまく動作しません。)

今回の開発環境を構築する手順をまとめましたので、参考にしてください。 https://qiita.com/nakazawaken1/items/d3a835872311d3efc2ff

スペック的には WiFi必須、メモリ8GB以上を推奨します。

新型コロナ対策

  • 余裕のある会場を確保
  • マスクの配布し全員着用の上実施
  • 会場に空気清浄機を設置
  • アルコール消毒液の設置

会場の写真 会場写真

体調に不安のある方は、 機会を改めて参加いただければ幸いです。

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

nakazawaken1

nakazawaken1 published 続Nuxt.jsによるフロントエンド開発ハンズオン.

10/11/2020 03:37

続Nuxt.jsによるフロントエンド開発ハンズオン を公開しました!

Group

エンジニアDIY

思いついたら作ってみよう!

Number of events 8

Members 78

Ended

2020/11/01(Sun)

13:30
17:30

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

Registration Period
2020/10/11(Sun) 03:37 〜
2020/11/01(Sun) 17:30

Location

旧唐津銀行

佐賀県唐津市本町1513-15

Organizer

Attendees(13)

tomo-z

tomo-z

続Nuxt.jsによるフロントエンド開発ハンズオン に参加を申し込みました!

igutsuyo

igutsuyo

続Nuxt.jsによるフロントエンド開発ハンズオン に参加を申し込みました!

nano

nano

続Nuxt.jsによるフロントエンド開発ハンズオンに参加を申し込みました!

upbook0426

upbook0426

続Nuxt.jsによるフロントエンド開発ハンズオン に参加を申し込みました!

masakiyo

masakiyo

続Nuxt.jsによるフロントエンド開発ハンズオンに参加を申し込みました!

sssttt222

sssttt222

続Nuxt.jsによるフロントエンド開発ハンズオンに参加を申し込みました!

ikuy_1002

ikuy_1002

続Nuxt.jsによるフロントエンド開発ハンズオンに参加を申し込みました!

(退会ユーザー)

(退会ユーザー)

続Nuxt.jsによるフロントエンド開発ハンズオン に参加を申し込みました!

amas

amas

続Nuxt.jsによるフロントエンド開発ハンズオン に参加を申し込みました!

takaaki15

takaaki15

続Nuxt.jsによるフロントエンド開発ハンズオンに参加を申し込みました!

Attendees (13)

Canceled (5)