Slide 1

Slide 1 text

HapticΛΧελϚΠζͯ͠ΈΑ͏ גࣜձࣾZOZO ZOZOTOWN։ൃຊ෦ ZOZOTOWNΞϓϦ෦ iOSϒϩοΫ ԕ౻ ສཬ Copyright © ZOZO, Inc. 1

Slide 2

Slide 2 text

© ZOZO, Inc. גࣜձࣾZOZO ZOZOTOWN։ൃຊ෦ ZOZOTOWNΞϓϦ෦ iOSϒϩοΫ ԕ౻ ສཬ Twitter:@re___you #ZOZOTOWN iOSΞϓϦ։ൃ୲౰👩💻 #վળ׆ಈ΋ͯ͠·͢🛠 #࠷ۙങͬͯΑ͔ͬͨ΋ͷ͸Apple Watch⌚ 2

Slide 3

Slide 3 text

© ZOZO, Inc. 3 ࠓ೔ͷςʔϚ

Slide 4

Slide 4 text

© ZOZO, Inc. 4 HapticΛΧελϚΠζͯ͠ΈΑ͏

Slide 5

Slide 5 text

© ZOZO, Inc. 5 Apple WatchΛ͚͍ͭͯͨΒHapticͷόϦΤʔγϣϯʹؾ͍ͮͨ ☀ ىচΞϥʔϜ ಓҊ಺ͷࠨӈͷ ਐߦํ޲ ϚεΫ࣌ͷ iPhoneͷղআ 🔓 ώμϦɾɾɾώμϦɾɾɾώμϦ ϛΪϛΪϛΪϛΪϛΪϛΪ Χνο ͱͱΜɺͱͱΜɺͱͱΜ

Slide 6

Slide 6 text

© ZOZO, Inc. 6 Core Hapticsొ৔Ͱ
 Hapticͷදݱ޲্

Slide 7

Slide 7 text

© ZOZO, Inc. 7 Core Hapticsʹ͍ͭͯ

Slide 8

Slide 8 text

© ZOZO, Inc. 8 UIFeedbackGeneratorͱCore Haptics UIFeedbackGenerator Core Haptics • iOS 10 ~ • ܾΊΒΕͨHapticύλʔϯͷΈ
 ࠶ੜՄೳ • ZOZOTOWN΋͓ؾʹೖΓͱ͔Ͱ ࢖ͬͯΔ • iOS 13 ~ • HapticύλʔϯΛΧελϚΠζͰ͖Δ

Slide 9

Slide 9 text

© ZOZO, Inc. 9 Core HapticsͷΧελϚΠζཁૉ ԻΛ࠶ੜ(.wav) ৮֮

Slide 10

Slide 10 text

© ZOZO, Inc. 10 Core HapticsͷΧελϚΠζͱ͸ ৮֮ɺԻΛ૊Έ߹Θͤͯ 1ͭͷύλʔϯΛ࡞Δ͜ͱ

Slide 11

Slide 11 text

© ZOZO, Inc. Core Hapticsͷ໾ׂ • Haptic ίϯςϯπͷ࡞੒ • CHHapticEvent: ৮֮ɺԻ • CHHapticEventParameter: CHHapticEventͷύϥϝʔλʔ • CHHapticPattern: CHHapticEventΛ૊Έ߹Θͤͨ΋ͷ • Hapticͷ࠶ੜ • CHHapticPlayer: CHHapticPatternΛ࠶ੜ • CHHapticEngine: CHHapticPlayerΛ࡞੒ 11

Slide 12

Slide 12 text

© ZOZO, Inc. 12 Core Hapticsͷίϯςϯπߏ੒ https://developer.apple.com/videos/play/wwdc2019/520 WWDC 2019 520 Introducing Core HapticsΑΓ

Slide 13

Slide 13 text

© ZOZO, Inc. 13 Core HapticsͰઃఆͰ͖Δ2छྨͷ৮֮ τϯο ϰΡʔʔʔʔʔʔʔʔ https://developer.apple.com/videos/play/wwdc2019/810 Designing Audio-Haptic ExperiencesΑΓ

Slide 14

Slide 14 text

© ZOZO, Inc. 14 Core HapticsͰઃఆͰ͖Δ2छྨͷ৮֮ τϯο ϰΡʔʔʔʔʔʔʔʔ - durationΛઃఆͰ͖Δ - duration͕0ͩͱHaptic͕࠶ੜͰ͖ͳ͍ - durationͷઃఆ͸ͳ͍ Designing Audio-Haptic ExperiencesΑΓ

Slide 15

Slide 15 text

© ZOZO, Inc. TransientͷCHHapticEventParameter 15 Haptic Intensity Haptic Sharpness 0 1 1 ߗ͍ײ͡ ॊΒ͔͍ײ͡

Slide 16

Slide 16 text

© ZOZO, Inc. ContinuousͷCHHapticEventParameter 16 Haptic Intensity Haptic Sharpness ;ΜΘΓৼಈΛײ͡Δ ͸͖ͬΓͱৼಈΛײ͡Δ

Slide 17

Slide 17 text

© ZOZO, Inc. ԻͷCHHapticEventParameter 17 • audioVolume • audioPitch • audioPan • audioBrightness

Slide 18

Slide 18 text

© ZOZO, Inc. Hapticͷ࠶ੜ https://developer.apple.com/documentation/corehaptics/chhapticengine HapticίϯςϯπΛ࡞੒ CHHapticEngineͷυΩϡϝϯτΑΓ

Slide 19

Slide 19 text

© ZOZO, Inc. 19 Engine४උ class ViewController: UIViewController { // ࠶ੜதʹ։์͞Εͳ͍Α͏ʹϝϯόม਺ʹ͢Δ private let engine: CHHapticEngine! override func viewDidLoad() { super.viewDidLoad() // engine͸init΍viewDidLoad()ͳͲͷૣ͍λΠϛϯάͰ࡞੒ engine = try! CHHapticEngine(audioSession: AVAudioSession.sharedInstance()) try! engine.start() } }

Slide 20

Slide 20 text

© ZOZO, Inc. 20 Hapticίϯςϯπ࡞੒ // Transient Event let transientEvent = CHHapticEvent(eventType: .hapticTransient, parameters: [ CHHapticEventParameter(parameterID: .hapticIntensity, value: 0.3), CHHapticEventParameter(parameterID: .hapticSharpness, value: 0.3)], relativeTime: 0.2) // Audio Event let audioResourceID = try! engine.registerAudioResource(resourceURL) let audioEvent = CHHapticEvent(audioResourceID: audioResourceID, parameters: [CHHapticEventParameter(parameterID: .audioVolume, value: 0.3)], relativeTime: 0) do { // ΠϕϯτΛ΋ͱʹHapticύλʔϯΛ࡞੒ let pattern = try CHHapticPattern(events: [transientEvent, audioEvent], parameters: []) } catch let error {ɾɾɾ}

Slide 21

Slide 21 text

© ZOZO, Inc. 21 Haptic࠶ੜ do { let pattern = try CHHapticPattern(events: [event, audioEvent], parameters: []) let player = try engine.makePlayer(with: pattern) try player?.start(atTime: CHHapticTimeImmediate) } catch let error {ɾɾɾ}

Slide 22

Slide 22 text

© ZOZO, Inc. 22

Slide 23

Slide 23 text

© ZOZO, Inc. 23 ΧελϚΠζΛߟ͑ͯΈΔ

Slide 24

Slide 24 text

© ZOZO, Inc. 24 ʮ঎඼ΛΧʔτʹೖΕΔʯ ࣌Λߟ͑ͯΈΔ ϦϦʔε͸͠ͳ͍Α ͋͘·Ͱ࣮ݧͶ 👆

Slide 25

Slide 25 text

© ZOZO, Inc. 25 ʮ঎඼ΛΧʔτʹೖΕΔʯ ࣌Λߟ͑ͯΈΔ ϦϦʔε͸͠ͳ͍Α ͋͘·Ͱ࣮ݧͶ 👆

Slide 26

Slide 26 text

© ZOZO, Inc. 26 Designing Audio-Haptic Experiences https://developer.apple.com/videos/play/wwdc2019/810/

Slide 27

Slide 27 text

© ZOZO, Inc. 27 Appleͷࣄྫ https://developer.apple.com/videos/play/wwdc2019/810/

Slide 28

Slide 28 text

© ZOZO, Inc. 28 Appleͷࣄྫ Apple Watch ཉ͍͠ɾɾɾ https://developer.apple.com/videos/play/wwdc2019/810/

Slide 29

Slide 29 text

© ZOZO, Inc. 29 HapticsΛઃܭ͢Δͷʹॏཁͳ3ͭͷ͜ͱ ௐ࿨ੑ ҼՌؔ܎ ࣮༻ੑ

Slide 30

Slide 30 text

© ZOZO, Inc. 30 ҼՌؔ܎ ඞཁͳ͜ͱ • ԿʹΑͬͯࣄ৅͕ى͖͔ͨ໌֬ʹ͢Δ ͳͥඞཁͳͷ͔ • ҼՌؔ܎͕߹Θͳ͍ͱҧ࿨ײΛײ͡Δ

Slide 31

Slide 31 text

© ZOZO, Inc. 31 ҼՌؔ܎ Designing Audio-Haptic ExperiencesΑΓ ྫ) αοΧʔϘʔϧΛऽͬͨͱ͖ͷԻ͕ҧ͏ͱҧ࿨ײ͕͋Δ https://developer.apple.com/videos/play/wwdc2019/810/

Slide 32

Slide 32 text

© ZOZO, Inc. 32 ௐ࿨ੑ ඞཁͳ͜ͱ • ࢹ֮(Ξχϝʔγϣϯ)ɺௌ֮(Ի)ɺ৮֮ΛҰகͤ͞Δ ͳͥඞཁͳͷ͔ • ௐ࿨่͕ΕΔͱମݧ͕ଛͳΘΕΔ • ྫ) αοΧʔϘʔϧΛऽΔલʹ৮͕֮ൃੜ͢Δ

Slide 33

Slide 33 text

© ZOZO, Inc. 33 ࣮༻ੑ ඞཁͳ͜ͱ • ΞϓϦέʔγϣϯͷମݧ͕࣮֬ʹ޲্͢ΔՕॴʹಋೖ͢Δ ͳͥඞཁͳͷ͔ • HapticΛ௥Ճ͗͢͠Δͱཁ఺͕բΉ

Slide 34

Slide 34 text

© ZOZO, Inc. 34 ·ͣΧελϚΠζΛߟ͑Δ্Ͱେࣄͳ͜ͱ https://developer.apple.com/videos/play/wwdc2019/810 ৮֮ɺԻ͕ ͦΕΒ͍͜͠ͱ

Slide 35

Slide 35 text

© ZOZO, Inc. 35 ෰ΛΧʔτʹೖΕΔ࣌ͷ ৮֮ͷͦΕΒ͠͞ͱ͸ʁ

Slide 36

Slide 36 text

© ZOZO, Inc. 36 https://developer.apple.com/videos/play/wwdc2019/810 ϙϯ ৮͕֮ͦΕΒ͍͠ͱ͸ʁ

Slide 37

Slide 37 text

© ZOZO, Inc. 37 https://developer.apple.com/videos/play/wwdc2019/810 ϙϯ ৮͕֮ͦΕΒ͍͠ͱ͸ʁ ୯ൃతͳ৮͕֮1౓

Slide 38

Slide 38 text

© ZOZO, Inc. 38 https://developer.apple.com/videos/play/wwdc2019/810 ৮͕֮ͦΕΒ͍͠ͱ͸ʁ βοβοβο

Slide 39

Slide 39 text

© ZOZO, Inc. 39 https://developer.apple.com/videos/play/wwdc2019/810 ৮͕֮ͦΕΒ͍͠ͱ͸ʁ βοβοβο ܧଓతͳ৮֮ or ୯ൃతͳ৮͕֮ෳ਺ճ

Slide 40

Slide 40 text

© ZOZO, Inc. 40 https://developer.apple.com/videos/play/wwdc2019/810 ৮͕֮ͦΕΒ͍͠ͱ͸ʁ Ψγϟʔϯ ͺΓʔΜ ऑ͍ ~ த͘Β͍ͷ৮֮ ڧ͍৮֮

Slide 41

Slide 41 text

© ZOZO, Inc. 41 https://developer.apple.com/videos/play/wwdc2019/810 ৮͕֮ͦΕΒ͍͠ͱ͸ʁ ΍ΘΒ͔͍৮֮ Ӷ͍৮֮ ΅;ͬ Ψπϯ

Slide 42

Slide 42 text

© ZOZO, Inc. 42 ৮֮͸Ի΍ࡐ࣭ͱؔ࿈͕͋Γͦ͏

Slide 43

Slide 43 text

© ZOZO, Inc. 43 ͕͜͜෼͔Ε͹৮֮Λ ܾΊ΍͘͢Γͦ͏ ৮֮͸Ի΍ࡐ࣭ͱؔ࿈͕͋Γͦ͏

Slide 44

Slide 44 text

© ZOZO, Inc. 44 ෰ΛΧʔτʹೖΕΔ࣌͸ ͲΜͳԻ͕͢ΔͩΖ͏͔ʁ

Slide 45

Slide 45 text

© ZOZO, Inc. 45 • ାʹٵ͍ࠐ·ΕΔγϡοͬͯԻ • ϋϯΨʔˠ෰ˠΧʔτ(͔͝?)ɺʹ͋ͨΔͱ͢Ε͹ɺΰοͱ͔ίϯ ʹͳΔ • Ϙϑοͯײ͡ • ෍ͷ͜͢ΕΔԻ͔ͳ͋ʮγϡοʯͬͯײ͡ • ෍͕མͪͨԻ͔ͳ • ϙϑͬײʢϘϑΑΓϙϑ೿ʣ • ચ୕ΧΰʹҥྨΛೖΕΔΑ͏ͳʮόαοʯͱ͍͏ײ͡ νʔϜϝϯόʔʹҙݟΛฉ͍ͯΈͨ

Slide 46

Slide 46 text

© ZOZO, Inc. 46 • ାʹٵ͍ࠐ·ΕΔγϡοͬͯԻ • ϋϯΨʔˠ෰ˠΧʔτ(͔͝?)ɺʹ͋ͨΔͱ͢Ε͹ɺΰοͱ͔ίϯ ʹͳΔ • Ϙϑοͯײ͡ • ෍ͷ͜͢ΕΔԻ͔ͳ͋ʮγϡοʯͬͯײ͡ • ෍͕མͪͨԻ͔ͳ • ϙϑͬײʢϘϑΑΓϙϑ೿ʣ • ચ୕ΧΰʹҥྨΛೖΕΔΑ͏ͳʮόαοʯͱ͍͏ײ͡ νʔϜϝϯόʔʹҙݟΛฉ͍ͯΈͨ

Slide 47

Slide 47 text

© ZOZO, Inc. 47 ୯ൃతͳ৮͕֮߹͍ͦ͏

Slide 48

Slide 48 text

© ZOZO, Inc. 48 ΧʔτʹೖΕΔԻΛ࠶ݱͯ͠ΈΑ͏ • ϋϯΨʔʹ͔͔ͬͨγϟπ • ΧʔτʹೖΕΔಈ࡞ ؀ڥ

Slide 49

Slide 49 text

© ZOZO, Inc. 49 ΧʔτʹೖΕΔԻΛ࠶ݱͯ͠ΈΑ͏ • ϋϯΨʔʹ͔͔ͬͨγϟπ • ΧʔτʹೖΕΔಈ࡞ ؀ڥ γϡοɺΧϯʁ Χϯʁ

Slide 50

Slide 50 text

© ZOZO, Inc. 50 ԻΛݟͯΈΑ͏

Slide 51

Slide 51 text

© ZOZO, Inc. 51

Slide 52

Slide 52 text

© ZOZO, Inc. 52 • 2ͭͷԻ͕ͳ͍ͬͯΔ • খ͍͞Իͱେ͖ͳԻ • ҥࡲΕˠϋϯΨʔ ࿥Իͨ͠Իͷ೾ܗ

Slide 53

Slide 53 text

© ZOZO, Inc. 53 ԻΛࢀߟʹߟ͑Δͱ • ୯ൃతͳ৮֮ • খ͘͞ॊΒ͔͍৮֮ → 1ճ໨ΑΓ΋େ͖͘Ӷརͳ৮֮

Slide 54

Slide 54 text

© ZOZO, Inc. 54

Slide 55

Slide 55 text

© ZOZO, Inc. 55 Χʔτʹ෰͕ೖͬͨ ײ֮ͬΆ͍ؾ͕͢Δ

Slide 56

Slide 56 text

© ZOZO, Inc. 56 ৮֮Λߟ͑Δͷʹ Ի͸ඇৗʹࢀߟʹͳΔ

Slide 57

Slide 57 text

© ZOZO, Inc. 57 ·ͱΊ • ΧελϚΠζʹ͸Core HapticsΛ࢖͏ • Hapticͷઃܭʹ͸ʮҼՌؔ܎ʯʮௐ࿨ੑʯʮ࣮༻ੑʯ͕ॏཁ • ৮֮͸ԻΛࢀߟʹ͢ΔͱܾΊ΍͍͢

Slide 58

Slide 58 text

© ZOZO, Inc. 58 HapticΛΧελϚΠζ͠Α͏ʂ

Slide 59

Slide 59 text

No content

Slide 60

Slide 60 text

No content

Slide 61

Slide 61 text

No content

Slide 62

Slide 62 text

No content

Slide 63

Slide 63 text

No content