インタラクションデザインと実装

shibuya.swift #5
http://shibuya-swift.connpass.com/event/39841/

Transcript

1. 
   TIJCVZBTXJGU
   
   !OBLBKJKBQBO ΠϯλϥΫγϣϯ
   σβΠϯͱ࣮૷
2. huin ͞Μ גࣜձࣾFablic͞Μ ʹײँʂ
3. @nakajijapan GMO PEPABO inc. Principal Engineer iOS / Web / OS X About Me Daichi Nakajima
4. ϋϯυϝΠυ࡞඼Λ ചΕΔɺങ͑Δɻ ࠃ಺࠷େڃͷ ϋϯυϝΠυϚʔέοτ
5. NKJMultiMovieCaptureView NKJMovieComposer NKJPagerViewController PhotoSlider Teiten GitHub Sengiri Shari frustration.me Kazaguruma
7. Apple Pay JP launch partner
10. ΠϯλϥΫγϣϯ
    ͱ࣮૷
11. ΠϯλϥΫγϣϯ σβΠϯͱ͸
12. ΠϯλϥΫγϣϯ
13. ΠϯλϥΫγϣϯ ૬ޓ࡞༻ wikipedia
16. Interface
17. Interface
18. ΠϯλϥΫγϣϯ ͓ޓ͍͕ ίϛϡχέʔγϣϯ͢Δ͜ͱ wikipedia
19. ΠϯλϥΫγϣϯσβΠϯ ͓ޓ͍͕ ίϛϡχέʔγϣϯ͢Δ͜ͱ wikipedia खॿ͚
20. Ԡ༻ඒज़ ʙΠϯλϥΫγϣϯσβΠϯͷڭՊॻʙ
21. Ԡ༻ඒज़ͱ͸ ඒज़Λ೔༻඼΍ߦࣄͳͲ΁ Ԡ༻͢Δ͜ͱ
23. ඒज़
24. ඒज़ͱ͸ ࢹ֮ʹΑͬͯͱΒ͑Δ͜ ͱΛ໨తͱͯ͠දݱ͞Ε ͨ଄ܗܳज़ͷ૯শ wikipedia
26. wදݱऀ͕఻͍͑ͨ͜ͱΛؑ৆ऀʹ఻͑Δ
    wܗΛ଄ΒΕͨ΋ͷ
    wֆըɺூࠁɺݐஙɺ޻ܳ౳
    ඒज़ͱ͸
27. Ԡ༻ඒज़ͱ͸ ඒज़Λ೔༻඼΍ߦࣄͳͲ΁ Ԡ༻͢Δ͜ͱ wikipedia
29. Ԡ༻ඒज़ͱ͸ ؾ࣋ͪΑ͘࢖ͬͯ΋Β͏ͨ Ίʹศརʹ͢Δ͜ͱ wikipedia
30. ࣮༻తͰ͋Δ͜ͱ
32. ਓ
33. •໨ඪΛཱͯΔ •࣮ߦ͢Δ •ධՁ͢Δ ਓؒͷߦಈαΠΫϧ
34. ҙਤ ܗ੒ ߦಈ ܾఆ ࣮ߦ ஌֮ ղऍ ධՁ ϊʔϚϯ ͷࣣஈ֊ Ϟσϧ
35. ҙਤ ܗ੒ ߦಈ ܾఆ ࣮ߦ ஌֮ ղऍ ධՁ ϊʔϚϯ ͷࣣஈ֊ Ϟσϧ ΑΓখ͍ͯ͘͞͠ ͘͜ͱ͕࢖͍΍͢ ͞΁ͷۙಓ
36. ☺
37. վળ
38. Case Study
39. Sign up
40. Feedback
41. •ϩάΠϯ৘ใͷೖྗΛ͠ͳ͚Ε͹͍͚ͳ͍ •߲໨ʹ͸༷ʑͳ੍ݶ͕͋Δ •શͯਖ਼͍͠৘ใʹͳΒͳ͍ͱSign upͰ͖ͳ ͍ Sign up
44. •ೖྗ͸େมɺ࠷େݶܰݮͤ͞Δ •ϦΞϧλΠϜʹద੾ͳ৘ใΛೖྗͤ͞Δ Α͏༠ಋ͠ɺ࣌ؒ୹ॖ •ϧʔϧΛ໌֬ʹͯ͠ঢ়ଶΛ஌֮ͤ͞Δ Sign up
45. Sign up
46. Sign up let selector = #selector(self.existsMinneID(_:)) NSObject.cancelPreviousPerformRequestsWithTarget(self, selector: selector, object: cell) • UITextFieldDelegate#textFieldDidChange • Connection
47. Cart
48. Keep a context
49. • ࡏݿΛมߋͰ͖Δ Cart
51. •ίϯςΩετΛҡ࣋͢Δ •ͳΜͷ࡞඼ΛબΜͩͷ͔ •͙͢ʹࢦఆͷࡏݿʹมߋͰ͖Δ •ෆՄࢹτϦΨʔ •શମΛ֬ೝͰ͖ΔΑ͏ʹͰ͖Δ Cart
52. Implementation
53. Implementation • Container View Controller • presentViewControllerΛಠ࣮ࣗ૷͢Δ • No UIViewControllerTransitioningDelegate! • Ξχϝʔγϣϯͷதؒ஍఺Ͱը໘ΛࢭΊ ͔ͨͬͨͷͰར༻͍ͯ͠ͳ͍
54. Implementation • Shari • https://github.com/nakajijapan/Shari
55. Scroll View
56. Prevent mistakes
57. • Scroll View಺ʹ͸ΧςΰϦͷҰཡ͕ଘࡏ • Կճ͔εϫΠϓ͠ͳ͚Ε͹͍͚ͳ͍৔߹͕ ͋Δ • ը໘ྖҬʹ͸ݶք͕͋Δ • ؆୯ʹྖҬΛ޿͛ΔΘ͚ʹ͸͍͔ͳ͍ Scroll View
59. Implementation • εϫΠϓޙ̍ඵ͸εϫΠϓྖҬ͕޿͛Δ • ̍ඵҎ಺ʹεϫΠϓ͕͋Ε͹Ωϟϯηϧ • ͳ͚Ε͹εϫΠϓྖҬ͕໭Δ scroll view scroll view 4XJQF scroll view scroll view
60. Implementation
61. Implementation let selector = #selector(self.unlockUserInteractionWithScrollView(_:)) NSObject.cancelPreviousPerformRequestsWithTarget(self, selector: selector, object: scrollView) NSTimer.scheduledTimerWithTimeInterval(0.1, target: self, selector: selector, userInfo: nil, repeats: false) • Lazy Execution and Cancel
62. ·ͱΊ
63. ΠϯλϥΫγϣϯσβΠϯ ͓ޓ͍͕ ίϛϡχέʔγϣϯ͢Δ͜ͱ wikipedia खॿ͚
64. ΠϯλϥΫγϣϯσβΠϯ ࣮༻తͰ͋Δ͜ͱ
65. •໨ඪΛཱͯΔ •࣮ߦ͢Δ •ධՁ͢Δ ਓؒͷߦಈαΠΫϧ
66. • ঢ়گΛ఻͑ͯϑΟʔυόοΫΛఏڙ͢Δ • ίϯςΩετΛҡ࣋͢Δ • ϛεΛࣄલʹ๷͙ ·ͱΊ
67. Thanks.