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
91
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
480
How useful Kotlin/Native in Kotlin 1.3
yashims
0
400
UX design trend 2019
yashims
5
1.5k
Kotlin/MPP getting started and troubles
yashims
0
3.9k
C# code refactoring with Scope Functions
yashims
0
2.8k
ココがダメだよWebCamTexture
yashims
0
81
Other Decks in Technology
See All in Technology
3年でバックエンドエンジニアが5倍に増えても破綻しなかったアーキテクチャ そして、これから / Software architecture that scales even with a 5x increase in backend engineers in 3 years
euglena1215
9
3.5k
多領域インシデントマネジメントへの挑戦:ハードウェアとソフトウェアの融合が生む課題/Challenge to multidisciplinary incident management: Issues created by the fusion of hardware and software
bitkey
PRO
2
120
Work as an App Engineer
lycorp_recruit_jp
0
360
TSKaigi 2024 の登壇から広がったコミュニティ活動について
tsukuha
0
170
どちらを使う?GitHub or Azure DevOps Ver. 24H2
kkamegawa
0
1.2k
小学3年生夏休みの自由研究「夏休みに Copilot で遊んでみた」
taichinakamura
0
180
1等無人航空機操縦士一発試験 合格までの道のり ドローンミートアップ@大阪 2024/12/18
excdinc
0
180
スタートアップで取り組んでいるAzureとMicrosoft 365のセキュリティ対策/How to Improve Azure and Microsoft 365 Security at Startup
yuj1osm
0
240
クレカ・銀行連携機能における “状態”との向き合い方 / SmartBank Engineer LT Event
smartbank
2
100
宇宙ベンチャーにおける最近の情シス取り組みについて
axelmizu
0
120
Google Cloud で始める Cloud Run 〜AWSとの比較と実例デモで解説〜
risatube
PRO
0
120
バクラクのドキュメント解析技術と実データにおける課題 / layerx-ccc-winter-2024
shimacos
2
1.2k
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
450
Documentation Writing (for coders)
carmenintech
67
4.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
170
4 Signs Your Business is Dying
shpigford
182
21k
Faster Mobile Websites
deanohume
305
30k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
Building Adaptive Systems
keathley
38
2.3k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Cost Of JavaScript in 2023
addyosmani
46
7k
GitHub's CSS Performance
jonrohan
1031
460k
Adopting Sorbet at Scale
ufuk
73
9.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༷ͷҖΛआΓͯԺศʹࡁ·ͤΒΕΔ