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

Material Designを踏まえてAndroidアプリの構成を考える

C4221ba79492601eb59a9ef5d4f4bbaa?s=47 nakamuuu
January 17, 2018

Material Designを踏まえてAndroidアプリの構成を考える

【サポーターズ勉強会】フリマアプリ「フリル」を題材にしたAndroid開発実践入門 での発表資料です。
https://supporterzcolab.com/event/258/

C4221ba79492601eb59a9ef5d4f4bbaa?s=128

nakamuuu

January 17, 2018
Tweet

More Decks by nakamuuu

Other Decks in Technology

Transcript

  1. .BUFSJBM%FTJHOΛ౿·͑ͯ "OESPJEΞϓϦͷߏ੒Λߟ͑Δ

  2. Fablic, inc. Android Application Developer தଜܙଠ @nakamuuu @chicken_111 2 ࣗݾ঺հ

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

  4. 4 ࠓ೔͓࿩͢͠Δ͜ͱ wϑϦϧʹ͓͚Δ.BUFSJBM%FTJHO΁ͷରԠ w.BUFSJBM%FTJHO΁ͷରԠͷதͰײͨ͡ϝϦοτ w.BUFSJBM%FTJHOΛ౿·͑ͨΞϓϦͷߏ੒ͷߟ͑ํ

  5. "OESPJE൛ʰϑϦϧʱʹ͓͚Δ .BUFSJBM%FTJHO΁ͷରԠ 5

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

    ޮՌతͰҰ؏ͨ͠ҙຯͷ͋ΔΦϒδΣΫτͷಈ͖
  7. 7 ϑϦϧʹ͓͚Δ.BUFSJBM%FTJHO΁ͷରԠ "OESPJE൛ϑϦϧ.BUFSJBM%FTJHOରԠ ೥݄

  8. 8 ϑϦϧʹ͓͚Δ.BUFSJBM%FTJHO΁ͷରԠ W ೥݄ W ೥݄ W ೥݄

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

  10. 10 .BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢ΔϝϦοτ .BUFSJBM%FTJHO΁ͷରԠ wΞϓϦͷ࢖͍উखͷ޲্ wϢʔβʔΤϯήʔδϝϯτपΓͷվળ ։ൃऀଆʹͱͬͯͷϝϦοτ͸ʁ

  11. 11 .BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢ΔϝϦοτ wඒతɾ৘ૢతͳײੑʹΑΔ෦෼͕େ͖͍ʮσβΠϯʯ ͷྖҬΛۤखͱ͢ΔΤϯδχΞ͸ଟ͍ w.BUFSJBMEFTJHOHVJEFMJOFTͰ͸σβΠϯͷࢥ૝͕ ࿦ཧతʹݴޠԽ͞Εɺ࢓༷ʹམͱ͠ࠐ·Ε͍ͯΔ w͜Ε͚ͩͷΨΠυϥΠϯΛࣾ಺Ͱಠࣗʹ੔උ͢Δͷ͸೉͠ ͍ͷͰ͸ʁ

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

  13. 13 .BUFSJBM%FTJHOΛ౿·͑ͯ ΞϓϦͷߏ੒Λߟ͑Δ

  14. 14 .BUFSJBMEFTJHOHVJEFMJOFT .BUFSJBM%FTJHOΛ౿·͑ͯΞϓϦͷߏ੒Λߟ͑Δ શ෦Ͱϖʔδ ΞϓϦͷߏ੒Λߟ͑Δ্Ͱ Ͳ͜Λॏ఺తʹਂ͘ಡΈࠐΉ΂͖͔ʁ

  15. 15 .BUFSJBM%FTJHOΛ౿·͑ͯΞϓϦͷߏ੒Λߟ͑Δ ʮ/BWJHBUJPOʯʹΞϓϦશମͷߏ੒ʹ͍ͭͯͷ هड़͕·ͱ·͍ͬͯΔ IUUQTNBUFSJBMJPHVJEFMJOFTQBUUFSOTOBWJHBUJPOIUNM

  16. 16 .BUFSJBM%FTJHOΛ౿·͑ͯΞϓϦͷߏ੒Λߟ͑Δ ᶃ 5BLFJOWFOUPSZ Ϣʔβʔͱͦͷ࣋ͭ໾ׂɾλεΫΛཏྻ͢Δ ᶄ 1SJPSJUJ[F ཏྻͨ͠λεΫʹରͯ͠༏ઌ౓Λܾఆ͢Δ ᶅ 4FRVFODF

    ؔ࿈͢ΔλεΫΛूΊͯφϏήʔγϣϯΛߏ଄Խ͢Δ ᶆ %FDPOTUSVDU ᐆດͳλεΫΛΑΓࡉ͔͍Ϣʔεέʔεʹ෼ׂ͢Δ %FGJOJOHZPVSOBWJHBUJPO
  17. 17 .BUFSJBM%FTJHOΛ౿·͑ͯΞϓϦͷߏ੒Λߟ͑Δ ΨΠυϥΠϯͰ͸ʮϨετϥϯݕࡧΞϓϦʯ͕୊ࡐʜ ϑϦϚΞϓϦͷ৔߹͸ʁ

  18. 18 .BUFSJBM%FTJHOΛ౿·͑ͯΞϓϦͷߏ੒Λߟ͑Δ ᶃ 5BLFJOWFOUPSZ Ϣʔβʔͱͦͷ࣋ͭ໾ׂɾλεΫΛཏྻ͢Δ ߪೖऀ ग़඼ऀ ঎඼Λग़඼͢Δ ঎඼Λ୳͢ ঎඼Λߪೖ͢Δ

    ঎඼ͷӾཡཤྺΛݟΔ ঎඼৘ใΛݟΔ
  19. 19 .BUFSJBM%FTJHOΛ౿·͑ͯΞϓϦͷߏ੒Λߟ͑Δ ᶄ 1SJPSJUJ[F ཏྻͨ͠λεΫʹରͯ͠༏ઌ౓Λܾఆ͢Δ ঎඼Λग़඼͢Δ ঎඼Λ୳͢ ঎඼Λߪೖ͢Δ ঎඼ͷӾཡཤྺΛݟΔ ঎඼৘ใΛݟΔ

    .FEJVN )JHI -PX औҾΛਐΊΔ ͍͍Ͷͨ͠঎඼ΛݟΔ
  20. 20 .BUFSJBM%FTJHOΛ౿·͑ͯΞϓϦͷߏ੒Λߟ͑Δ ᶅ 4FRVFODF ؔ࿈͢ΔλεΫΛूΊͯϢʔεέʔεΛߏ଄Խ͢Δ ঎඼Λ୳͢ ঎඼Λߪೖ͢Δ ঎඼ͷӾཡཤྺΛݟΔ ঎඼৘ใΛݟΔ ͍͍Ͷͨ͠঎඼ΛݟΔ

    ߪೖऀ
  21. 21 .BUFSJBM%FTJHOΛ౿·͑ͯΞϓϦͷߏ੒Λߟ͑Δ ᶆ %FDPOTUSVDU ᐆດͳλεΫΛΑΓࡉ͔͍Ϣʔεέʔεʹ෼ׂ͢Δ ঎඼Λ୳͢ ΧςΰϦ͔Β୳͢ ΩʔϫʔυͰ୳͢ ϒϥϯυ͔Β୳͢ ৽ண঎඼͔Β୳͢

    ঎඼৘ใΛݟΔ
  22. ߏ଄Խͨ͠ϢʔεέʔεΛ σβΠϯύλʔϯʹ౰ͯ͸ΊΔ 22

  23. 23 ߏ଄Խͨ͠ϢʔεέʔεΛσβΠϯύλʔϯʹ౰ͯ͸ΊΔ w ϢʔεέʔεΛ֊૚ߏ଄ʹมܗ͍ͤͯ͘͞ w େ·͔ͳ਌ࢠؔ܎͸༏ઌ౓ͷܾఆ΍ߏ଄ԽͷաఔͰɹ ໨ॲ͕͚ͭΒΕΔ͸ͣ ঎඼Λ୳͢ ΧςΰϦ Ωʔϫʔυ

    ϒϥϯυ ৽ண঎඼ ঎඼৘ใΛݟΔ ঎඼Λߪೖ͢Δ
  24. 24 ߏ଄Խͨ͠ϢʔεέʔεΛσβΠϯύλʔϯʹ౰ͯ͸ΊΔ ΧςΰϦ Ωʔϫʔυ ϒϥϯυ ৽ண঎඼ ঎඼৘ใΛݟΔ Ӿཡཤྺ ͍͍Ͷͨ͠঎඼ ϗʔϜը໘ʢλΠϜϥΠϯʣ

    ͕͢͞ը໘ ঎඼ৄࡉը໘ ঎඼Λग़඼͢Δ ग़඼ը໘
  25. 25 ֊૚ߏ଄ͷφϏήʔγϣϯΛߏஙͰ͖͕ͨɺ ۩ମతͳσβΠϯύλʔϯʹམͱ͠ࠐΊͳ͍ ΨΠυϥΠϯʹ͸ͦΕͧΕͷ֊૚ߏ଄ʹ Ͳͷίϯϙʔωϯτ͕૬Ԡ͍͠ͷ͔ͷώϯτ΋ ߏ଄Խͨ͠ϢʔεέʔεΛσβΠϯύλʔϯʹ౰ͯ͸ΊΔ

  26. 26 ߏ଄Խͨ͠ϢʔεέʔεΛσβΠϯύλʔϯʹ౰ͯ͸ΊΔ /BWJHBUJPO%SBXFS #PUUPN/BWJHBUJPO IUUQTNBUFSJBMJPHVJEFMJOFTQBUUFSOTOBWJHBUJPOIUNMOBWJHBUJPOQBUUFSOT ʢ1BUUFSOT/BWJHBUJPOʣ

  27. w Ϗϡʔؒͷසൟͳ੾Γସ͑ w τοϓϨϕϧͷϏϡʔ͕গͳ͍ ΞϓϦ w ଞͷϏϡʔͷଘࡏΛΑΓϢʔβʔ ʹҙࣝͤ͞Δ w τοϓϨϕϧͷϏϡʔ͕਺ଟ͘

    ͋ΔΞϓϦ w ແؔ܎ͳϏϡʔؒͷਝ଎ͳભҠ ΛՄೳʹ͢Δ w ਂ͍φϏήʔγϣϯߏ଄΍·Ε ʹ͔͠࢖ΘΕͳ͍ϏϡʔͷՄࢹ ੑΛԼ͛Δ 27 ߏ଄Խͨ͠ϢʔεέʔεΛσβΠϯύλʔϯʹ౰ͯ͸ΊΔ /BWJHBUJPO%SBXFS #PUUPN/BWJHBUJPO
  28. 28 ߏ଄Խͨ͠ϢʔεέʔεΛσβΠϯύλʔϯʹ౰ͯ͸ΊΔ ʮ"QQSPQSJBUFGPSUIFTFIJFSBSDIJFTʯɹɹɹ ʮ3FDPNNFOEFEGPSʯͷهड़͕େ͖ͳώϯτʹ

  29. ·ͱΊ 29

  30. 30 ·ͱΊ w.BUFSJBMEFTJHOHVJEFMJOFT͸ίϯϙʔωϯτͷ࢓༷ ͚ͩͰͳ͘ɺΞϓϦͷઃܭʹ׆͔ͤΔφϏήʔγϣϯɾ ύλʔϯͷهड़΋ॆ࣮͍ͯ͠Δ wϢʔβʔͷ࣋ͭ໾ׂ΍ϢʔεέʔεΛ෼ੳɾߏ଄Խ͠ ͍ͯ͘͜ͱͰɺޮ཰తʹઃܭΛߦ͑Δ ৽نΞϓϦ͚ͩͰͳ͘طଘΞϓϦͷվमͰ΋໾ཱͭ͸ͣʜ ΞϓϦͷઃܭஈ֊͔ΒΨΠυϥΠϯΛ׆༻ͯ͠Έͯ͸ʁ

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