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
Android版『フリル』におけるMaterial Designへの対応とガイドラインの捉え方
Search
nakamuuu
January 24, 2017
Technology
2
6.4k
Android版『フリル』におけるMaterial Designへの対応とガイドラインの捉え方
App Talk Night by Relux での発表資料です。
https://connpass.com/event/47649/
nakamuuu
January 24, 2017
Tweet
Share
More Decks by nakamuuu
See All by nakamuuu
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
1.3k
“ユーザー起点” のモバイルアプリの開発プロセス / Start up × FinTech
nakamuuu
1
5.7k
シームレスな体験を実現する本人確認フローの構築 〜家計簿プリカB/43でのeKYC開発実例〜 / iOSDC Japan 2021
nakamuuu
5
2.5k
“Material Designの変化” の中でアプリエンジニアができること / Bonfire Android #4
nakamuuu
2
4.2k
Guide to app architectureを踏まえた既存アプリの設計改良 / DroidKaigi 2019
nakamuuu
5
3.6k
ウィンドウサイズの変更に強い堅牢な画面の構築 / DroidKaigi 2018
nakamuuu
11
3.9k
Material Designを踏まえてAndroidアプリの構成を考える
nakamuuu
0
160
既存プロダクトのKotlin移行でハマったところ
nakamuuu
2
1.2k
プッシュ通知をオフにされないためにクライアントサイドでできること
nakamuuu
1
980
Other Decks in Technology
See All in Technology
Oracle Cloud Infrastructure:2025年4月度サービス・アップデート
oracle4engineer
PRO
0
190
10ヶ月かけてstyled-components v4からv5にアップデートした話
uhyo
5
390
C++26アップデート 2025-03
faithandbrave
0
1.1k
Building App Extensions equivalents on Android (maybe?)
atsushieno
1
100
Web Intelligence and Visual Media Analytics
weblyzard
PRO
1
5.9k
より良い開発者体験を実現するために~開発初心者が感じた生成AIの可能性~
masakiokuda
0
220
SDカードフォレンジック
su3158
1
650
日経電子版 for Android の技術的課題と取り組み(令和最新版)/android-20250423
nikkei_engineer_recruiting
1
520
アジャイル脅威モデリング#1(脅威モデリングナイト#8)
masakane55
3
240
Porting PicoRuby to Another Microcontroller: ESP32
yuuu
4
490
勝手に!深堀り!Cloud Run worker pools / Deep dive Cloud Run worker pools
iselegant
4
530
QA/SDETの現在と、これからの挑戦
imtnd
0
150
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Fireside Chat
paigeccino
37
3.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Adopting Sorbet at Scale
ufuk
76
9.3k
We Have a Design System, Now What?
morganepeng
52
7.5k
Optimizing for Happiness
mojombo
378
70k
Build your cross-platform service in a week with App Engine
jlugia
230
18k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
9
760
How to Ace a Technical Interview
jacobian
276
23k
Transcript
Android൛ʰϑϦϧʱʹ͓͚Δ Material DesignͷରԠͱ ΨΠυϥΠϯͷଊ͑ํ
2 Fablic, inc. Android Application Developer தଜܙଠ @nakamuuu ϓϩϑΟʔϧ @chicken_111
ྦྷܭ ສ μϯϩʔυ ಥഁʂ 3 ϑϦϚΞϓϦʮϑϦϧʯʹ͍ͭͯ
4 ϑϦϚΞϓϦʮϑϦϧʯʹ͍ͭͯ τοϓσϕϩούʔʹೝఆʂ "OESPJE%FWFMPQFS4UPSZʹܝࡌʂ ʢຊͷඇήʔϜσϕϩούʔͱͯ͠ॳʣ
None
6 ֓ཁ wʰϑϦϧʱʹ͓͚Δ.BUFSJBM%FTJHOͷରԠ w.BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢ΔϝϦοτ
Android൛ʰϑϦϧʱʹ͓͚Δ Material DesignͷରԠ 7
.BUFSJBMEFTJHOHVJEFMJOFTͷެ։ ݄ 8 ϑϦϧʹ͓͚ΔMaterial DesignͷରԠ
.BUFSJBM%FTJHO 9 ϑϦϧʹ͓͚ΔMaterial DesignͷରԠ .BUFSJBMJT.FUBQIPS ݱ࣮ੈքͷཧ๏ଇΛద༻ͨ͠ϚςϦΞϧͷ֓೦ #PME HSBQIJD JOUFOUJPOBM ҹσβΠϯΛԠ༻ͨ͠େ͔ͭҙࣝతͳσβΠϯ
.PUJPOQSPWJEFTNFBOJOH ޮՌతͰҰ؏ͨ͠ҙຯͷ͋ΔΦϒδΣετͷಈ͖
"OESPJE൛ϑϦϧ.BUFSJBM%FTJHOରԠ ݄ 10 ϑϦϧʹ͓͚ΔMaterial DesignͷରԠ
11 ϑϦϧʹ͓͚ΔMaterial DesignͷରԠ W ݄ W ݄ W ݄
12 ϑϦϧʹ͓͚ΔMaterial DesignͷରԠ w.BUFSJBM%FTJHOରԠޙͷ େنϦχϡʔΞϧ wࡉ͔ͳ෦ͰΨΠυϥΠϯʹ४ڌ͠ ͍ͯͳ͔ͬͨ෦ஞ࣍վળ Կނͦ͜·Ͱͯ͠ .BUFSJBM%FTJHOରԠʁ W
݄
Material design guidelinesʹ ४ڌ͢ΔϝϦοτ 13
14 Material design guidelinesʹ४ڌ͢ΔϝϦοτ .BUFSJBM%FTJHOͷରԠ wΞϓϦͷ͍উखͷ্ wϢʔβʔΤϯήʔδϝϯτपΓͷվળ
15 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ࠓ͓͢͠Δͷʜ .BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢Δ ։ൃऀଆʹͱͬͯͷϝϦοτ
16 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ᶃ ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ
17 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ wඒతɾૢతͳײੑʹΑΔ෦͕େ͖͍ʮσβΠϯʯ ͷྖҬΛۤखͱ͢ΔΤϯδχΞଟ͍ w.BUFSJBMEFTJHOHVJEFMJOFTͰσβΠϯͷࢥ͕ ཧతʹݴޠԽ͞Εɺ༷ʹམͱ͠ࠐ·Ε͍ͯΔ
w͜Ε͚ͩͷΨΠυϥΠϯΛࣾͰಠࣗʹඋ͢Δͷ͠ ͍ͷͰʁ
18 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ wΤϯδχΞΨΠυϥΠϯ͑͞Ѳ͍ͯ͠Εɺɹ ڞ௨ͷࣝʢʹݴޠʣΛ্࣋ͬͨͰσβΠφʔͱ ΓऔΓͰ͖Δ w͜͏͍ͬͨΓऔΓҎલ͔Β͕͋ͬͨɺࠜڌ͕ࣔͤΔ
ͷͱࣔͤͳ͍ͷͱͰେ͖ͳҧ͍͕ʜ ड͚ʹͳΓ͕ͪͳ ΤϯδχΞͷσβΠϯʹରͯ͠ͷҙࣝʹมԽ
19 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ᶄ ϑϨʔϜϫʔΫʹ͔ͬΔ͜ͱͷࢫຯ
20 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ͔ͬΔ͜ͱͷࢫຯ wجຊతʹϑϨʔϜϫʔΫͰ༻ҙ͞Ε͍ͯΔʮඪ४ʯ ͱݴΘΕΔ6*͔ΒΕΔ΄Ͳ࣮ͷίετ্͕Δ wؤு࣮ͬͯͨ͠ʮඪ४Ͱͳ͍6*ʯͰୡ͞ΕΔ Ϣʔβʔମݧͷ্ͲΕ΄Ͳ͔Λߟ͑Δ
21 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ͔ͬΔ͜ͱͷࢫຯ wʮඪ४ʯͱݴΘΕΔ6*ʢ)PMPςʔϚʣ͕Ϧονͳɹ ମݧΛੜΈग़ͤΔͷͰͳ͔ͬͨ wͦͦʮඪ४ʯʹै͍ͬͯͳ͍ΞϓϦ͕ଟ͔ͬͨ ͨΊɺʮඪ४ʯͰͳ͘ͳΔ͜ͱͰͷϦεΫ͕͍
ࠓ·Ͱͷ"OESPJEΞϓϦʜ
22 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ͔ͬΔ͜ͱͷࢫຯ wʮඪ४ʯͱݴΘΕΔ6*ͰेʹϦονͳϢʔβʔ ମݧΛ࣮ݱ͢Δ͜ͱ͕Մೳʹͳͬͨ wʮඪ४ʯʹै͏ΞϓϦ͕૿͑ɺʮඪ४ʯͰͳ͘ͳΔ ͜ͱͰͷϦεΫ͕ߴ·ͬͨ
.BUFSJBM%FTJHOͷొޙ
23 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ͔ͬΔ͜ͱͷࢫຯ ը໘ͷվमʢ݄ʣ wෳࡶͳεΫϩʔϧ࣌ͷΤϑΣΫτ ΛؚΉϨΠΞτ؆୯ʹ࣮ w%FTJHO4VQQPSU-JCSBSZͰ༻ҙ͞Ε
͍ͯΔ7JFXΛ༻ .BUFSJBM%FTJHOʹ͔ͬΔ͜ͱͰ গͳ͍ͰϦονͳମݧΛ࣮ݱ
24 Material design guidelinesʹ४ڌ͢ΔϝϦοτ .BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢Δ ։ൃऀଆʹͱͬͯͷϝϦοτ ᶃΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ ᶄϑϨʔϜϫʔΫͰ༻ҙ͞Ε͍ͯΔ ίϯϙʔωϯτͷ༻ʹΑΔͷݮ
·ͱΊ 25
26 ·ͱΊ w.BUFSJBM%FTJHOͷରԠʹ͍উखΤϯήʔ δϝϯτͷ্ͷଞʹɺ։ൃऀʹͱͬͯͷϝϦοτ ଘࡏ͢Δ wطଘΞϓϦΛରԠͤ͞Δͷେ͖ͳ͕ൃੜ͢Δ ͕ɺϥΠϒϥϦͷఏڙͳͲͰɹରԠ͍͢͠ڥ ͖͍ͬͯͯΔ ·ͩ.BUFSJBM%FTJHOʹରԠͰ͖͍ͯͳ͍ͷͳΒ վΊͯ͏Ұɺ
ରԠΛݕ౼ͯ͠ΈͯͲ͏Ͱ͠ΐ͏͔ʁ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ