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
2
5.8k
シームレスな体験を実現する本人確認フローの構築 〜家計簿プリカ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
MCP でモノが動くとおもしろい/It is interesting when things move with MCP
bitkey
3
630
20 Years of Domain-Driven Design: What I’ve Learned About DDD
ewolff
1
410
OCI Full Stack Disaster Recovery サービス概要
oracle4engineer
PRO
1
120
KubeCon EU 2025 Recap - Kubernetes CRD Design for the Long Haul: Tips, Tricks, and Lessons Learned / Kubernetes Meetup Tokyo #70 / k8sjp70-crd-long-haul-recap
everpeace
0
110
Cline&CursorによるAIコーディング徹底活用―Live Vibe Coding付き
pharma_x_tech
1
280
Ruby on Rails の楽しみ方
morihirok
6
3.2k
Why every SwiftUI developer should care about the Environment - iOSKonf25
peterfriese
0
160
激動の一年を通じて見えてきた「技術でリードする」ということ
ktr_0731
8
8.5k
ユーザーコミュニティが海外スタートアップのDevRelを補完する瞬間
nagauta
1
210
人間性を捧げる生成AI時代の技術選定
yo4raw
1
960
経済メディア編集部の実務に小さく刺さるAI / small-ai-with-editorial
nkzn
2
510
インラインRBSコメントに鯛pe checkersもニッコリ
sansantech
PRO
2
200
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.3k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Become a Pro
speakerdeck
PRO
28
5.3k
Raft: Consensus for Rubyists
vanstee
137
6.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.8k
The Cult of Friendly URLs
andyhume
78
6.4k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
24
2.8k
Optimizing for Happiness
mojombo
378
70k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Writing Fast Ruby
sferik
628
61k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
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ʹରԠͰ͖͍ͯͳ͍ͷͳΒ վΊͯ͏Ұɺ
ରԠΛݕ౼ͯ͠ΈͯͲ͏Ͱ͠ΐ͏͔ʁ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ