Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

04df7340898eac3a0536d3b47c55501c?s=128

kirimaru

June 24, 2019
Tweet

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/