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
960
Vue初心者はVuetifyで遊んでみよう
kirimaru
June 24, 2019
Tweet
Share
More Decks by kirimaru
See All by kirimaru
DDD(ドメイン駆動設計)を知らない人に知ったつもりさせる/Introduce_DDD_to_unfamiliar_individuals
hirotokirimaru
0
200
例示! Spring Bootで作られた REST APIのテストコード/ Testing-Example-for-a-REST-API-created-with-Spring-Boot
hirotokirimaru
2
1.4k
一緒に使うことが多い値は別クラスにしよう(Data Clumps)/data_clumps_is_useful
hirotokirimaru
0
560
Backlogが好きな話。/i_like_backlog
hirotokirimaru
0
94
私が好きなポートアンドアダプターを紹介する/I-like-hexagonal-architecture.pdf
hirotokirimaru
1
650
名付けのためにクラス図を元に会話しよう/Let's-use-class-diagram-to-communicate-with-client
hirotokirimaru
0
550
Code Smellsの Primitive Obsession に気を付けて設計する/Designing-with-Code-Smells-Primitive-Obsession
hirotokirimaru
1
2.9k
FCCを推す/My favorite software architecture is FCC
hirotokirimaru
0
150
我々はなぜオブジェクト指向やDDD等のアーキテクチャを学ぶのか/Why_we_learn_ObjectOriented_and_DDD_Architecture
hirotokirimaru
1
960
Other Decks in Technology
See All in Technology
AIアシスタントの活用で品質の向上と開発ワークフローのスピードアップ
nagix
1
210
サービス開発を前に進めるために 新米リードエンジニアが 取り組んだこと / Steps Taken by a Novice Lead Engineer to Advance Service Development
nologyance
0
180
GoとアクターモデルでES+CQRSを実践! / proto_actor_es_cqrs
ytake
1
160
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
190
DDDにおける認可の扱いとKotlinにおける実装パターン / authorization-for-ddd-and-kotlin-implement-pattern
urmot
4
390
セキュリティ研修 Day1【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
AWS IAMのアンチパターン/AWSが考える最低権限実現へのアプローチ概略(JAWS-UG朝会#59資料改修20分版)
htan
0
330
AOAI Dev Day LLMシステム開発 Tips集
hirosatogamo
15
3.8k
年間一億円削減した時系列データベースのアーキテクチャ改善~不確実性の高いプロジェクトへの挑戦~
lycorptech_jp
PRO
3
2.9k
ここがすごいよ! AWS Systems Manager!
saichan11
0
1.8k
ペパボのオブザーバビリティ研修2024 説明資料
kesompochy
0
1.1k
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
Practical Orchestrator
shlominoach
185
10k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
How to Ace a Technical Interview
jacobian
274
23k
Automating Front-end Workflow
addyosmani
1362
200k
The Language of Interfaces
destraynor
151
23k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Six Lessons from altMBA
skipperchong
24
3.2k
Faster Mobile Websites
deanohume
303
30k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
Git: the NoSQL Database
bkeepers
PRO
423
64k
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/