スマホアプリ開発で大切なこと

Transcript

1. 1.

   Eureka Relationship Hiroshi Kimura | Eureka, Inc. 2019 March εϚϗΞϓϦ։ൃͰେ੾ͳ͜ͱ

2. 2.

   ? Hiroshi Kimura Muukii Twitter @muukii0803 iOS Engineer Head of

   Development, Pairs Global
3. 3.

   None
4. 4.

   None
5. 5.

   None
6. 6.

   [App Name]

7. 7.

   ΞϓϦ։ൃ Ͱ େ੾ͳ͜ͱ

8. 8.

   ΋ͷͮ͘Γ Ͱ େ੾ͳ͜ͱ

9. 9.

   ϓϩμΫτΛ࢖͏ଆʹཱͯ͹ݟ͑Δ΋ͷ͕ ࡞Δଆʹཱͬͨॠ͔ؒΒݟ͑ͳ͘ͳΔ ͱ͍͏͜ͱ

10. 10.

    UI

11. 11.

    User Interface

12. 12.

    UIͱ͸ Ϣʔβʔ͕γεςϜΛૢ࡞͢ΔͨΊͷ΋ͷ

13. 13.

    ͢΂ͯͷΞϓϦ͸UIΛ࣋ͭ

14. 14.

    UIʹ͸ʮϢʔβʔʹͱͬͯͷ౰ͨΓલʯ͕͋Δ

15. 15.

    ʮϢʔβʔʹͱͬͯͷ౰ͨΓલʯ͸ᐆດͰજࡏతͳ΋ͷͰ͋Δɻ ։ൃʹ͓͚Δ༻ޠͰʮඇػೳཁ݅ʯͱදݱ͢Δ͜ͱ΋͋Δɻ

16. 16.

    • Non-functional requirement • ސ٬͕જࡏతʹ͍࣋ͬͯΔʮӅΕͨཁ݅ʯͷ͜ͱ • … ඇػೳཁ݅ͱ͸?

17. 17.

    ༻ޠ͸ॏཁͰ͸ͳ͍ͷͰলུ͠·͢

18. 18.

    • ࣸਅͷαϜωΠϧද͔ࣔΒɺશը໘දࣔʹ੾ΓସΘͬͨͱ ͖ʹɺԼʹεϫΠϓ͢Δ͜ͱͰ໭Δ͜ͱ͕Մೳ ࠷ۙͷʮ౰ͨΓલʯ

19. 19.

    [App Name]

20. 20.

    ʮ౰ͨΓલʯ͸ৗʹมԽ͢Δ

21. 21.

    Ͱ͸ɺʮ౰ͨΓલʯ͸୭͕࡞͍ͬͯΔͷ͔?

22. 22.

    Apple? Google?

23. 23.

    ൴Β͚ͩͰ͸͋Γ·ͤΜ

24. 24.

    ΞϓϦͷϝΠϯϓϥοτϑΥʔϜ͸ iOS Android ͳͷͰɺApple, Google͕εϚʔτϑΥϯΞϓϦʹ͓͚ΔUIͷ౰ͨΓ લΛ࡞͍ͬͯΔͷͰ͠ΐ͏͔ʁ ͦΕ΋ؒҧ͍Ͱ͸͋Γ·ͤΜɻ൴Β͸UIʹ͓͚ΔτοϓϓϨΠϠʔͰ ͋ΓɺϢʔβʔΛ৽͍͠ମݧʹ࿈Εͯߦ͘͜ͱΛߟ͑ଓ͚͍ͯ·͢ ͔͠͠ɺ࡞͍ͬͯΔͷ͸൴Β͚ͩͰ͸ͳ͍ͷͰ͢ɻ

25. 25.

    [App Name]

26. 26.

    • ࠓͱͳͬͯ͸iOSඪ४ΞϓϦʹ΋౥ࡌ͞Ε͍ͯΔ • ͔͠͠ɺ΋ͱ΋ͱ͸αʔυύʔςΟΞϓϦ͕ઌͩͬͨ • iOS6ͰެࣜʹUIίϯϙʔωϯτͱͯ͠ՃΘͬͨ Pull to refresh -

    Ҿͬுͬͯߋ৽
27. 27.

    • αʔυύʔςΟΞϓϦͷτοϓϓϨΠϠʔ͕Ϣʔβʔʹऔͬ ͯͷʮ౰ͨΓલʯΛ࡞Γग़͢ɻ • ଟ͘ͷϢʔβʔΛ࣋ͭαʔϏεʹΑͬͯӨڹ͞Ε͍ͯ͘ • Apple Google΋ͦΕΛݟͯɺࣗ෼ͨͪͷϓϩμΫτʹ൓ө ͍ͯ͠Δɻ ൴Β΋ࢢ৔ͷʮ౰ͨΓલʯΛৗʹ؍࡯͍ͯ͠Δɻ

    αʔυύʔςΟΞϓϦʹΑΔӨڹ͸େ͖͍
28. 28.

    ࠓͷʮ౰ͨΓલʯ͸কདྷʮ౰ͨΓલʯͰ͸ͳ͘ͳΔ

29. 29.

    • ศརͳUI͕ͩɺϢʔβʔ͕खಈͰߋ৽͢ΔͨΊͷ΋ͷ • ͦ΋ͦ΋खಈͰߋ৽Λ͠ͳ͚Ε͹͍͚ͳ͍͜ͱ͕͋Δͱ͍ ͏՝୊͸࢒͍ͬͯΔɻ • ͜ͷ՝୊͸ٕज़ͷਐาʹΑΓରԠ͞Ε͖͍ͯͯΔɻ Pull to refresh

    - Ҿͬுͬͯߋ৽
30. 30.

    • ͜ͷΑ͏ͳ࢓૊Έ͕Ϣʔβʔʹਁಁͯ͘͠Δͱɺ PullToRefresh͸ʮ౰ͨΓલʯͰ͸ͳ͘ͳΓ·͢ɻ • ʮ͑ɺ͜ͷΞϓϦɺࣗ෼Ͱߋ৽͠ͳ͍ͱ͍͚ͳ͍ͷʁʯͱ ͳΔΘ͚Ͱ͢ɻ LINEͷνϟοτػೳʹϦϩʔυϘλϯͳ͍Ͱ͢ΑͶɻ

31. 31.

    • ࢖͍΍͍͢ͱײ͡Δػೳ΍UI͸ɺͦͷཪʹӅΕ͍ͯΔٕज़ త՝୊Λ͏·͍͜ͱղܾͨ͠΋ͷͰ͋Δɻ • ͦͷٕज़త՝୊͕ղܾ͞ΕΔ͜ͱͰɺػೳ΍UI͸࣍ͷ࣍ݩ ΁ͱਐԽ͢Δɻ ʮ౰ͨΓલʯ͕࣮ݱ͞Ε͍ͯͳ͍͜ͱʹϢʔβʔ͸ετϨεΛ࣋ͭ

32. 32.

    ։ൃऀ͸ Ϣʔβʔʹͱͬͯͷʮ౰ͨΓલʯΛ஌Δඞཁ͕͋Δ

33. 33.

    • ʮ౰ͨΓલʯ͸ී௨ͩͱײ͡Δͱ͍͏͜ͱͳͷͰɺී௨͡Ό ͳ͘ͳͬͨͱ͖ʹॳΊͯײ͡Δ͜ͱ͕ग़དྷ·͢ • ϓϩμΫτΛ࡞Δଆʹ͍ͯ͸ײ͡Δ͜ͱ͸ෆՄೳ • ϓϩμΫτΛຊؾͰ࢖͏ଆʹཱͨͳ͍ͱແཧ ʮ౰ͨΓલʯ͸ීஈײ͡Δ͜ͱ͕ग़དྷͳ͍

34. 34.

    • Apple͸2018೥ʹʮFluid Interfacesʯͱ͍͏Ωʔϫʔυ Ͱ͜Ε͔Βͷ࣌୅ͷUIͷ֓೦Λఏএ͍ͯ͠·͢ɻ • https://developer.apple.com/videos/play/ wwdc2018/803/ ΞϓϦͷUI͸͜Ε͔Β΋ਐԽ͠ଓ͚Δ

35. 35.

    ʮ౰ͨΓલʯ→ʮ࢖͍৺஍ͷྑ͍ϓϩμΫτʯ

36. 36.

    ๞࿨͢ΔΞϓϦࢢ৔Ͱ͸ ʮ౰ͨΓલʯͷ࣮ݱͱϦʔυ͕伴ͱͳΔ

37. 37.

    • ΠϊϕʔςΟϒͳΞΠσΞʹΑΔϓϩμΫτͰ͋Ε͹ɺඇ ػೳཁ݅ͷୡ੒౓͸௿ͯ͘΋ͳΜͱ͔ͳΔɻ
 গͳ͘ͱ΋࠷ॳ͸ɻ • ͔͠͠ɺ͍ͣΕͦ͜ʹ͸ଟ͘ͷڝ߹͕ݱΕΔ͜ͱʹͳΓɺ ੒௕ظɾ੒ख़ظʹ͓͍ͯ͸ʮ࢖͍৺஍ʯͰͷউෛͱͳΔɻ ڧ͍ϓϩμΫτͱ͸ͳΜͳͷ͔ɺͳͥڧ͍ͷ͔

38. 38.

    ਓ͕ݟΔͷ͸ʮࠓʯ͕Ͳ͏ͳ͍ͬͯΔ͔͚ͩɺ ࠷ॳʹ΍ͬͨਓ͕୭͔ͳΜͯ୭΋ؾʹ͠ͳ͍

39. 39.

    ʮ࢖͍৺஍ʯΛ࣮ݱ͢Δ͜ͱ͕ग़དྷΔͷ͸ΤϯδχΞͰ͢

40. 40.

    ϓϩμΫτͷڧ͞ = αʔϏεͷՁ஋ × ࢖͍৺஍ ϏδωεαΠυ ΤϯδχΞαΠυ

41. 41.

    ΞϓϦ։ൃͷେ൒͸UI։ൃʹͳΔ

42. 42.

    εϚʔτϑΥϯΞϓϦΤϯδχΞʹ ࠓҰ൪ٻΊΒΕΔͷ͸UIͷ࣮૷εΩϧ

43. 43.

    Ϣʔβʔ͕ʮ͜ͷΞϓϦɺ࢖͍΍͍͢ʯͱײ͡Δ෦෼ͷද૚෦͸ UIͰ͢ɻ ͜͜Λಥ͖٧ΊΔ͜ͱͰʮ࢖͍৺஍ʯΛఏڙ͢Δ͜ͱ͕ग़དྷ·͢ εϚʔτϑΥϯΞϓϦΤϯδχΞΛ໨ࢦ͢ͷͰ͋Ε͹UIͷ࣮૷ྗ ʹϑΥʔΧε͠·͠ΐ͏ɻ ·ͨɺ࣮ݱ͍ͨ͠UIΛߟ͑Δ͜ͱͰɺ͔ͦ͜Βࣗ෼ʹඞཁͳٕज़ ͕ݟ͑ͯ͘ΔͰ͠ΐ͏ɻ

44. 44.

    UIͷ͜ͱ͚ͩߟ͑ͯΕ͹࠷ڧͷΤϯδχΞʹͳΔਤ

45. 45.

    ࣍ճʮͳͥUIͷ։ൃ͸೉͍͠ͷ͔?ʯ

46. 46.

    Thank you! Eureka Relationship Hiroshi Kimura | Eureka, Inc. 2019

    March