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
560
Material Themingとは何か / material theming overview
Kyash社内でエンジニアチーム向けにLTした話です。
konifar
January 17, 2019
Tweet
Share
More Decks by konifar
See All by konifar
物語を動かす行動"量" #エンジニアニメ
konifar
14
5.7k
提案のレベルを上げる #QiitaConference
konifar
79
32k
目安箱の設置とワークさせるポイント
konifar
5
2.2k
サバイバルモード下でのエンジニアリングマネジメント
konifar
30
13k
Android開発以外のAndroid開発経験の活かしどころ
konifar
3
3k
初めてのiOS関連GitHub ActionsをMarketplaceに公開するまでの実録
konifar
3
410
オーナーシップを持つ領域を明確にする
konifar
16
5.7k
雑に思考を整理する技術と効能
konifar
78
44k
何のための個人目標設定?
konifar
34
19k
Other Decks in Programming
See All in Programming
オープンセミナー2025@広島LT技術ブログを続けるには
satoshi256kbyte
0
150
AIでLINEスタンプを作ってみた
eycjur
1
220
Laravel Boost 超入門
fire_arlo
2
160
OSS開発者という働き方
andpad
5
1.5k
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
clshinji
1
180
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
130
tool ディレクティブを導入してみた感想
sgash708
1
160
Updates on MLS on Ruby (and maybe more)
sylph01
1
160
旅行プランAIエージェント開発の裏側
ippo012
1
530
TDD 実践ミニトーク
contour_gara
1
250
TanStack DB ~状態管理の新しい考え方~
bmthd
2
370
AI時代に学習する意味はあるのか?
tomoyakamaji
0
100
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
45
7.6k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
RailsConf 2023
tenderlove
30
1.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
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 • ςΩετೖྗ෦͖ͭʹ͢Δ • ؙ֯/Χοτͷେ͖͞ϒϥϯυʹ߹Θͤͯݕ ౼͢Δ
࣮ͷΩϟονΞοϓ Ͱ͖ͨͷͰ͍ͬͯͧ͘