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

Transcript

1. Vue初心者は Vuetifyで 遊んでみよう Ginza.js#2 きり丸
2. きり丸(水上　皓登) 　 twitter:@nainaistar　Github:@hirotoKirimaru 通信会社所属　社内SE　 Webアプリエンジニア jQuery 3年 Vue.js 4カ月 2
3. 対象者 非対象者 非対象者 • vueを使わない/ 使う予定のない人 • vuetifyを熟知した人 対象者 • Vueの初心者 (tutorialやった人) • Vuetifyを 知らない人 • Bootstrap以外の CSSフレームワーク を知りたかった人 3
4. 伝えたいこと 伝えないこと 伝えないこと • Vuetifyの セットアップ • bootstrapとの比較 • マテリアルデザイン • atomic Design • Vuetifyを使った 仕事でのノウハウ 伝えたいこと • Vuetify について 4
5. Vuetifyを 使ったことある人 ✋
6. Bootstrapを 使ったことある人 ✋
7. Vuetify について ◦ Vue.js に対応している マテリアルデザインを ベースとした CSS フレームワーク ◦ Vue CLI 3との親和性あり ◦ IE11も対応 7
10. ところで 10
11. なんでvue初心者に vuetifyをオススメしてるの？ 11
12. vuetifyの公式サンプルページが非常に優秀だから 12
13. https://vuetifyjs.com/ja/components/calendars 13
15. https://vuetifyjs.com/ja/themes/premium 15
17. まとめ 17
18. • マテリアルデザインの コンポーネントを提供してくれる • 楽しんで遊びながら、 マテリアルデザインと、 vueの挙動も把握できる 18
19. Vue初心者は Vuetifyで 遊んでみよう Ginza.js#2 きり丸
21. 大田区産業プラザ 小展示ホール（京急蒲田） ★ 技術書オンリーの同人誌即売会 ★ 70サークル参加 / 10,000冊頒布予定 ★ 15:00以前の来場は無料チケット予約が必要です ★ 詳細は公式Webサイトをチェックしてください 2019-07-27 (土) 11:00-17:00 一般来場参加受付中 https://gishohaku.dev/