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.4k
“ユーザー起点” のモバイルアプリの開発プロセス / Start up × FinTech
nakamuuu
2
5.8k
シームレスな体験を実現する本人確認フローの構築 〜家計簿プリカB/43でのeKYC開発実例〜 / iOSDC Japan 2021
nakamuuu
5
2.5k
“Material Designの変化” の中でアプリエンジニアができること / Bonfire Android #4
nakamuuu
2
4.3k
Guide to app architectureを踏まえた既存アプリの設計改良 / DroidKaigi 2019
nakamuuu
5
3.7k
ウィンドウサイズの変更に強い堅牢な画面の構築 / DroidKaigi 2018
nakamuuu
11
3.9k
Material Designを踏まえてAndroidアプリの構成を考える
nakamuuu
0
160
既存プロダクトのKotlin移行でハマったところ
nakamuuu
2
1.2k
プッシュ通知をオフにされないためにクライアントサイドでできること
nakamuuu
1
990
Other Decks in Technology
See All in Technology
Lambda Web Adapterについて自分なりに理解してみた
smt7174
5
130
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
360
SpringBoot x TestContainerで実現するポータブル自動結合テスト
demaecan
0
110
LangChain Interrupt & LangChain Ambassadors meetingレポート
os1ma
2
170
Prox Industries株式会社 会社紹介資料
proxindustries
0
340
なぜ私はいま、ここにいるのか? #もがく中堅デザイナー #プロダクトデザイナー
bengo4com
0
1.2k
Witchcraft for Memory
pocke
1
630
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
4
160
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
490
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
410
2025-06-26 GitHub CopilotとAI駆動開発:実践と導入のリアル
fl_kawachi
1
190
SalesforceArchitectGroupOsaka#20_CNX'25_Report
atomica7sei
0
250
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
800
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Scaling GitHub
holman
459
140k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
230
Speed Design
sergeychernyshev
32
1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Embracing the Ebb and Flow
colly
86
4.7k
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ʹରԠͰ͖͍ͯͳ͍ͷͳΒ վΊͯ͏Ұɺ
ରԠΛݕ౼ͯ͠ΈͯͲ͏Ͱ͠ΐ͏͔ʁ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ