英会話サービスのために開発したビデオチャットアプリの技術

iOSDC 2017 TrackC 13:30〜のトークです

Transcript

1. ӳձ࿩αʔϏεͷͨΊʹ ࡞੒ͨ͠ϏσΦνϟοτΞϓϦ ͷٕज़ iOSDC JAPAN 2017 day 1 2017/09/16 େౡ ޫو@sbntaminif
2. ຊ೔ͷλʔήοτ • SkyWay, Firebaseʹ͍ͭͯ஌Γ͍ͨํ • ্هͷӡ༻ͷ஌ݟʹ͍ͭͯڵຯͷ͋Δํ • ӳձ࿩αʔϏεʹڵຯͷ͋Δํ • ७ਮʹڵຯͷ͋Δํ
3. ࣗݾ঺հ • ΢ΣϒϦΦגࣜձࣾWEBΤϯδχΞ + ϓϩμΫτ Ϛωʔδϟʔ • ΞϓϦΤϯδχΞ
 ʢࣗশʣ • ීஈ͸ژ౎Ͱಇ͍͍ͯ·͢
4. http://ejje.weblio.jp/content/ios
5. Weblio͸ ΦϯϥΠϯࣙॻΛఏڙ͢Δ WebαʔϏεΛ ӡӦ͓ͯ͠Γ·͢
6. ࣮͸ࣙॻҎ֎ʹ΋ ͜ΜͳWebαʔϏεΛ΍ͬ ͍ͯ·͢
8. WebRTCͱ͸ʢςϯϓϨʣ • W3C͕ఏএ͢ΔP2PϦΞϧλΠϜίϛϡχέʔ γϣϯΛ࣮ݱ͢Δٕज़ • ϓϥάΠϯͳ͠Ͱϒϥ΢βؒͷ΍ΓͱΓ͕Մೳ • ຊ೔͸࢓૊ΈΛ؆୯ʹ͚ͩઆ໌͠·͢ɻ
9. ؆୯ʹ࢓૊Έ͚ͩ ᶅ௨৴ʂ 456/563/
   ʢதܧʣαʔό γάφϦϯά
   αʔό ᶃ ᶄ ᶄ ᶃ
10. WebRTCͱ͸ʢςϯϓϨʣ • W3C͕ఏএ͢ΔP2PϦΞϧλΠϜίϛϡχέʔ γϣϯΛ࣮ݱ͢Δٕज़ • ϓϥάΠϯͳ͠Ͱϒϥ΢βؒͷ΍ΓͱΓ͕Մೳ • ຊ೔͸࢓૊ΈΛ؆୯ʹ͚ͩઆ໌͠·͢ɻ
11. ΞϓϦͷ࿩
    ͡Όͳ͍ͷʁ ϒϥ΢βͷ࿩ʁ
12. ΞϓϦΛ࡞ΔܦҢ
13. iOSͷSafari͸ WebRTCʹରԠ͍ͯ͠·ͤΜ ʢۙ೔ରԠ༧ఆʂʣ
14. iPhone΍iPadͰ͸ Weblioӳձ࿩͕࢖͑ͳ͍
15. ࿩͸มΘͬͯɺ Weblioӳձ࿩͸ֶߍ΍ اۀʹ΋ఏڙ͍ͯ͠·͢
16. ·ͨɺֶߍͷதʹ͸ iPadΛतۀʹ࢖༻͢Δॴ΋ ૿͖͑ͯ·ͨ͠
17. ʮWeblioӳձ࿩ΛiPadͰ ࢖༻Ͱ͖ͳ͍ʁʯ
19. iOS SafariͰ͸ແཧ͚ͩͲ ΞϓϦͰ࣮૷͢Ε͹Ͱ͖Δ
20. ͦ͏ɺΞϓϦΛ࡞Δඞཁ͕ ͋ͬͨͷͰ͢
21. https://itunes.apple.com/jp/app/weblio๏ਓӳձ࿩/id1215209006?mt=8
22. ΞϓϦͷ঺հΛ͠·͢ʂ
23. ͱͯ΋γϯϓϧͳΞϓϦ ᶃϩάΠϯ
24. ͱͯ΋γϯϓϧͳΞϓϦ ᶄ࣍ճͷϏσΦϨοεϯ೔࣌֬ೝ
25. ͱͯ΋γϯϓϧͳΞϓϦ ᶅϨοεϯ
26. ͜ΜͳΞϓϦͰ͢ʂ • ߹ܭSwiftϑΝΠϧ਺16ϑΝΠϧʂ
 Controller͸4ͭʂ • Storyboard͸1ϑΝΠϧʹऩ·Δ • ͓ͦΒ͘iOSDCͷதͰ΋΋ͬͱ΋খ͍͞Ξ ϓϦͩͱࢥ͍·͢ʂ
27. ຊ೔͸͜ͷΞϓϦΛ ֤ίϯϙʔωϯτʹ෼͚ͯ ঺հ͢Δ͜ͱͰ
28. ͦΕͧΕͷ෦෼ʹ࢖༻͞Εͯ ͍Δٕज़΍ӡ༻ʹ͍ͭͯͷ஌ ݟΛڞ༗͠·͢
29. ͜ͷࡾͭ 
    ϏσΦ෦෼ 
    ڭࡐ෦෼ 
    νϟοτ෦෼
30. 1. ϏσΦ෦෼
31. ઌ΄Ͳ΋঺հͨ͠௨Γɺ Weblioӳձ࿩͸WebRTCΛ ࢖༻͍ͯ͠·͢
32. ΋ͪΖΜɺΞϓϦʹ΋ WebRTCͰ࣮૷͢Δඞཁ͕ ͋Γ·͢
33. SkyWay: WebRTCΛ؆୯ʹ ࣮ݱ͢ΔαʔϏε https://webrtc.ecl.ntt.com
34. let options:SKWPeerOption = SKWPeerOption.init() options.key = `APIΩʔ` options.domain = `υϝΠϯ` peer = SKWPeer.init(options: options) peer?.on(SKWPeerEventEnum.PEER_EVENT_OPEN, callback: {(obj) -> Void in // my peer ID if let ownId = obj as? String { self.videoLessonRtdb.writeSkyWayId(id: ownId) } }) peer?.on(SKWPeerEventEnum.PEER_EVENT_CALL, callback: {(obj) -> Void in let mediaConnection:SKWMediaConnection = obj as! SKWMediaConnection self.videoConnection = mediaConnection mediaConnection.answer(self.localMediaStream) }) ਃ͠༁ఔ౓ͷαϯϓϧίʔυ #import <SkyWay/SKWPeer.h> $PDPB1PETͰΠϯετʔϧ ͨ͠ϥΠϒϥϦΛΠϯϙʔτ 1FFSΦϒδΣΫτΛੜ੒
    ʢγάφϦϯάαʔόʔʹ৘ ใॻ͖ࠐΈʣ ௨৴։࢝
    ͜͜Ͱ͸ө૾ͱԻ੠Λૹ৴ ৘ใΛॻ͖ࠐΜͩΒɺ 1FFS*%͕ൃߦ͞Ε·͢
35. 2. νϟοτ෦෼
36. Firebase
37. Firebase • Firebase͸Google͕ఏڙ͢ΔαʔϏε
 (Baas?) • iOS, Android, ΢ΣϒͰ΋࢖༻Մೳ • ։ൃΛॿ͚Δଟ͘ͷػೳ͕͋Γ·͢ɻ
38. ࢖༻͍ͯ͠Δػೳ • AuthͱRealtime Database • Auth͸ೝূػೳΛఏڙͯ͘͠ΕΔαʔϏε • Realtime Database͸αʔόʔͱΫϥΠΞ ϯτؒͰσʔλΛಉظͯ͠อଘͯ͘͠ΕΔ αʔϏε
39. νϟοτͷ࣮ݱ ,FZ7BMVFͰ஋Λอଘ
    औಘ͢Δࡍ͸+40/ܗ ࣜͰऔಘͰ͖Δ ҰͭͷϊʔυͰҰͭͷνϟοτΛ
    ࣮ݱ͍ͯ͠Δ
    ࣌ܥྻॱʹฒ΂Δ͜ͱͰνϟοτͬΆ͘ දࣔ
40. Auth let rtdbLoginCompletionHandler: FIRAuthResultCallback = {_,_ in self.setChatObserve() self.setTmObserve() } let rtdbLoginErrorHandler = { print(‘error’) } FIRAuth.auth()?.signIn(withEmail: `ID`, password: `ύεϫʔυ`, completion: { (user, error) in guard error == nil else { rtdbLoginCompletionHandler() return } rtdbLoginCompletionHandler(user, error) }) ೝূޙͷॲཧΛఆٛ ೝূΤϥʔ࣌ͷॲཧΛఆٛ ೝূॲཧ
    ͜͜Ͱ͸ύεϫʔυํࣜͰ ϩάΠϯ
41. Realtime Database let withBlock = { (snapshot: FIRDataSnapshot) in // received chat data if let dictionary = snapshot.value as? [String : AnyObject] { guard let isRoleProf = dictionary["is_role_prof"] as? Bool, let timeMsec = dictionary["time_msec"] as? UInt64, let senderIdString = dictionary["sender_id"] as? String, let senderId = Int(senderIdString), let text = dictionary["text"] as? String else { return } let time:Double = Double(timeMsec) / 1000 } var data:ChatDataStruct if isRoleProf { // prof data = ChatDataStruct(messageSender: .YOU, message: text, displayTime: self.displayTimeFormatter.string(from: Date(timeIntervalSince1970: time))) } else { // member data = ChatDataStruct(messageSender: .ME, message: text, displayTime: self.displayTimeFormatter.string(from: Date(timeIntervalSince1970: time))) } self.chatTableReload(data: data) } firebaseChatObserveHandle = firebaseUserReference.child(`Firebaseͷύε `).observe(.childAdded, with: withBlock) 'JSFCBTF͔Βϊʔ υΛड͚औͬͨ࣌ ͷॲཧΛఆٛ ௥ՃࣜͰ0CTFSWFS ηοτ
42. 3. ڭࡐ෦෼
43. ڭࡐ෦෼ • ڭࡐʹ͸ը૾Λ࢖༻ʢWebͷ࢓༷ʣ • αʔόʔʹஔ͍ͯ͋ΔڭࡐΛɺ WKWebViewΛ࢖༻ͯ͠ಡΈࠐΈ • ڭࡐͷURLͷ΍ΓͱΓʹ͸Realtime DatabaseΛ࢖༻
44. ࣮͸͜Μͳͱ͜ʹ΋ ࢖͍ͬͯΔFirebase • ڭࡐURLͷૹ৴ • PeerIDͷަ׵ • ϨοεϯதͷϏσΦঢ়گͷ؂ࢹ • ڭࡐ্ʹදࣔ͢ΔϚ΢εಉظ
45. ӡ༻͖ͯͨ͠஌ݟ
46. 1. SkyWay
47. ແྉͰ΋ αʔϏεӡ༻͸Ͱ͖ͦ͏ʁ
48. ໰୊͋Γ·ͤΜ • ֶߍͷतۀͰ࢖༻͢ΔͷͰɺ20ਓʙ40ਓ ͘Β͍ͷੜె͕ಉ࣌ʹडߨ • ௨৴ཱ͕֬͢Ε͹ϥά͸1ඵ΋͔͔Γ·ͤ Μ • ͨͩ͠ωοτϫʔΫ͕੔උ͞Ε͍ͯΔલఏ
49. ωοτϫʔΫͲΕ͚ͩ ඞཁͳͷʁ
50. ඞཁͳଳҬ • 1ΫϥΠΞϯτ͋ͨΓ͜Ε͘Β͍ඞཁ
 Ի੠ɿ500Kbps
 ө૾ɿ2Mbps • ֶߍͩͱશһ͕ಉ࣌ʹतۀΛ͢ΔͨΊɺ
 1ΫϥεͰडߨ͢Δͱ઀ଓෆྑ͕ଟ͘ൃੜͨ͠
51. ࢖༻ଳҬΛݮΒͤͳ͍͔ʁ
52. ϦϦʔε౰࣌͸Ͱ͖ͳ͔ͬ ͨͷͰ͕͢ɺਖ਼ࣜ൛Ͱ͸Ͱ ͖ΔΑ͏ʹͳ͍ͬͯ·͢
53. 2. Firebase
54. ຖ݄ͷྉۚͲ͏ͳͷʁ
55. ྉۚϓϥϯ͸ࡾछྨ͋Γ·͢
56. 4QBSLϓϥϯ
    ʢແྉʣ 'MBNFϓϥϯ
    ʢఆֹ՝ۚʣ #MB[Fϓϥϯ
    ʢैྔ՝ۚʣ ಉ࣌઀ଓ਺ ্ݶ͋Γ ্ݶͳ͠ ্ݶͳ͠ μ΢ϯϩʔυ (#·Ͱ (#·Ͱ (# ετϨʔδ ݄(#·Ͱ ݄(#·Ͱ (# ࣗಈόοΫΞοϓ ͳ͠ ͳ͠ ͋Γ ※2017/09/11ݱࡏ https://firebase.google.com/pricing/
57. ྫɿ8݄ͷ࢖༻ྔ • ࠷େಉ࣌઀ଓ਺໿250 • μ΢ϯϩʔυྔ1.4GB • ετϨʔδ࢖༻ྔ16GBʢαʔϏε։࢝࣌ ͔Βͷ߹ܭʣ ͯ͞ɺ͜ΕͰ͍͘Βʁ
58. Realtime Databaseͷ ϊʔυ؅ཧ
59. ؅ཧը໘Ͱ΍Β͔͢ தུ
60. ϊʔυ͕1000Λ௒͑Δͱ ؅ཧը໘͸ػೳ͠ͳ͘ͳΔ
61. ͋Δఔ౓஝ੵ͞ΕΔલʹ ෼ׂ͢ΔΑ͏ͳઃܭʹ͠·͠ΐ͏ ʢྫɿ೔෇ʁʣ
62. Firebaseͷো֐৘ใ
63. ௒୹ظ͚ؒͩͲ ͪΐ͍ͪΐ͍઀ଓෆྑʹͳΓ·͢
64. ேํ͕ଟ͍ͷͰ ໰୊ʹ͸ͳΓʹ͍͘Ͱ͕͢ ͜Ε͔Β҆ఆ͢Δ͜ͱΛ ظ଴͓ͯ͠Γ·͢
65. ·ͱΊ
66. ·ͱΊ • SkyWay, Firebaseڞʹɺॳಈ͸ແྉͰ࢖༻Մೳ • ؆୯ͳ΋ͷΛ࡞Γ͍ͨͱ͖΍ɺؾܰʹ࢖ͬͯΈΔ ͷ΋Ұͭ • ಛʹFirebase͸ΞϓϦ։ൃΛ͢Δ্Ͱඇৗʹศར • μ΢ϯϩʔυ਺΍εΫϦʔϯϏϡʔͷղੳ΋Ͱ ͖ΔͷͰɺͱΓ͋͑ͣೖΕΔͱ͍͏ͷ΋Ұߟͷ ༨஍͋Γ
67. ͋Γ͕ͱ͏͍͟͝·ͨ͠