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
Introduction of MaterialDesign for engineer
Search
Masaya Yashiro
August 29, 2016
Technology
0
95
Introduction of MaterialDesign for engineer
Masaya Yashiro
August 29, 2016
Tweet
Share
More Decks by Masaya Yashiro
See All by Masaya Yashiro
拡大期を迎えたプロダクトに起きたこと - Android編
yashims
0
510
How useful Kotlin/Native in Kotlin 1.3
yashims
0
420
UX design trend 2019
yashims
5
1.6k
Kotlin/MPP getting started and troubles
yashims
0
4k
C# code refactoring with Scope Functions
yashims
0
2.8k
ココがダメだよWebCamTexture
yashims
0
95
Other Decks in Technology
See All in Technology
LLMの開発と社会実装の今と未来 / AI Builders' Community (ABC) vol.2
pfn
PRO
1
120
伝わるコードレビュー
abenben
1
100
AIとSREで「今」できること
honmarkhunt
3
720
MCP でモノが動くとおもしろい/It is interesting when things move with MCP
bitkey
2
450
AIと共同執筆してより質の高い記事を書こう
riyaamemiya
1
290
正式リリースされた Semantic Kernel の Agent Framework 全部紹介!
okazuki
1
1k
AOAI で AI アプリを開発する時にまず考えたいこと
mappie_kochi
1
650
GraphQLを活用したリアーキテクチャに対応するSLI/Oの再設計
coconala_engineer
0
210
Cursorを全エンジニアに配布 その先に見据えるAI駆動開発の未来 / 2025-05-13-forkwell-ai-study-1-cursor-at-loglass
itohiro73
2
420
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな(2025年版)
infiniteloop_inc
4
14k
非root化Androidスマホでも動く仮想マシンアプリを試してみた
arkw
0
120
Azure Maps Visual in PowerBIで分析しよう
nakasho
0
210
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Into the Great Unknown - MozCon
thekraken
38
1.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.7k
A better future with KSS
kneath
239
17k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Practical Orchestrator
shlominoach
187
11k
How GitHub (no longer) Works
holman
314
140k
Code Reviewing Like a Champion
maltzj
523
40k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
5
600
RailsConf 2023
tenderlove
30
1.1k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Embracing the Ebb and Flow
colly
85
4.7k
Transcript
ΤϯδχΞͷͨΊͷ ϚςϦΞϧσβΠϯೖ @yashims85
୭ • ণ @yashims85 • ྑ͍ϓϩμΫτΛ࡞Γ͍ͨΤϯδχΞ • ؾ࣋ͪ20த൫
օ͞Μ͜Μͳࣄܦݧ͋Γ·ͤΜ ͔ʁ
σβΠφ: ͜ΕͰ࣮͓ئ͍͠·͢ʔʂ ΅͘: Αͬ͠Όʂ࣮͕ΜΔ͍ͧʂ ΅͘: Μʔʁ ΅͘: ΜΜΜʔʁ ΅͘: ͏ʔΜɻɻඍົͳσβΠϯͳؾ͕͢Δ͚ͲɺσβΠ
φ্͕͖͛ͯͨͷͩ͠ͳ͊ɻɻ ΅͘: ·͊ɺ͍͍͔ɻɻ
͋Δ͍͜Μͳࣄ
΅͘: UI࣮Ͱ͖ͨͷͰಈ͔ͯ͠ΈΔ͍ͧɻ ΅͘: …Ξχϝʔγϣϯཉ͍͍ͧ͠ɻɻ ΅͘: ͍͍ײ͡ʹͪΐͪΐ͍ͱͬͯΈΔ͔(^o^) σβΠφ: ͏ʔΜඍົ͍ɻ ΅͘: (´ɾωɾʆ)
͋Δ͍͜Μͳࣄ
σβΠφ: UI࣮͓ئ͍͠·ʔ͢ʂ ΅͘: ͕ΜΔ͍ͧʂ ΅͘: ͳΜ͔৽ن࣮ଟ͍ͧɻɻ ΅͘: ͓ΘΒͳ͍ɻɻ ΅͘: ͓ΘΒͳ͍ɻɻ
ͦΕɺ͔ͨ͠͠ΒϚςϦΞϧσβΠ ϯΛ֮͑Δ͜ͱͰղܾͰ͖Δ͔͠Ε ·ͤΜ
ϚςϦΞϧσβΠϯͷ3ݪଇ
ϚςϦΞϧσβΠϯͷ3ݪଇ • ϚςϦΞϧσβΠϯϝλϑΝʔͰ͋Δ • ϚςϦΞϧσβΠϯࢴͷϝλϑΝʔΛ࣋ͭ(λϯδϒ ϧUI)
ϚςϦΞϧσβΠϯͷ3ݪଇ • େɺੜ͖ੜ͖ɺҙਤత • ࢴͷσβΠϯͱಉ͡Α͏ߟ͑Δ • typography༨നɺΧϥʔେʹ͓͏
ϚςϦΞϧσβΠϯͷ3ݪଇ • ϞʔγϣϯҙຯΛఏڙ͢Δ • Կʹ͢ΕΑ͍͔༠ಋͰ͖Δ • ਖ਼͍͠ϞʔϑΟϯάϢʔβͷମݧΛ࿈ଓతͳͷʹ ͢Δ
Ͱɺ΅͘σβΠϯηϯεແ͍ ͠ɻɻ
ͦΜͳਓͷͨΊͷϚςϦΞϧσ βΠϯͰ͢ʂʂ
΅͘σβΠϯηϯεແ͍͠ • υΩϡϝϯτ͕උ͞Ε͍ͯΔ • https://design.google.com/ • https://material.google.com/ • σβΠϯͷઃܭࢥ͕͋Δ •
σβΠϯύλʔϯ͕๛ • ύλʔϯͱϩδοΫͰͯ͢ޠΕ͍ͯΔ
ύλʔϯͱϩδοΫͰޠΒΕ͍ͯΔͳΒɺ ΤϯδχΞతࢥߟͰσβΠϯͷྑ͠ѱ͠ ΛஅͰ͖Δ
ϚςϦΞϧσβΠϯΛ͓΅͑Δ ͱͲ͏ͳΔ͔
σβΠφ: ͜ΕͰ࣮͓ئ͍͠·͢ʔʂ ΅͘: Αͬ͠Όʂ࣮͕ΜΔ͍ͧʂ ΅͘: Μʔʁ ΅͘: ͏ʔΜɻɻσβύλతʹඍົͳͷͰɺͲ͏͍͏ઃܭ ҙਤͳͷ͔֬ೝͯ͠ΈΑ͏ɻ σβΠφ:
·͊ɺGoogle༷͕ݴ͏ͳΒ͠ΐ͏͕ͳ͍ΑͶɻ ΅͘: ʢʈνʈʣχοίϦ Google༷͕ݴ͏ͳΒ͠ΐ͏͕ͳ͍
͋Δ͍͜͏ͳΔ
΅͘: UI࣮Ͱ͖ͨͷͰಈ͔ͯ͠ΈΔ͍ͧɻ ΅͘: …Ξχϝʔγϣϯཉ͍͍ͧ͠ɻɻ ΅͘: ϚςϦΞϧσβΠϯతߟ͑ํऔΓೖΕͯͪΐͪΐ͍ ͱͬͯΈΔ͔ɻ σβΠφ: ѱ͘ͳ͍ ΅͘:
ʢʈνʈʣχοίϦ
͋Δ͍͜͏ͳΔ
σβΠφ: UI࣮͓ئ͍͠·ʔ͢ʂ ΅͘: ͳΜ͔৽ن࣮ଟ͍ͧɻɻ ΅͘: ࣅͨUI͕͢Ͱʹ͋ΔΘ͚Ͱ͕͢ɺ৽ͨʹ࣮͢Δҙ ਤͱʁ σβΠφ: ಛʹແ͍ ΅͘:
ʢʈνʈʣχοίϦ
MFͰͬͯΔษڧ๏
MFͰͬͯΔษڧ๏ • ͍͏ͯυΩϡϝϯτશ෦ӳޠ • ҰਓͰಡΉͷਏ͍ͷͰɺΈΜͳͰಡΈ߹Θͤ • UIຖʹಡΜͰҙݟަ͋͠͏ • Googleͷϖʔδ༁ͰେମҙਤΘΔ
·ͱΊ • σβΠϯηϯε͕ແͯ͘ϚςϦΞϧσβΠϯޠΕΔ • ϚςϦΞϧσβΠϯύλʔϯͱϩδοΫ • ύλʔϯͱϩδοΫͳΒΤϯδχΞಘҙ • Google༷ͷҖΛआΓͯԺศʹࡁ·ͤΒΕΔ