Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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
8
Slide 9
Slide 9 text
9
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
14
Slide 15
Slide 15 text
https://vuetifyjs.com/ja/themes/premium 15
Slide 16
Slide 16 text
16
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/