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.3k
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
1k
“ユーザー起点” のモバイルアプリの開発プロセス / Start up × FinTech
nakamuuu
1
5.5k
シームレスな体験を実現する本人確認フローの構築 〜家計簿プリカB/43でのeKYC開発実例〜 / iOSDC Japan 2021
nakamuuu
5
2.3k
“Material Designの変化” の中でアプリエンジニアができること / Bonfire Android #4
nakamuuu
2
4.1k
Guide to app architectureを踏まえた既存アプリの設計改良 / DroidKaigi 2019
nakamuuu
5
3.5k
ウィンドウサイズの変更に強い堅牢な画面の構築 / DroidKaigi 2018
nakamuuu
11
3.8k
Material Designを踏まえてAndroidアプリの構成を考える
nakamuuu
0
130
既存プロダクトのKotlin移行でハマったところ
nakamuuu
2
1.1k
プッシュ通知をオフにされないためにクライアントサイドでできること
nakamuuu
1
930
Other Decks in Technology
See All in Technology
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
49k
生成AIと知識グラフの相互利用に基づく文書解析
koujikozaki
1
140
10分でわかるfreeeのQA
freee
1
3.4k
2024-10-30-reInventStandby_StudyGroup_Intro
shinichirokawano
1
630
プロダクトチームへのSystem Risk Records導入・運用事例の紹介/Introduction and Case Studies on Implementing and Operating System Risk Records for Product Teams
taddy_919
1
170
現地でMeet Upをやる場合の注意点〜反省点を添えて〜
shotashiratori
0
530
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
27
12k
Figma Dev Modeで進化するデザインとエンジニアリングの協働 / figma-with-engineering
cyberagentdevelopers
PRO
1
430
「最高のチューニング」をしないために / hack@delta 24.10
fujiwara3
21
3.4k
Gradle: The Build System That Loves To Hate You
aurimas
2
150
わたしとトラックポイント / TrackPoint tips
masahirokawahara
1
240
ガチ勢によるPipeCD運用大全〜滑らかなCI/CDを添えて〜 / ai-pipecd-encyclopedia
cyberagentdevelopers
PRO
3
210
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Testing 201, or: Great Expectations
jmmastey
38
7k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Embracing the Ebb and Flow
colly
84
4.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
Speed Design
sergeychernyshev
24
570
Navigating Team Friction
lara
183
14k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
How to Ace a Technical Interview
jacobian
275
23k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Docker and Python
trallard
40
3.1k
What's new in Ruby 2.0
geeforr
342
31k
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ʹରԠͰ͖͍ͯͳ͍ͷͳΒ վΊͯ͏Ұɺ
ରԠΛݕ౼ͯ͠ΈͯͲ͏Ͱ͠ΐ͏͔ʁ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ