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

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

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

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

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

Vuetifyを使ったことある人 ✋

Bootstrapを使ったことある人 ✋

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

ところで 10

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

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

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

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

まとめ 17

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

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

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

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

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

kirimaru

More Decks by kirimaru

Other Decks in Technology

Featured

Transcript