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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
kirimaru
June 24, 2019
Technology
1
1.2k
Vue初心者はVuetifyで遊んでみよう
kirimaru
June 24, 2019
Tweet
Share
More Decks by kirimaru
See All by kirimaru
早くAPI作るならFastAPI がオススメ
hirotokirimaru
1
87
DDD(ドメイン駆動設計)を知らない人に知ったつもりさせる/Introduce_DDD_to_unfamiliar_individuals
hirotokirimaru
0
360
例示! Spring Bootで作られた REST APIのテストコード/ Testing-Example-for-a-REST-API-created-with-Spring-Boot
hirotokirimaru
2
2.1k
一緒に使うことが多い値は別クラスにしよう(Data Clumps)/data_clumps_is_useful
hirotokirimaru
0
770
Backlogが好きな話。/i_like_backlog
hirotokirimaru
0
170
私が好きなポートアンドアダプターを紹介する/I-like-hexagonal-architecture.pdf
hirotokirimaru
1
1.3k
名付けのためにクラス図を元に会話しよう/Let's-use-class-diagram-to-communicate-with-client
hirotokirimaru
0
670
Code Smellsの Primitive Obsession に気を付けて設計する/Designing-with-Code-Smells-Primitive-Obsession
hirotokirimaru
1
3.7k
FCCを推す/My favorite software architecture is FCC
hirotokirimaru
0
260
Other Decks in Technology
See All in Technology
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
3
230
Cosmos World Foundation Model Platform for Physical AI
takmin
0
980
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
torounit
0
200
マネージャー視点で考えるプロダクトエンジニアの評価 / Evaluating Product Engineers from a Manager's Perspective
hiro_torii
0
190
AIが実装する時代、人間は仕様と検証を設計する
gotalab555
1
560
Red Hat OpenStack Services on OpenShift
tamemiya
0
140
データの整合性を保ちたいだけなんだ
shoheimitani
8
3.2k
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
khmoryz
0
210
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
nihonbuson
PRO
2
340
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
rvirus0817
0
350
30万人の同時アクセスに耐えたい!新サービスの盤石なリリースを支える負荷試験 / SRE Kaigi 2026
genda
4
1.4k
Cloud Runでコロプラが挑む 生成AI×ゲーム『神魔狩りのツクヨミ』の裏側
colopl
0
140
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
66
37k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
For a Future-Friendly Web
brad_frost
182
10k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
330
Into the Great Unknown - MozCon
thekraken
40
2.3k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
68
[SF Ruby Conf 2025] Rails X
palkan
1
760
Discover your Explorer Soul
emna__ayadi
2
1.1k
Agile that works and the tools we love
rasmusluckow
331
21k
New Earth Scene 8
popppiees
1
1.5k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
230
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/