Material Themingとは何か / material theming overview

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

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. ࣮૷ͷΩϟονΞοϓ͸ Ͱ͖ͨͷͰ΍͍ͬͯͧ͘