Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Material Themingとは何か / material theming overview
konifar
January 17, 2019
Programming
2
230
Material Themingとは何か / material theming overview
Kyash社内でエンジニアチーム向けにLTした話です。
konifar
January 17, 2019
Tweet
Share
More Decks by konifar
See All by konifar
Introduction to API Testing Automation by Postman
konifar
0
2.4k
Kyash iOSアプリのQAの歴史
konifar
0
3.3k
エンジニアから見たKyashのPdMのおしごと / An engineer's perspective for PdM roles in Kyash
konifar
3
1.3k
Kyash Androidのイースターエッグ実装 / Kyash Android Easter Eggs
konifar
2
830
Master of Android Theme
konifar
23
11k
KyashのGoogle Pay対応の概要 / kyash-google-pay
konifar
2
730
LottieAnimation with DataBinding
konifar
5
350
私の年収グラフと幸せグラフ / The graph of my income and happiness
konifar
14
16k
Kyash AndroidのUIテストを運用にのせるまで / How to introduce UI tests in Kyash Android
konifar
0
840
Other Decks in Programming
See All in Programming
Oculus Interaction SDK 概説 / xrdnk-caunity-LT4
xrdnk
0
230
Kotlin 最新動向2022 #tfcon #techfeed
ntaro
1
1.1k
プログラミングを勉強したいと言われたら
yuba_4
0
420
実録mruby組み込み体験
coe401_
0
110
byte列のbit表現を得るencodingライブラリ作った
convto
1
180
偏見と妄想で語るスクリプト言語としての Swift / Swift as a Scripting Language
lovee
2
270
How useEvent would change our applications
koba04
1
1.7k
Cloud-Conference-Day-Spring Cloud + Spring Webflux: como desenvolver seu primeiro microsserviço reativo em Java?
kamilahsantos
1
140
The future of trust stores in Python
sethmlarson
0
180
インフラエンジニアの多様性と評価、またはキャリアへのつなげ方 / Careers as infrastructure engineers
katsuhisa91
0
540
Explore Java 17 and beyond
josepaumard
3
660
デュアルトラックアジャイル× Agile Testingから 見えてきたQAのミライ
atamaplus
0
410
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
9
1.1k
Embracing the Ebb and Flow
colly
73
3.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.2k
The World Runs on Bad Software
bkeepers
PRO
56
5.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
655
120k
The Brand Is Dead. Long Live the Brand.
mthomps
45
2.7k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
125
8.5k
A designer walks into a library…
pauljervisheath
196
16k
Visualization
eitanlees
124
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
How to Ace a Technical Interview
jacobian
265
21k
How to train your dragon (web standard)
notwaldorf
57
3.8k
Transcript
Material ThemingͱԿ͔ 2019/01/17 () Kyash Tech lunch @konifar
AndroidΞϓϦσβΠϯͷྺ࢙ • ~2.3 ແ๏ଳ • 4.0~4.4 Holo • 5.0~ Material
Design • 9.0~ Material Design2 <= New
4.0~4.4 Holo
5.0~ Material Design
9.0~ Material Design2
Not Renewal, it's Update
ैདྷͷΛղܾͨ͠ • ֦ுੑ ΨΠυϥΠϯʹࣔ͞ΕͨσβΠϯʹબࢶ͕ ͳ͘ɺըҰతͰϒϥϯυ৭͕ग़͠ʹ͍͘ • ࣮ݱੑ ಛʹΞχϝʔγϣϯ·ΘΓͷ࣮ݸʑͷΤ ϯδχΞʹҕͶΒΕ͍ͯΔ
Material Theming • ֦ுੑΛ࣋ͬͨ৽͍͠ϚςϦΞϧσβΠϯͷ ࢦɾࣄྫूͱɺͦΕΛ࣮ݱ͢ΔͨΊͷσβ Πϯɾ։ൃͷπʔϧηοτΛGoogle͕ఏڙ • https://material.io/design/material-theming/ overview.html
ࢦͷΞοϓσʔτ • Shapeɺ৽͍͠ίϯϙʔωϯτ • ৭ͷ͍ํΛ۩ମతʹ
ࣄྫू • https://material.io/design/material-studies/
Sketch plugin • https://material.io/tools/theme-editor/
։ൃπʔϧ • Material Componentsͱ͍͏ϥΠϒϥϦ • https://github.com/material-components • AndroidɺiOSɺFlutterɺWeb͕͋Δ
Demo
Kyashʹ׆͔͢ͱͨ͠Β • ΧʔυৄࡉBackdrop͔ͭ͏ https://material.io/design/components/ backdrop.html • ςΩετೖྗ෦͖ͭʹ͢Δ • ؙ֯/Χοτͷେ͖͞ϒϥϯυʹ߹Θͤͯݕ ౼͢Δ
࣮ͷΩϟονΞοϓ Ͱ͖ͨͷͰ͍ͬͯͧ͘