全力疾走中でも使えるストップウォッチアプリを作る

Transcript

1. શྗ࣬૸தͰ΋࢖͑Δ
   ετοϓ΢ΥονΞϓϦΛ࡞Δ
   2022.9.12 iOSDC Japan 2022
   גࣜձࣾZOZO
   ZOZOTOWN։ൃຊ෦ ZOZOTOWNΞϓϦ෦ iOSϒϩοΫ
   Ԯ໺ ൏ / @juginon
   Copyright © ZOZO, Inc.
   

   View Slide

2. © ZOZO, Inc.
   גࣜձࣾZOZO
   ZOZOTOWNΞϓϦ෦

   iOSϒϩοΫ
   Ԯ໺ ൏
   2022.04 ZOZO৽ଔೖࣾ

   ཮্ڝٕྺ 15೥ʢ2008~2022ʣ

   ࣾձਓͰ΋ଓ͚ͯ·͢
   2
   Ogijun / @juginon
   

   View Slide

3. © ZOZO, Inc.
   3
   

   View Slide

4. © ZOZO, Inc.
   4
   ࢢൢͷετοϓ΢Υον࢖͑͹͍͍͡ΌΜ🤔
   

   View Slide

5. © ZOZO, Inc.
   5
   ̋ × ̋
   ̋ × ̋
   ̋ ˚ ̋
   ଱ٱੑ
   ϝϞϦʔػೳ
   ϥοϓػೳ
   Ձ֨
   ߴڃͳ
   ετοϓ΢Υον
   Ϧʔζφϒϧͳ
   ετοϓ΢Υον
   ʁ
   ετοϓ΢Υονൺֱ
   ˇ
   

   View Slide

6. © ZOZO, Inc.
   ̋ × ̋
   ̋ × ̋
   ̋ ˚ ̋
   6
   ଱ٱੑ
   ϝϞϦʔػೳ
   ϥοϓػೳ
   Ձ֨
   ߴڃͳ
   ετοϓ΢Υον
   Ϧʔζφϒϧͳ
   ετοϓ΢Υον
   J1IPOF📱
   ˇ
   ετοϓ΢Υονൺֱ
   

   View Slide

7. © ZOZO, Inc.
   7
   

   View Slide

8. © ZOZO, Inc.
   8
   REJECTED
   

   View Slide

9. © ZOZO, Inc.
   9
   ͳͥετοϓ΢ΥονΞϓϦʹ͸
   ԻྔϘλϯͷ੍ޚ͕ඞཁͩͬͨͷ͔ʁ
   

   View Slide

10. © ZOZO, Inc.
    10
    ෳ਺ਓ
    Ұਓ
    ͳͥԻྔϘλϯ͕ඞཁͳͷ͔ʁ
    ࿅शʹ͓͚ΔλΠϜܭଌ
    

    View Slide

11. © ZOZO, Inc.
    

    View Slide

12. © ZOZO, Inc.
    

    View Slide

13. © ZOZO, Inc.
    13
    બख Ϛωʔδϟʔ
    ૸Γͳ͕ΒετοϓϘλϯ
    ͕ԡͤͳ͍
    બखΛݟͳ͕Β
    ελʔτετοϓ͕೉͍͠
    ͳͥԻྔϘλϯ͕ඞཁͳͷ͔ʁ
    ͳͥ΍Γʹ͍͘ͷ͔ʁ
    

    View Slide

14. © ZOZO, Inc.
    14
    બख Ϛωʔδϟʔ
    ૸Γͳ͕ΒετοϓϘλϯ
    ͕ԡͤͳ͍
    બखΛݟͳ͕Β
    ελʔτετοϓ͕೉͍͠
    ͳͥԻྔϘλϯ͕ඞཁͳͷ͔ʁ
    ͳͥ΍Γʹ͍͘ͷ͔ʁ
    ը໘Λݟ͍ͯͳ͍ঢ়ଶͰૢ࡞͕΍ΓͮΒ͍ʂ
    

    View Slide

15. © ZOZO, Inc.
    15
    ඞਢ߲໨
    ɾը໘Λݟͳͯ͘΋ૢ࡞͕Ͱ͖Δ
    ɾ࣮֬ʹૢ࡞Λߦͬͨͱ͍͏ϑΟʔυόοΫ͕ಘΒΕΔ
    ͋Δͱخ͍͠
    ɾεϚʔτϑΥϯͭͰ׬݁͢Δ
    

    ˠ४උ͢Δͷʹ͓ۚͱख͕ؒඞཁͩͱຊ຤స౗ʢετοϓ΢ΥονΛങ͓͏ʂʣ
    ͳͥԻྔϘλϯ͕ඞཁͳͷ͔ʁ
    Ͳ͏͢Ε͹ղܾͰ͖Δʁ
    ɾͲͷ୺຤Ͱ΋ૢ࡞Մೳ
    ˠ-J%"3΍ਂ౓ΧϝϥͳͲɺಛఆͷ୺຤ʹ͔͠ͳ͍ػೳ͸࢖Θͳ͍
    

    View Slide

16. © ZOZO, Inc.
    16
    

    View Slide

17. © ZOZO, Inc.
    17
    

    View Slide

18. © ZOZO, Inc.
    18
    

    View Slide

19. © ZOZO, Inc.
    19
    ղܾ͢ΔͨΊʹ࡞Γ·ͨ͠
    

    View Slide

20. © ZOZO, Inc.
    20
    

    View Slide

21. © ZOZO, Inc.
    21
    Ϛωʔδϟʔɾސ໰ڞʹ޷ධ👏
    ࣮ࡍʹ૸Γͳ͕Β࢖ͬͯ΋շదʹૢ࡞Ͱ͖ͨ
    ϦϦʔεޙͷ൓Ԡ
    ཮্෦Ҏ֎ͷਓʹ΋࢖ͬͯ΋Β͍͑ͯͨ
    

    View Slide

22. © ZOZO, Inc.
    22
    ϦϦʔεޙͷ൓Ԡ
    (VJEFMJOF1FSGPSNBODF4PGUXBSF3FRVJSFNFOUT
    ͋ͳͨͷΞϓϦ͸ɺJ04σόΠεͷඪ४తͳεΠονΛඪ४తͰͳ͍
    ํ๏Ͱ࢖༻͍ͯ͠·͢ɻ
    "QQ4UPSF3FWJFX(VJEFMJOFTʹଇͬͨػೳʹ࡞Γ௚͍ͯͩ͘͠͞ɻ
    

    View Slide

23. © ZOZO, Inc.
    23
    App Store ReviewΨΠυϥΠϯ https://developer.apple.com/jp/app-store/review/guidelines/#performance
    → ԻྔϘλϯ΍ϛϡʔτεΠονͳͲͷ෺ཧϘλϯ͸࢖ͬͯ͸͍͚ͳ͍ ❌
    Volume Watchͷެ։ఀࢭཧ༝͸ʮԻྔϘλϯΛ࢖͍ͬͯΔ͔Βʯ
    (VJEFMJOFͱ͸ʁ
    

    View Slide

24. © ZOZO, Inc.
    24
    7PMVNF8BUDI7PMVNF8BUDI😭
    

    View Slide

25. © ZOZO, Inc.
    25
    ඞਢ߲໨
    ɾը໘Λݟͳͯ͘΋ૢ࡞͕Ͱ͖Δ
    ɾ࣮֬ʹૢ࡞Λߦͬͨͱ͍͏ϑΟʔυόοΫ͕ಘΒΕΔ
    ͋Δͱخ͍͠
    ɾεϚʔτϑΥϯͭͰ׬݁͢Δ
    

    ˠ४උ͢Δͷʹ͓ۚͱख͕ؒඞཁͩͱຊ຤స౗ʢετοϓ΢ΥονΛങ͓͏ʂʣ
    ɾͲͷ୺຤Ͱ΋ૢ࡞Մೳ
    ˠ-J%"3΍ਂ౓ΧϝϥͳͲɺಛఆͷ୺຤ʹ͔͠ͳ͍ػೳ͸࢖Θͳ͍
    Ͳ͏͢Ε͹ղܾͰ͖Δʁ
    

    View Slide

26. © ZOZO, Inc.
    26
    ɾը໘Λݟͳͯ͘΋ૢ࡞͕Ͱ͖Δ
    ɾ࣮֬ʹૢ࡞Λߦͬͨͱ͍͏ϑΟʔυόοΫ͕ಘΒΕΔ
    )BQUJDͷ׆༻
    ԻྔϘλϯΛ࢖Θͳ͍Ͱ࣮૷͢Δ
    

    View Slide

27. © ZOZO, Inc.
    27
    ը໘
    εϫΠϓ
    छྨͷΠϯλϥΫγϣϯΛ࣮૷
    ɾը໘Λݟͳͯ͘΋ૢ࡞͕Ͱ͖Δ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    ԻྔϘλϯΛ࢖Θͳ͍Ͱ࣮૷͢Δ
    ɾ࣮֬ʹૢ࡞Λߦͬͨͱ͍͏ϑΟʔυόοΫ͕ಘΒΕΔ
    

    View Slide

28. © ZOZO, Inc.
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    ը໘શମΛεϫΠϓՄೳʹ
    
    
    ্ํ޲ͷεϫΠϓ࣌ʹελʔτɾετοϓ͢ΔΑ͏ʹઃఆ
    
    
    .directionͰεϫΠϓํ޲Λ4ํ޲ࢦఆՄೳ
    ը໘εϫΠϓͷ੍ޚ࣮૷ʢྫʣ
    

    View Slide

29. © ZOZO, Inc.
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    ը໘Λ2ຊࢦͰλοϓ͢Δͱελʔτɾετοϓ
    
    
    .numberOfTouchedRequiredͰ൓Ԡ͢Δࢦͷຊ਺Λઃఆ
    
    
    iOSͩͱ3ຊࢦɺiPadOSͩͱ4ຊࢦ·ͰઃఆՄೳ
    2ຊࢦλοϓͷ੍ޚ࣮૷ʢྫʣ
    

    View Slide

30. © ZOZO, Inc.
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    γΣΠΫ͞ΕͨΒελʔτɾετοϓ
    
    
    CoreMotionͰՃ଎౓ͷੜσʔλΛऔಘ͢Δ͜ͱ΋Մೳ
    
    
    ࠓճ͸UIKitͷmotionEnded()Λ࢖༻
    γΣΠΫδΣενϟʔͷ੍ޚ࣮૷ʢྫʣ
    

    View Slide

31. © ZOZO, Inc.
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    എ໘λοϓ࣌ʹγϣʔτΧοτΛొ࿥
    ొ࿥͞ΕͨSiri shortcut͕ىಈ
    ετοϓ΢ΥονΛελʔτ/ετοϓ
    Siri shortcutΛ࣮૷
    ελʔτ/ετοϓΛγϣʔτΧοτʹ
    

    View Slide

32. © ZOZO, Inc.
    ۙ઀ηϯαʔͱ͸…
    
    
    ௨࿩࣌ʹࣖΛεϐʔΧʔʹ͚ͭͨͱ͖ɺޡಈ࡞Λ๷͙ͨΊʹ
    
    
    λονύωϧΛແޮԽ͢ΔͨΊͷηϯαʔ
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    → iPhoneͷ্෦ΛखͰୟ͚͹ɺ؆୯ʹετοϓ΢ΥονΛ
    
    
    ੍ޚͰ͖ΔͷͰ͸ʁ
    ۙ઀ηϯαʔͷ੍ޚ࣮૷ʢྫʣ
    

    View Slide

33. © ZOZO, Inc.
    33
    N
    ճ छྨ ճ
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    Ϙλϯ
    º
    º
    N
    4UPQ
    d
    
    ࣮ࡍʹ࢖ͬͯΈͨ
    

    View Slide

34. © ZOZO, Inc.
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    Ϙλϯ
    34
    

    View Slide

35. © ZOZO, Inc.
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    Ϙλϯ
    35
    

    View Slide

36. © ZOZO, Inc.
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    Ϙλϯ
    36
    

    View Slide

37. © ZOZO, Inc.
    5ճத3ճ੒ޭ ७ਖ਼ετοϓ΢Υονͱಉ͘͡Β͍ͷ੒ޭ཰
    
    
    εϫΠϓ͕ҙਤ͠ͳ͍ํ޲΁ߦ͖ɺ൓Ԡ͠ͳ͔ͬͨ
    
    
    ্Լࠨӈ͢΂ͯͷεϫΠϓͰ൓Ԡ͢ΔΑ͏ʹ࣮૷͕ͨ͠ɺ
    
    
    ࣼΊํ޲͸ಉ༷ʹ൓Ԡ͠ͳ͔ͬͨ
    εϫΠϓ
    ࣮ࡍʹ࢖ͬͯΈͨ
    ௥ه:
    
    
    UIPanGestureRecognizerͰ࣮૷ͨ͠ͱ͜Ζ্هͷ໰୊͸ղܾ
    

    View Slide

38. © ZOZO, Inc.
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    Ϙλϯ
    38
    

    View Slide

39. © ZOZO, Inc. 39
    5ճத0ճ੒ޭʢ͢΂ࣦͯഊʣ
    
    
    λοϓͷڧ͞ɾ௕͕͞௨ৗͷλοϓͱ͸ҟͳΔ
    
    
    ࢦ͕཭ΕΔ·Ͱʹಈ͘ɺ౳ʹΑΓ͏·͘൓Ԡ͠ͳ͔ͬͨ
    
    
    ʢ1ຊࢦͳΒʁ → ҙਤͤͣ৮ͬͯ͠·͏ɾ࿈ଓͰλοϓͯ͠͠·͏ʣ
    
    
    ը໘Λ৮ΔΠϯλϥΫγϣϯʹ͸҆৺ײͱ͍͏໘Ͱ
    
    
    Ұఆͷ೉͕͋͠͞Δ
    ຊࢦλοϓ
    ࣮ࡍʹ࢖ͬͯΈͨ
    

    View Slide

40. © ZOZO, Inc.
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    Ϙλϯ
    40
    

    View Slide

41. © ZOZO, Inc.
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    Ϙλϯ
    41
    

    View Slide

42. © ZOZO, Inc.
    42
    ͲͪΒ΋5ճத0ճ੒ޭʢ͢΂ࣦͯഊʣ
    ❓
    ❓
    ❓
    Ճ଎౓ηϯαʔΛ࢖࣮ͬͨ૷͸૸Δ͜ͱͰʮγΣΠΫ͕ऴΘͬͨʯڥք͕ᐆດʹ…
    
    
    ੜσʔλΛ࢖ͬͨͱͯ͠΋ݕग़͸େมͦ͏
    γΣΠΫɾഎ໘λοϓ
    ࣮ࡍʹ࢖ͬͯΈͨ
    

    View Slide

43. © ZOZO, Inc.
    εϫΠϓ
    ຊࢦ
    λοϓ
    γΣΠΫ
    എ໘
    λοϓ
    ۙ઀
    ηϯαʔ
    Ϙλϯ
    43
    

    View Slide

44. © ZOZO, Inc.
    44
    ͲͪΒ΋5ճத5ճ੒ޭʢ͢΂ͯ੒ޭ🎉ʣ
    ɾ൓Ԡ͢Δ·ͰͷϨεϙϯε͕଎͍
    
    
    ɾखΛୟ͘Α͏ʹͯ͠૸Γग़ͤΔͷͰ࿅श࣌ͷಈ͖ͱͯࣗ͠વ
    
    
    ɾΰʔϧ࣌ʹେ͖͘ϒϨͯ΋൓Ԡͯ͘͠ΕΔ
    
    
    ɹ→ ҆৺ײɾ࿅श΁ͷूதʹͭͳ͕Δ
    ۙ઀ηϯαʔ
    ࣮ࡍʹ࢖ͬͯΈͨ
    

    View Slide

45. © ZOZO, Inc.
    45
    1ճ໨ 2ճ໨ 3ճ໨ 4ճ໨ 5ճ໨
    Ϙλϯλοϓ
    ✖ ⭕ ⭕ ⭕ ✖
    2ຊࢦλοϓ
    ✖ ✖ ✖ ✖ ✖
    ্ํ޲εϫΠϓ
    ⭕ ✖ ⭕ ✖ ⭕
    γΣΠΫ
    ✖ ✖ ✖ ✖ ✖
    എ໘λοϓ
    ✖ ✖ ✖ ✖ ✖
    ۙ઀ηϯαʔ
    ⭕ ⭕ ⭕ ⭕ ⭕
    λΠϜ͕໰୊ͳ͘औΕΔ࣮૷͸ʁ
    ࣮ࡍʹ࢖ͬͯΈͨ
    

    View Slide

46. © ZOZO, Inc.
    46
    ແࣄϦϦʔεͰ͖·ͨ͠🎉
    🎉
    🎉
    

    View Slide

47. © ZOZO, Inc.
    47
    ΞϓϦʹ͸৭ʑͳϢʔεέʔε͕͋Γɺ
    ҰͭͷछྨͷΞϓϦͰ΋࢖͏ਓ͕ҧ͏ͱ࠷దͳػೳ͸ҟͳΔ
    ࢖͏ਓ͕୭ͳͷ͔ߟ͑ͯΞϓϦΛ࡞Ζ͏
    ࠓճ࣮૷ͨ͠தͰ͸ۙ઀ηϯαʔ͕Ұ൪͏·͘λΠϜ͕औΕͨ
    ͦͷଞͷΠϯλϥΫγϣϯ΋ɺҧ͏༻్Ͱ͸׆͖Δ΋ͷʹͳΔ
    ·ͱΊ
    

    View Slide

48. © ZOZO, Inc.
    

    View Slide

49. View Slide