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.9k
エンジニアから見たKyashのPdMのおしごと / An engineer's perspective for PdM roles in Kyash
konifar
3
1.8k
Other Decks in Programming
See All in Programming
仕様と実装で学ぶOpenTelemetry
drumato
2
260
Runtime Objects in Rust
mitsuhiko
0
210
Try creating your own orderedmap
kazamori
1
280
RustでAWS Lambda functionをいい感じに書く
taiki45
2
140
チーム立ち上げにAWSを活用したらClaudeさんに褒められた話
mkdev10
3
230
Docker_OSS_ホスティング入門
satokoki645
0
140
AmperとFleetを使ったAndroidアプリ
yoppie
0
300
“Seeing Like a Programmer”—Resiliency, Limits, and Moral Hazards in Software Engineering (LambdaConf 2024)
chriskrycho
0
420
TypeScriptコードの漸進的改善 / Progressive Improvement of TypeScript Code
medley
1
410
The Cutting Edge Of Versioning (LambdaConf 2024)
chriskrycho
0
250
Balkan Ruby 2024 — How and why to run SQLite on Rails in production
fractaledmind
0
110
TypeScriptとGraphQLで実現する 型安全なAPI実装 / TSKaigi 2024
hokaccha
5
2.6k
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Unsuck your backbone
ammeep
664
57k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.7k
How to train your dragon (web standard)
notwaldorf
75
5.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
245
20k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
Producing Creativity
orderedlist
PRO
338
39k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
8
3.5k
How GitHub (no longer) Works
holman
305
140k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.8k
Atom: Resistance is Futile
akmur
260
25k
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 • ςΩετೖྗ෦͖ͭʹ͢Δ • ؙ֯/Χοτͷେ͖͞ϒϥϯυʹ߹Θͤͯݕ ౼͢Δ
࣮ͷΩϟονΞοϓ Ͱ͖ͨͷͰ͍ͬͯͧ͘