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
550
Material Themingとは何か / material theming overview
Kyash社内でエンジニアチーム向けにLTした話です。
konifar
January 17, 2019
Tweet
Share
More Decks by konifar
See All by konifar
提案のレベルを上げる #QiitaConference
konifar
79
31k
目安箱の設置とワークさせるポイント
konifar
4
2.1k
サバイバルモード下でのエンジニアリングマネジメント
konifar
30
13k
Android開発以外のAndroid開発経験の活かしどころ
konifar
3
2.9k
初めてのiOS関連GitHub ActionsをMarketplaceに公開するまでの実録
konifar
3
390
オーナーシップを持つ領域を明確にする
konifar
16
5.7k
雑に思考を整理する技術と効能
konifar
78
43k
何のための個人目標設定?
konifar
33
17k
30点で打席に立つ
konifar
89
57k
Other Decks in Programming
See All in Programming
「App Intent」よくわからんけどすごい!
rinngo0302
1
100
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
660
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
7
2.4k
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
3
410
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
7k
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
21k
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
180
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
300
Goで作る、開発・CI環境
sin392
0
260
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
170
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
1.1k
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
680
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Speed Design
sergeychernyshev
32
1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
750
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
GitHub's CSS Performance
jonrohan
1031
460k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Site-Speed That Sticks
csswizardry
10
700
How to train your dragon (web standard)
notwaldorf
96
6.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The Cult of Friendly URLs
andyhume
79
6.5k
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 • ςΩετೖྗ෦͖ͭʹ͢Δ • ؙ֯/Χοτͷେ͖͞ϒϥϯυʹ߹Θͤͯݕ ౼͢Δ
࣮ͷΩϟονΞοϓ Ͱ͖ͨͷͰ͍ͬͯͧ͘