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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Masaya Yashiro
August 29, 2016
Technology
0
100
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
570
How useful Kotlin/Native in Kotlin 1.3
yashims
0
450
UX design trend 2019
yashims
5
1.7k
Kotlin/MPP getting started and troubles
yashims
0
4.1k
C# code refactoring with Scope Functions
yashims
0
2.9k
ココがダメだよWebCamTexture
yashims
0
120
Other Decks in Technology
See All in Technology
re:Inventで出たインフラエンジニアが嬉しかったアップデート
nagisa53
4
220
「全社導入」は結果。1人の熱狂が組織に伝播したmikanのn8n活用
sota_mikami
0
570
re:Inventで見つけた「運用を捨てる」技術。
ezaki
1
150
Claude Codeベストプラクティスまとめ
minorun365
50
29k
AI時代にあわせたQA組織戦略
masamiyajiri
6
2.9k
BPaaSオペレーション・kubell社内 n8n活用による効率化検証事例紹介
kubell_hr
0
350
MySQLのJSON機能の活用術
ikomachi226
0
100
ゼロから始めたFindy初のモバイルアプリ開発
grandbig
2
420
Data Hubグループ 紹介資料
sansan33
PRO
0
2.7k
AI時代、1年目エンジニアの悩み
jin4
0
120
ドキュメントからはじめる未来のソフトウェア
pkshadeck
4
2k
Exadata Database Service ソフトウェアのアップデートとアップグレードの概要
oracle4engineer
PRO
1
1.2k
Featured
See All Featured
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
160
The Limits of Empathy - UXLibs8
cassininazir
1
210
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Abbi's Birthday
coloredviolet
1
4.6k
How to make the Groovebox
asonas
2
1.9k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
61
49k
KATA
mclloyd
PRO
34
15k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
0
1.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
150
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
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༷ͷҖΛआΓͯԺศʹࡁ·ͤΒΕΔ