Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Material Themingとは何か / material theming overview

35e08efcf39d692f540047fb756eb4e3?s=47 konifar
January 17, 2019
Programming
2
230

Material Themingとは何か / material theming overview

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

35e08efcf39d692f540047fb756eb4e3?s=128

konifar

January 17, 2019
Tweet

More Decks by konifar

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

Other Decks in Programming

See All in Programming
Oculus Interaction SDK 概説 / xrdnk-caunity-LT4
270b0c7883545117a9a618dc7ca7cc83?s=48 xrdnk
0
230
Kotlin 最新動向2022 #tfcon #techfeed
14c9795d267f5b85abb98ca5e8780646?s=48 ntaro
1
1.1k
プログラミングを勉強したいと言われたら
6dd39716ef7dde18a609703e8e26b7ec?s=48 yuba_4
0
420
実録mruby組み込み体験
5b3338b3676d4f7091a575e584f3a4f4?s=48 coe401_
0
110
byte列のbit表現を得るencodingライブラリ作った
66487f93d23ed4f64752cffbafdb938a?s=48 convto
1
180
偏見と妄想で語るスクリプト言語としての Swift / Swift as a Scripting Language
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
2
270
How useEvent would change our applications
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
1
1.7k
Cloud-Conference-Day-Spring Cloud + Spring Webflux: como desenvolver seu primeiro microsserviço reativo em Java?
102398563fd1bf878b35dc2d5ee67cbe?s=48 kamilahsantos
1
140
The future of trust stores in Python
6638acfdb9c5979d11b4312984292c55?s=48 sethmlarson
0
180
インフラエンジニアの多様性と評価、またはキャリアへのつなげ方 / Careers as infrastructure engineers
C0479b152c326746e911be790617f75b?s=48 katsuhisa91
0
540
Explore Java 17 and beyond
F784a8de872a5d98f67ac5ccbd6683d0?s=48 josepaumard
3
660
デュアルトラックアジャイル × Agile Testingから 見えてきたQAのミライ
F0a8d07597a19192791bf663504d2a17?s=48 atamaplus
0
410

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
9
1.1k
Embracing the Ebb and Flow
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
73
3.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.2k
The World Runs on Bad Software
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
56
5.2k
ReactJS: Keep Simple. Everything can be a component!
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k
The Brand Is Dead. Long Live the Brand.
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
45
2.7k
Streamline your AJAX requests with AmplifyJS and jQuery
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
125
8.5k
A designer walks into a library…
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
196
16k
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
124
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
How to Ace a Technical Interview
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
265
21k
How to train your dragon (web standard)
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
57
3.8k

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