Vue初心者はVuetifyで遊んでみよう

by kirimaru

Slide 1

Slide 1 text

Vue初心者は Vuetifyで遊んでみよう Ginza.js#2 きり丸

Slide 2

Slide 2 text

きり丸(水上　皓登) 　 twitter:@nainaistar　Github:@hirotoKirimaru 通信会社所属　社内SE　 Webアプリエンジニア jQuery 3年 Vue.js 4カ月 2

Slide 3

Slide 3 text

対象者非対象者非対象者 ● vueを使わない/ 使う予定のない人 ● vuetifyを熟知した人対象者 ● Vueの初心者 (tutorialやった人) ● Vuetifyを知らない人 ● Bootstrap以外の CSSフレームワークを知りたかった人 3

Slide 4

Slide 4 text

伝えたいこと伝えないこと伝えないこと ● Vuetifyのセットアップ ● bootstrapとの比較 ● マテリアルデザイン ● atomic Design ● Vuetifyを使った仕事でのノウハウ伝えたいこと ● Vuetify について 4

Slide 5

Slide 5 text

Vuetifyを使ったことある人 ✋

Slide 6

Slide 6 text

Bootstrapを使ったことある人 ✋

Slide 7

Slide 7 text

Vuetify について ◦ Vue.js に対応しているマテリアルデザインをベースとした CSS フレームワーク ◦ Vue CLI 3との親和性あり ◦ IE11も対応 7

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

ところで 10

Slide 11

Slide 11 text

なんでvue初心者に vuetifyをオススメしてるの？ 11

Slide 12

Slide 12 text

vuetifyの公式サンプルページが非常に優秀だから 12

Slide 13

Slide 13 text

https://vuetifyjs.com/ja/components/calendars 13

Slide 14

Slide 14 text

Slide 15

Slide 15 text

https://vuetifyjs.com/ja/themes/premium 15

Slide 16

Slide 16 text

Slide 17

Slide 17 text

まとめ 17

Slide 18

Slide 18 text

● マテリアルデザインのコンポーネントを提供してくれる ● 楽しんで遊びながら、マテリアルデザインと、 vueの挙動も把握できる 18

Slide 19

Slide 19 text

Vue初心者は Vuetifyで遊んでみよう Ginza.js#2 きり丸

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

大田区産業プラザ小展示ホール（京急蒲田） ★ 技術書オンリーの同人誌即売会 ★ 70サークル参加 / 10,000冊頒布予定 ★ 15:00以前の来場は無料チケット予約が必要です ★ 詳細は公式Webサイトをチェックしてください 2019-07-27 (土) 11:00-17:00 一般来場参加受付中 https://gishohaku.dev/