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
Material Themingとは何か / material theming overview
Search
konifar
January 17, 2019
Programming
2
400
Material Themingとは何か / material theming overview
Kyash社内でエンジニアチーム向けにLTした話です。
konifar
January 17, 2019
Tweet
Share
More Decks by konifar
See All by konifar
オーナーシップを持つ領域を明確にする
konifar
13
3.4k
雑に思考を整理する技術と効能
konifar
64
31k
何のための個人目標設定?
konifar
27
13k
30点で打席に立つ
konifar
79
48k
Linterでチョット安心 iOS多言語化対応 / ios-i18n-linter
konifar
1
890
VPoEとして1年 もっとこうすればよかった3選 / VPoE Retrospective
konifar
13
6k
Introduction to API Testing Automation by Postman
konifar
1
3.5k
Kyash iOSアプリのQAの歴史
konifar
1
9.8k
エンジニアから見たKyashのPdMのおしごと / An engineer's perspective for PdM roles in Kyash
konifar
3
1.8k
Other Decks in Programming
See All in Programming
Effectで作る堅牢でスケーラブルなAPIゲートウェイ / Robust and Scalable API Gateway Built on Effect
yasaichi
7
1.2k
戦略的DDDは重いのか? / Is strategic DDD heavy?
pictiny
3
2k
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
2
460
Scalable Customer Journey Orchestration (CJO)
lewuathe
0
480
Runtime Objects in Rust
mitsuhiko
0
200
Node.js v22 で変わること
yosuke_furukawa
PRO
12
4.2k
otelcol receiver 自作RTA / Pepabo Tech Conference #22 春のSREまつり
arthur1
0
110
一文字エイリアスのすすめ
fujimura
0
180
GitHub Actionsの痒いところを埋めるサードパーティーランナー
dora1998
1
150
Powerfully Typed TypeScript
euxn23
3
850
Try creating your own orderedmap
kazamori
1
280
Three ways to use AI on Android: The Good, the Bad and the Ugly
marxallski
0
120
Featured
See All Featured
The Brand Is Dead. Long Live the Brand.
mthomps
49
30k
Adopting Sorbet at Scale
ufuk
69
8.6k
GraphQLとの向き合い方2022年版
quramy
33
12k
Building Adaptive Systems
keathley
32
1.9k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
The Cost Of JavaScript in 2023
addyosmani
21
3.9k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
[RailsConf 2023] Rails as a piece of cake
palkan
28
4k
The Mythical Team-Month
searls
217
42k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Facilitating Awesome Meetings
lara
43
5.6k
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 • ςΩετೖྗ෦͖ͭʹ͢Δ • ؙ֯/Χοτͷେ͖͞ϒϥϯυʹ߹Θͤͯݕ ౼͢Δ
࣮ͷΩϟονΞοϓ Ͱ͖ͨͷͰ͍ͬͯͧ͘