Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Android版『フリル』におけるMaterial Designへの対応とガイドラインの捉え方

C4221ba79492601eb59a9ef5d4f4bbaa?s=47 nakamuuu
January 24, 2017
Technology
2
6.3k

Android版『フリル』におけるMaterial Designへの対応とガイドラインの捉え方

App Talk Night by Relux での発表資料です。
https://connpass.com/event/47649/

C4221ba79492601eb59a9ef5d4f4bbaa?s=128

nakamuuu

January 24, 2017
Tweet

More Decks by nakamuuu

See All by nakamuuu
シームレスな体験を実現する本人確認フローの構築 〜家計簿プリカB/43でのeKYC開発実例〜 / iOSDC Japan 2021
C4221ba79492601eb59a9ef5d4f4bbaa?s=48 nakamuuu
5
1.3k
“Material Designの変化” の中でアプリエンジニアができること / Bonfire Android #4
C4221ba79492601eb59a9ef5d4f4bbaa?s=48 nakamuuu
2
3.4k
Guide to app architectureを踏まえた既存アプリの設計改良 / DroidKaigi 2019
C4221ba79492601eb59a9ef5d4f4bbaa?s=48 nakamuuu
5
2.9k
ウィンドウサイズの変更に強い堅牢な画面の構築 / DroidKaigi 2018
C4221ba79492601eb59a9ef5d4f4bbaa?s=48 nakamuuu
11
3.5k
Material Designを踏まえてAndroidアプリの構成を考える
C4221ba79492601eb59a9ef5d4f4bbaa?s=48 nakamuuu
0
93
既存プロダクトのKotlin移行でハマったところ
C4221ba79492601eb59a9ef5d4f4bbaa?s=48 nakamuuu
2
970
プッシュ通知をオフにされないためにクライアントサイドでできること
C4221ba79492601eb59a9ef5d4f4bbaa?s=48 nakamuuu
1
810
Google I/O 基調講演おさらい
C4221ba79492601eb59a9ef5d4f4bbaa?s=48 nakamuuu
2
780

Other Decks in Technology

See All in Technology
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
PRO
10
19k
Amplifyで Webアプリケーションの 堅固な土台をサクッと構築する方法
5026ef3e6d525fb9164f627099d43c58?s=48 kawasakiteruo
0
190
EC／CRMの自社サービス開発をマネジメントするようになって1年でやってきたこととこれから / devio2022-takano-sho-road-to-good-development-team-management
Fee058832252e72722b8b03073ff6324?s=48 masaru_b_cl
0
350
CityGMLとFBXの連携で地理空間のエンタメ化
A3990cfe49309642cb8d1f50b617c141?s=48 soh_mitian
0
410
セキュアなTerraformの使い方 ～ 機密情報をコードに含めず環境構築するにはどうしたらいいの？
5f0f8883d90b46e581fe41ba9ae4cfe9?s=48 harukasakihara
8
560
COSCUP x KCD Taiwan 2020 - 那些年我們在開源社群的日子 - Cloud Native Taiwan
E2dd1857f6fc1ff69adb2af80b56e9fc?s=48 pohsien
0
110
DevelopersIO 2022 俺のTerraform Pipeline
08dd0b93e011904f40d60d5a1b54c671?s=48 takakuni
0
420
GCCP Creator @ COSCUP 2022
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
1.4k
金融領域のマルチプロダクトを効率よく開発・運用するためのシステム基盤と組織設計について / 2022-07-28-multi-product-platform
0251532f4fb413ea1a026efe6eb16b87?s=48 stajima
0
130
質の良い”カイゼン”の為の質の良い「振り返り」
Bf7fe621f4fe1615c228ef8a79b87282?s=48 shirayanagiryuji
0
110
ソフトバンクのシナジーがもたらすクラウドソリューションについて、クラウドエンジニアが話してみた。
61c616e83bef28a1cd2666439ebf334b?s=48 sbtechnight
0
290
A3-1 IBM Championが本音で語る「IBM Cloud」
49844569246a6d183a5551bb74895e2a?s=48 kolinz
0
300

Featured

See All Featured
Art Directing for the Web. Five minutes with CSS Template Areas
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
196
9.5k
Documentation Writing (for coders)
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenintech
48
2.6k
Raft: Consensus for Rubyists
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
127
5.5k
A Tale of Four Properties
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
149
21k
The Mythical Team-Month
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
210
39k
How to name files
0a4f62e90c976eeb44d33add75cca5af?s=48 jennybc
40
63k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
How To Stay Up To Date on Web Technology
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
250k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.3k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.9k
Writing Fast Ruby
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
57k
Six Lessons from altMBA
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
14
1.4k

Transcript

  1. Android൛ʰϑϦϧʱʹ͓͚Δ Material Design΁ͷରԠͱ ΨΠυϥΠϯͷଊ͑ํ

  2. 2 Fablic, inc. Android Application Developer தଜܙଠ @nakamuuu ϓϩϑΟʔϧ @chicken_111

  3. ྦྷܭ ສ μ΢ϯϩʔυ ಥഁʂ 3 ϑϦϚΞϓϦʮϑϦϧʯʹ͍ͭͯ

  4. 4 ϑϦϚΞϓϦʮϑϦϧʯʹ͍ͭͯ τοϓσϕϩούʔʹೝఆʂ "OESPJE%FWFMPQFS4UPSZʹܝࡌʂ ʢ೔ຊͷඇήʔϜσϕϩούʔͱͯ͠ॳʣ

  5. None

  6. 6 ֓ཁ wʰϑϦϧʱʹ͓͚Δ.BUFSJBM%FTJHO΁ͷରԠ w.BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢ΔϝϦοτ

  7. Android൛ʰϑϦϧʱʹ͓͚Δ Material Design΁ͷରԠ 7

  8. .BUFSJBMEFTJHOHVJEFMJOFTͷެ։ ೥݄ 8 ϑϦϧʹ͓͚ΔMaterial Design΁ͷରԠ

  9. .BUFSJBM%FTJHO 9 ϑϦϧʹ͓͚ΔMaterial Design΁ͷରԠ .BUFSJBMJT.FUBQIPS ݱ࣮ੈքͷ෺ཧ๏ଇΛద༻ͨ͠ϚςϦΞϧͷ֓೦ #PME HSBQIJD JOUFOUJPOBM ҹ࡮෺σβΠϯΛԠ༻ͨ͠େ୾͔ͭҙࣝతͳσβΠϯ

    .PUJPOQSPWJEFTNFBOJOH ޮՌతͰҰ؏ͨ͠ҙຯͷ͋ΔΦϒδΣετͷಈ͖

  10. "OESPJE൛ϑϦϧ.BUFSJBM%FTJHOରԠ ೥݄ 10 ϑϦϧʹ͓͚ΔMaterial Design΁ͷରԠ

  11. 11 ϑϦϧʹ͓͚ΔMaterial Design΁ͷରԠ W ೥݄ W ೥݄ W ೥݄

  12. 12 ϑϦϧʹ͓͚ΔMaterial Design΁ͷରԠ w.BUFSJBM%FTJHOରԠޙ΋౓ͷ େن໛ϦχϡʔΞϧ wࡉ͔ͳ෦෼ͰΨΠυϥΠϯʹ४ڌ͠ ͍ͯͳ͔ͬͨ෦෼΋ஞ࣍վળ Կނͦ͜·Ͱͯ͠ .BUFSJBM%FTJHOରԠʁ W

    ೥݄

  13. Material design guidelinesʹ ४ڌ͢ΔϝϦοτ 13

  14. 14 Material design guidelinesʹ४ڌ͢ΔϝϦοτ .BUFSJBM%FTJHO΁ͷରԠ wΞϓϦͷ࢖͍উखͷ޲্ wϢʔβʔΤϯήʔδϝϯτपΓͷվળ

  15. 15 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ࠓ೔͓࿩͢͠Δͷ͸ʜ .BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢Δ ։ൃऀଆʹͱͬͯͷϝϦοτ

  16. 16 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ᶃ ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ

  17. 17 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ wඒతɾ৘ૢతͳײੑʹΑΔ෦෼͕େ͖͍ʮσβΠϯʯ ͷྖҬΛۤखͱ͢ΔΤϯδχΞ͸ଟ͍ w.BUFSJBMEFTJHOHVJEFMJOFTͰ͸σβΠϯͷࢥ૝͕ ࿦ཧతʹݴޠԽ͞Εɺ࢓༷ʹམͱ͠ࠐ·Ε͍ͯΔ

    w͜Ε͚ͩͷΨΠυϥΠϯΛࣾ಺Ͱಠࣗʹ੔උ͢Δͷ͸೉͠ ͍ͷͰ͸ʁ

  18. 18 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ wΤϯδχΞ΋ΨΠυϥΠϯ͑͞೺Ѳ͍ͯ͠Ε͹ɺɹ ڞ௨ͷ஌ࣝʢʹݴޠʣΛ্࣋ͬͨͰσβΠφʔͱ΍ ΓऔΓͰ͖Δ w͜͏͍ͬͨ΍ΓऔΓ͸Ҏલ͔Β΋͕͋ͬͨɺࠜڌ͕ࣔͤΔ

    ͷͱࣔͤͳ͍ͷͱͰ͸େ͖ͳҧ͍͕ʜ ड͚਎ʹͳΓ͕ͪͳ ΤϯδχΞͷσβΠϯʹରͯ͠ͷҙࣝʹมԽ

  19. 19 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ᶄ ϑϨʔϜϫʔΫʹ৐͔ͬΔ͜ͱͷࢫຯ

  20. 20 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ৐͔ͬΔ͜ͱͷࢫຯ wجຊతʹϑϨʔϜϫʔΫͰ༻ҙ͞Ε͍ͯΔʮඪ४ʯ ͱݴΘΕΔ6*͔Β཭ΕΔ΄Ͳ࣮૷ͷίετ͸্͕Δ wؤு࣮ͬͯ૷ͨ͠ʮඪ४Ͱ͸ͳ͍6*ʯͰୡ੒͞ΕΔ Ϣʔβʔମݧͷ޲্͸ͲΕ΄Ͳ͔Λߟ͑Δ

  21. 21 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ৐͔ͬΔ͜ͱͷࢫຯ wʮඪ४ʯͱݴΘΕΔ6*ʢ)PMPςʔϚʣ͕Ϧονͳɹ ମݧΛੜΈग़ͤΔ΋ͷͰ͸ͳ͔ͬͨ wͦ΋ͦ΋ʮඪ४ʯʹै͍ͬͯͳ͍ΞϓϦ͕ଟ͔ͬͨ ͨΊɺʮඪ४ʯͰͳ͘ͳΔ͜ͱͰͷϦεΫ͕௿͍

    ࠓ·Ͱͷ"OESPJEΞϓϦ͸ʜ

  22. 22 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ৐͔ͬΔ͜ͱͷࢫຯ wʮඪ४ʯͱݴΘΕΔ6*Ͱ΋े෼ʹϦονͳϢʔβʔ ମݧΛ࣮ݱ͢Δ͜ͱ͕Մೳʹͳͬͨ wʮඪ४ʯʹै͏ΞϓϦ͕૿͑ɺʮඪ४ʯͰͳ͘ͳΔ ͜ͱͰͷϦεΫ͕ߴ·ͬͨ

    .BUFSJBM%FTJHOͷొ৔ޙ

  23. 23 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ৐͔ͬΔ͜ͱͷࢫຯ ঎඼ը໘ͷվमʢ೥݄ʣ wෳࡶͳεΫϩʔϧ࣌ͷΤϑΣΫτ ΛؚΉϨΠΞ΢τ΋؆୯ʹ࣮૷ w%FTJHO4VQQPSU-JCSBSZͰ༻ҙ͞Ε

    ͍ͯΔ7JFXΛ࢖༻ .BUFSJBM%FTJHOʹ৐͔ͬΔ͜ͱͰ গͳ͍޻਺ͰϦονͳମݧΛ࣮ݱ

  24. 24 Material design guidelinesʹ४ڌ͢ΔϝϦοτ .BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢Δ ։ൃऀଆʹͱͬͯͷϝϦοτ ᶃΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ ᶄϑϨʔϜϫʔΫͰ༻ҙ͞Ε͍ͯΔ ίϯϙʔωϯτͷ࢖༻ʹΑΔ޻਺ͷ࡟ݮ

  25. ·ͱΊ 25

  26. 26 ·ͱΊ w.BUFSJBM%FTJHO΁ͷରԠʹ͸࢖͍উख΍Τϯήʔ δϝϯτͷ޲্ͷଞʹɺ։ൃऀʹͱͬͯͷϝϦοτ ΋ଘࡏ͢Δ wطଘΞϓϦΛରԠͤ͞Δͷ͸େ͖ͳ޻਺͕ൃੜ͢Δ ͕ɺϥΠϒϥϦͷఏڙͳͲͰɹରԠ͠΍͍͢؀ڥ͸ ੔͖͍ͬͯͯΔ ·ͩ.BUFSJBM%FTJHOʹରԠͰ͖͍ͯͳ͍ͷͳΒ վΊͯ΋͏Ұ౓ɺ

    ରԠΛݕ౼ͯ͠Έͯ͸Ͳ͏Ͱ͠ΐ͏͔ʁ

  27. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ