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
10分で完全に(雰囲気を)理解するマテリアルデザイン
Search
yagi2
April 20, 2018
Technology
1
410
10分で完全に(雰囲気を)理解するマテリアルデザイン
Kyoto.LT 第20回の発表スライドです
https://kyotolt.connpass.com/event/82294/
yagi2
April 20, 2018
Tweet
Share
More Decks by yagi2
See All by yagi2
Kotlin DSLを理解してみる / Understanding Kotlin DSL
yagi2
4
2.4k
おうちにAPIを生やすお話.pdf
yagi2
0
450
略解 The Navigation Architecture Component
yagi2
1
200
KtorでおうちAPIをリプレースした話
yagi2
1
1k
Other Decks in Technology
See All in Technology
Visual StudioとかIDE関連小ネタ話
kosmosebi
1
320
.NET 最新アップデート ~ AI とクラウド時代のアプリモダナイゼーション
chack411
0
160
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
1
5k
Evolving Architecture
rainerhahnekamp
3
240
KMP with Crashlytics
sansantech
PRO
0
130
30分でわかる「リスクから学ぶKubernetesコンテナセキュリティ」/30min-k8s-container-sec
mochizuki875
3
390
React Routerで実現する型安全なSPAルーティング
sansantech
PRO
4
930
駆け出しリーダーとしての第一歩〜開発チームとの新しい関わり方〜 / Beginning Journey as Team Leader
kaonavi
0
100
ソフトウェア開発における「パーフェクトな意思決定」/Perfect Decision-Making in Software Development
yayoi_dd
2
2.7k
OCI技術資料 : ファイル・ストレージ 概要
ocise
3
12k
あなたの人生も変わるかも?AWS認定2つで始まったウソみたいな話
iwamot
1
610
ドメイン駆動設計の実践により事業の成長スピードと保守性を両立するショッピングクーポン
lycorptech_jp
PRO
3
540
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
170
14k
Done Done
chrislema
182
16k
BBQ
matthewcrist
85
9.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Facilitating Awesome Meetings
lara
50
6.2k
Faster Mobile Websites
deanohume
305
30k
Making the Leap to Tech Lead
cromwellryan
133
9k
The Cult of Friendly URLs
andyhume
78
6.1k
Building Applications with DynamoDB
mza
92
6.1k
Bash Introduction
62gerente
610
210k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
340
Transcript
10Ͱશʹཧղ͢Δ ϚςϦΞϧσβΠϯ γʔαʔגࣜձࣾɹItuski Aoyagi (@yagi2) 2018-04-20(Fri) Kyoto.LT #20
ࣗݾհ ɾ੨༄ थʢ͓͋͗ ͍͖ͭʣ a.k.a ͗ʹ͍ ɾAndroidΞϓϦΤϯδχΞ ʢ✨2✨ʣ ɾσβΠϯͳΜʹΘ͔ΒΜϚϯ
ϚςϦΞϧσβΠϯ ͬͯΔਓ
–from Wikipedia “ϚςϦΞϧσβΠϯʢMaterial Designʣɺ ΞϝϦΧ߹ऺࠃͷGoogle͕ࣾఏএͨ͠Ϣʔβʔ ΤΫεϖϦΤϯεσβΠϯͷମܥɺ͓ΑͼͦΕ Λ࣮ݱ͢Δ։ൃٕज़ख๏ɺσβΠϯɺࢼΈͳ Ͳͷแׅతݺশɻ”
None
ϚςϦΞϧσβΠϯ ΨΠυϥΠϯ ΛಡΜͩ͜ͱ͋Δਓ
None
10Ͱશʹཧղ͢Δ ϚςϦΞϧσβΠϯ
10Ͱશʹཧղ͢Δ ϚςϦΞϧσβΠϯ 10ޙͷඪ →
ࠓϚςϦΞϧσβΠϯΨΠυϥΠϯͷද໘Λ ;ΜΘΓͳͧͬͯงғؾΛཧղ͠·͠ΐ͏
10ͰงғؾΛཧղ͢Δ ϚςϦΞϧσβΠϯ γʔαʔגࣜձࣾɹItuski Aoyagi (@yagi2) 2018-04-20(Fri) Kyoto.LT #20
ʮݹయతͳ͍͍σβΠϯͷݪଇʯ + ʮٕज़ՊֶͷՄೳੑͱֵ৽ʯ ↓ ࢹ֮తͳݴޠͷ࡞ ϚςϦΞϧσβΠϯͷΰʔϧ
ϚςϦΞϧϝλϑΝʔ େͰ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ
ϚςϦΞϧݱ࣮ੈքʹج͍ͮ ͍ͯΔ ਓؒʹͱͬͯೃછΈͷ͋Δײ֮ ΛऔΓೖΕΔ ࢴͱΠϯΫͷॏͳΓɾ࡞༻ ϚςϦΞϧϝλϑΝʔ
Ϣʔβʔͷૢ࡞Λڧௐͯ͠ɺॏ ཁͳػೳ͕͙͢Θ͔Δʢಓඪʣ େͰੜ͖ੜ͖ͱͨ͠Πϯλʔ ϑΣʔεʢσβΠϯʣϢʔβʔ Λເதʹͤ͞Δ େͰੜ͖ੜ͖ͱͨ͠ɺҙࣝతͳσβΠϯ
ಈ͖Λ༩͑ͯɺಈ࡞ͷओମ͕Ϣʔβʔ Ͱ͋Δ͜ͱͷڧௐ มܗɾ࠶ߏ͢Δͱ͖Ϣʔβʔମ ݧͷ࿈ଓੑΛଛͳΘͳ͍Α͏ʹ͢Δ ಈ͖ʹҙຯ͕͋Δ ҙຯͷ͋ΔϞʔγϣϯ
None
ͳΜ͔͍Ζ͍Ζ͍͠
ϚςϦΞϧϝλϑΝʔ େͰ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ
ϚςϦΞϧϝλϑΝʔ େͰ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ
ݱ࣮ੈքͷҹࢴͱΠϯΫ ͰσβΠϯ͞Ε͍ͯΔ ͦΕΛൺᄻͱ͍ͯ࣋ͬͯ͘͠ → ཧతʹ͋Γ͑ͳ͍σβΠϯ͠ͳ͍ ϚςϦΞϧϝλϑΝʔ
ϘλϯͳͲͷUIύʔπࢴͰͰ ͖͍ͯΔͱߟ͑Δɻ 1dpͷް͞Λ͍࣋ͬͯΔ ݱ࣮ੈքͱಉ͘͡ɺॏͶΒΕΔ ࢴͱΠϯΫ
None
None
None
ϚςϦΞϧϝλϑΝʔ େͰ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ
ϚςϦΞϧϝλϑΝʔ େͰ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ
Ϣʔβʔͷૢ࡞ΛσβΠϯͱͯ͠ දݱ͢Δ ૢ࡞Λڧௐͯ͠ૢ࡞͢Δ্Ͱͷ ಓඪΛͭ͘Δ ҙࣝతͳσβΠϯ
None
ϚςϦΞϧϝλϑΝʔ େͰ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ
ϚςϦΞϧϝλϑΝʔ େͰ͍͖͍͖ͱɺҙࣝతͳ ҙຯͷ͋ΔϞʔγϣϯ ϚςϦΞϧσβΠϯͷ3ݪଇ
ύʔπ࣭ɺͭ·Γ࣭ྔΛ࣋ͭͷͰ ཧ๏ଇʹै͏ Ϣʔβʔʹ࿈ଓੑΛࣦΘͤͳ͍Α͏ʹ ΞχϝʔγϣϯΛͤͯ͞αϙʔτ͢Δ ҙຯͷ͋ΔϞʔγϣϯ
None
Do Don’t
ݱ࣮ੈքͷϧʔϧΛऔΓೖΕͯ ײతͳૢ࡞Λ࣮ݱ Ϣʔβʔͷૢ࡞ʹඥ͘ҙຯ ͷ͋ΔϞʔγϣϯͰྑ͍ମݧ Λ༩͑Δ ·ͱΊ
͓·͚
Material Design Guideline Twitter : @materialdesign Material Icons Design Templates
ϚςϦΞϧσβΠϯ͜ͱ͡Ί