Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Vue初心者はVuetifyで遊んでみよう
kirimaru
June 24, 2019
Technology
1
430
Vue初心者はVuetifyで遊んでみよう
kirimaru
June 24, 2019
Tweet
Share
More Decks by kirimaru
See All by kirimaru
hirotokirimaru
1
510
hirotokirimaru
1
110
hirotokirimaru
0
300
hirotokirimaru
0
580
hirotokirimaru
0
36
hirotokirimaru
0
440
hirotokirimaru
0
57
hirotokirimaru
0
23
hirotokirimaru
0
11
Other Decks in Technology
See All in Technology
you
0
100
autifyhq
1
780
tsuyo
0
490
picardparis
4
2.4k
hmatsu47
1
170
tutsunom
1
170
sogaoh
2
440
hacker2202
0
100
kanaugust
PRO
0
120
ymatsuwitter
0
240
lain21
14
5.3k
miu_crescent
0
320
Featured
See All Featured
jmmastey
10
700
robhawkes
53
2.9k
chrislema
173
14k
lauravandoore
440
28k
sstephenson
146
12k
hatefulcrawdad
257
17k
sachag
445
36k
matthewcrist
73
7.5k
denniskardys
220
120k
lara
172
9.8k
hannesfritz
29
980
afnizarnur
176
14k
Transcript
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
8
9
ところで 10
なんでvue初心者に vuetifyをオススメしてるの? 11
vuetifyの公式サンプルページが非常に優秀だから 12
https://vuetifyjs.com/ja/components/calendars 13
14
https://vuetifyjs.com/ja/themes/premium 15
16
まとめ 17
• マテリアルデザインの コンポーネントを提供してくれる • 楽しんで遊びながら、 マテリアルデザインと、 vueの挙動も把握できる 18
Vue初心者は Vuetifyで 遊んでみよう Ginza.js#2 きり丸
None
大田区産業プラザ 小展示ホール(京急蒲田) ★ 技術書オンリーの同人誌即売会 ★ 70サークル参加 / 10,000冊頒布予定 ★ 15:00以前の来場は無料チケット予約が必要です
★ 詳細は公式Webサイトをチェックしてください 2019-07-27 (土) 11:00-17:00 一般来場参加受付中 https://gishohaku.dev/