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
370
Material Themingとは何か / material theming overview
Kyash社内でエンジニアチーム向けにLTした話です。
konifar
January 17, 2019
Tweet
Share
More Decks by konifar
See All by konifar
何のための個人目標設定?
konifar
23
12k
30点で打席に立つ
konifar
77
46k
Linterでチョット安心 iOS多言語化対応 / ios-i18n-linter
konifar
1
810
VPoEとして1年 もっとこうすればよかった3選 / VPoE Retrospective
konifar
13
5.9k
Introduction to API Testing Automation by Postman
konifar
1
3.4k
Kyash iOSアプリのQAの歴史
konifar
1
9k
エンジニアから見たKyashのPdMのおしごと / An engineer's perspective for PdM roles in Kyash
konifar
3
1.7k
Kyash Androidのイースターエッグ実装 / Kyash Android Easter Eggs
konifar
2
1.1k
Master of Android Theme
konifar
23
13k
Other Decks in Programming
See All in Programming
Flutterアプリを GitHub Actions & Xcode Cloud で社内配布する / Distribute Flutter apps internally
takasfz
0
130
Material 3で Material 2ぽい見た目にする
numeroanddev
2
220
ADRを一年運用してみた/our_story_about_adr
hanhan1978
3
1.1k
document.write再考
brn
5
1.9k
sbt-assemblyにハマってDB接続できず時間が溶けた話
wakye5815
1
660
htmx is fun!
codehex
2
160
私がエッジを使う理由
chimame
9
3.6k
phpunit/php-code-coverageって何をしてるんだ #phperkaigi
o0h
PRO
2
190
ファイル先頭の use の意味、説明できますか? 〜PHP の namespace と autoloading の関係を正しく理解しよう〜 / namespace and autoloading in php
okashoi
2
400
Sementic Kernelのネイティブ関数について
tomokusaba
0
780
Cloudflare Workersの環境を再現することについて
yusukebe
5
720
まっちすいっち戦争 / match vs switch
takuyakatsusa
1
620
Featured
See All Featured
Music & Morning Musume
bryan
39
5.4k
A Modern Web Designer's Workflow
chriscoyier
689
190k
A designer walks into a library…
pauljervisheath
199
23k
GitHub's CSS Performance
jonrohan
1023
450k
Gamification - CAS2011
davidbonilla
76
4.5k
How GitHub (no longer) Works
holman
301
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Thoughts on Productivity
jonyablonski
57
3.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
185
15k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
Design by the Numbers
sachag
274
18k
Building a Modern Day E-commerce SEO Strategy
aleyda
15
6.3k
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 • ςΩετೖྗ෦͖ͭʹ͢Δ • ؙ֯/Χοτͷେ͖͞ϒϥϯυʹ߹Θͤͯݕ ౼͢Δ
࣮ͷΩϟονΞοϓ Ͱ͖ͨͷͰ͍ͬͯͧ͘