Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Vue初心者はVuetifyで遊んでみよう
Search
kirimaru
June 24, 2019
Technology
1
1k
Vue初心者はVuetifyで遊んでみよう
kirimaru
June 24, 2019
Tweet
Share
More Decks by kirimaru
See All by kirimaru
DDD(ドメイン駆動設計)を知らない人に知ったつもりさせる/Introduce_DDD_to_unfamiliar_individuals
hirotokirimaru
0
210
例示! Spring Bootで作られた REST APIのテストコード/ Testing-Example-for-a-REST-API-created-with-Spring-Boot
hirotokirimaru
2
1.6k
一緒に使うことが多い値は別クラスにしよう(Data Clumps)/data_clumps_is_useful
hirotokirimaru
0
610
Backlogが好きな話。/i_like_backlog
hirotokirimaru
0
100
私が好きなポートアンドアダプターを紹介する/I-like-hexagonal-architecture.pdf
hirotokirimaru
1
730
名付けのためにクラス図を元に会話しよう/Let's-use-class-diagram-to-communicate-with-client
hirotokirimaru
0
570
Code Smellsの Primitive Obsession に気を付けて設計する/Designing-with-Code-Smells-Primitive-Obsession
hirotokirimaru
1
3.1k
FCCを推す/My favorite software architecture is FCC
hirotokirimaru
0
170
我々はなぜオブジェクト指向やDDD等のアーキテクチャを学ぶのか/Why_we_learn_ObjectOriented_and_DDD_Architecture
hirotokirimaru
1
990
Other Decks in Technology
See All in Technology
Vueで Webコンポーネントを作って Reactで使う / 20241030-cloudsign-vuefes_after_night
bengo4com
4
2.5k
ABEMA のコンテンツ制作を最適化!生成 AI x クラウド映像編集システム / abema-ai-editor
cyberagentdevelopers
PRO
1
180
Forget efficiency – Become more productive without the stress
ufried
0
120
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定 / ai-web-launcher
cyberagentdevelopers
PRO
7
1.5k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
49k
チームを主語にしてみる / Making "Team" the Subject
ar_tama
4
310
フルカイテン株式会社 採用資料
fullkaiten
0
36k
プロダクトエンジニアが活躍する環境を作りたくて 事業責任者になった話 ~プロダクトエンジニアの行き着く先~
gimupop
1
480
APIテスト自動化の勘所
yokawasa
7
4.1k
大規模データ基盤チームのオンプレTiDB運用への挑戦 / dpu-tidb
cyberagentdevelopers
PRO
1
110
生成AIと知識グラフの相互利用に基づく文書解析
koujikozaki
1
140
新R25、乃木坂46 Mobileなどのファンビジネスを支えるマルチテナンシーなプラットフォームの全体像 / cam-multi-cloud
cyberagentdevelopers
PRO
1
130
Featured
See All Featured
Fireside Chat
paigeccino
32
3k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
It's Worth the Effort
3n
183
27k
The Power of CSS Pseudo Elements
geoffreycrofte
72
5.3k
Six Lessons from altMBA
skipperchong
26
3.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
46
2.1k
Done Done
chrislema
181
16k
Facilitating Awesome Meetings
lara
49
6k
Side Projects
sachag
452
42k
Designing on Purpose - Digital PM Summit 2013
jponch
115
6.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
1.9k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
7
150
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/