$30 off During Our Annual Pro Sale. View Details »

Material Themingとは何か / material theming overview

konifar
January 17, 2019
Programming
2
250

Material Themingとは何か / material theming overview

Kyash社内でエンジニアチーム向けにLTした話です。

konifar

January 17, 2019
Tweet

More Decks by konifar

See All by konifar
Introduction to API Testing Automation by Postman
konifar
1
2.8k
Kyash iOSアプリのQAの歴史
konifar
0
4.7k
エンジニアから見たKyashのPdMのおしごと / An engineer's perspective for PdM roles in Kyash
konifar
3
1.4k
Kyash Androidのイースターエッグ実装 / Kyash Android Easter Eggs
konifar
2
900
Master of Android Theme
konifar
23
12k
KyashのGoogle Pay対応の概要 / kyash-google-pay
konifar
2
770
LottieAnimation with DataBinding
konifar
5
420
私の年収グラフと幸せグラフ / The graph of my income and happiness
konifar
14
16k
Kyash AndroidのUIテストを運用にのせるまで / How to introduce UI tests in Kyash Android
konifar
0
870

Other Decks in Programming

See All in Programming
AWS AppSync を利用したアプリ開発チーム視点の API 開発
sugiyu1234
0
120
Rust meets Mobile
smileykeith
0
180
JavaOne 2022 報告会（パターンマッチングとString Templatesの話）
takasyou
0
100
Blue / Green デプロイと安全性と複雑性と #AWSDevDay
track3jyo
PRO
11
3.8k
脱Firebase. 我々はどう生きるか/Migrate from Firebase
keisuke69
8
4k
Modern Web Apps with Spring Boot & Angular
toedter
12
15k
Apple Pencilのホバー機能を試す / pencil hover
usamik26
0
270
Neo4j-Migrations: The lean way of applying database refactorings to Neo4j
michaelsimons
0
370
최신 Flutter Desktop 톺아보기 - DevFest 2022 Songdo
itsmedreamwalker
0
170
Wantedlyのフロントエンド領域の取り組みと課題
chloe463
0
1.8k
SvelteKitを本番投入してみて
kubotak
0
210
OMO Package of App Unity
appunity
0
410

Featured

See All Featured
Rails Girls Zürich Keynote
gr2m
87
12k
KATA
mclloyd
10
9.3k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
27
19k
Faster Mobile Websites
deanohume
294
29k
Principles of Awesome APIs and How to Build Them.
keavy
116
15k
Code Review Best Practice
trishagee
48
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
63k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
175
8.9k
The Art of Programming - Codeland 2020
erikaheidi
35
11k
Statistics for Hackers
jakevdp
782
210k
Infographics Made Easy
chrislema
234
17k

Transcript

  1. Material Themingͱ͸Կ͔ 2019/01/17 (໦) Kyash Tech lunch @konifar

  2. AndroidΞϓϦσβΠϯͷྺ࢙ • ~2.3 ແ๏஍ଳ • 4.0~4.4 Holo • 5.0~ Material

    Design • 9.0~ Material Design2 <= New

  3. 4.0~4.4 Holo

  4. 5.0~ Material Design

  5. 9.0~ Material Design2

  6. Not Renewal, it's Update

  7. ैདྷͷ໰୊఺Λղܾͨ͠ • ֦ுੑ
 ΨΠυϥΠϯʹࣔ͞ΕͨσβΠϯʹબ୒ࢶ͕ ͳ͘ɺըҰతͰϒϥϯυ৭͕ग़͠ʹ͍͘ • ࣮ݱੑ
 ಛʹΞχϝʔγϣϯ·ΘΓͷ࣮૷͸ݸʑͷΤ ϯδχΞʹҕͶΒΕ͍ͯΔ

  8. Material Theming • ֦ுੑΛ࣋ͬͨ৽͍͠ϚςϦΞϧσβΠϯͷ ࢦ਑ɾࣄྫूͱɺͦΕΛ࣮ݱ͢ΔͨΊͷσβ Πϯɾ։ൃͷπʔϧηοτΛGoogle͕ఏڙ • https://material.io/design/material-theming/ overview.html

  9. ࢦ਑ͷΞοϓσʔτ • Shapeɺ৽͍͠ίϯϙʔωϯτ • ৭ͷ࢖͍ํΛ۩ମతʹ

  10. ࣄྫू • https://material.io/design/material-studies/

  11. Sketch plugin • https://material.io/tools/theme-editor/

  12. ։ൃπʔϧ • Material Componentsͱ͍͏ϥΠϒϥϦ • https://github.com/material-components • AndroidɺiOSɺFlutterɺWeb͕͋Δ

  13. Demo

  14. Kyashʹ׆͔͢ͱͨ͠Β • Χʔυৄࡉ͸Backdrop͔ͭ͏
 https://material.io/design/components/ backdrop.html • ςΩετೖྗ෦෼͸࿮͖ͭʹ͢Δ • ؙ֯/Χοτͷେ͖͞΋ϒϥϯυʹ߹Θͤͯݕ ౼͢Δ

  15. ࣮૷ͷΩϟονΞοϓ͸ Ͱ͖ͨͷͰ΍͍ͬͯͧ͘