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
提案のレベルを上げる #QiitaConference
konifar
79
31k
目安箱の設置とワークさせるポイント
konifar
4
2.1k
サバイバルモード下でのエンジニアリングマネジメント
konifar
30
13k
Android開発以外のAndroid開発経験の活かしどころ
konifar
3
2.9k
初めてのiOS関連GitHub ActionsをMarketplaceに公開するまでの実録
konifar
3
400
オーナーシップを持つ領域を明確にする
konifar
16
5.7k
雑に思考を整理する技術と効能
konifar
78
43k
何のための個人目標設定?
konifar
34
18k
30点で打席に立つ
konifar
90
57k
Other Decks in Programming
See All in Programming
대규모 트래픽을 처리하는 프론트 개발자의 전략
maryang
0
110
GUI操作LLMの最新動向: UI-TARSと関連論文紹介
kfujikawa
0
190
iOS開発スターターキットの作り方
akidon0000
0
230
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
uzulla
1
320
Claude Code と OpenAI o3 で メタデータ情報を作る
laket
0
110
階層化自動テストで開発に機動力を
ickx
1
470
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
370
Dart 参戦!!静的型付き言語界の隠れた実力者
kno3a87
0
160
JetBrainsのAI機能の紹介 #jjug
yusuke
0
180
知って得する@cloudflare_vite-pluginのあれこれ
chimame
1
140
TypeScriptでDXを上げろ! Hono編
yusukebe
4
920
構造化・自動化・ガードレール - Vibe Coding実践記 -
tonegawa07
0
170
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Designing for humans not robots
tammielis
253
25k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Unsuck your backbone
ammeep
671
58k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
Building an army of robots
kneath
306
45k
The Cost Of JavaScript in 2023
addyosmani
51
8.7k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Done Done
chrislema
185
16k
Thoughts on Productivity
jonyablonski
69
4.8k
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 • ςΩετೖྗ෦͖ͭʹ͢Δ • ؙ֯/Χοτͷେ͖͞ϒϥϯυʹ߹Θͤͯݕ ౼͢Δ
࣮ͷΩϟονΞοϓ Ͱ͖ͨͷͰ͍ͬͯͧ͘