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

8. 8

9. 9

10. ところで 10

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

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

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

14. 14

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

16. 16

17. まとめ 17

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

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

20. None

21. 大田区産業プラザ 小展示ホール（京急蒲田） ★ 技術書オンリーの同人誌即売会 ★ 70サークル参加 / 10,000冊頒布予定 ★ 15:00以前の来場は無料チケット予約が必要です

    ★ 詳細は公式Webサイトをチェックしてください 2019-07-27 (土) 11:00-17:00 一般来場参加受付中 https://gishohaku.dev/