初心者でもリアルタイムWeb構築。Milkcocoaで楽しく学ぶBaaS入門 ( ジーズアカデミー : 120分 )

ジーズアカデミーでの授業資料です。

BaaSとMilkcocoa、リアルタイムWebについて。

Transcript

1. ॳ৺ऀͰ΋ϦΞϧλΠϜ8FCߏஙɻ
   .JMLDPDPBͰֶָ͘͠Ϳ#BB4ೖ໳
   株式会社LIG  菅原  のびすけ    
   (@n0bisuke)
   

   View Slide

2. ࣗݾ঺հ
   ੁݪ ͷͼ͚͢ LIG inc. ΤϯδχΞ (৽ଔ2೥໨ʹ)
   ग़਎ٶ৓ੜ·Εؠखҭͪ
   ಛٕΘΜͦ͜͹ ഋ෼
   
   Ωʔϫʔυ
   .JMLDPDPBɺ(`TΞΧσϛʔɺՈ௞ԁ
   #BB4 *P5 ϦΞϧλΠϜ௨৴ͳͲ͕޷͖
   
   

   View Slide

3. ࠷ۙ͸IoTྖҬʹ΋ྗೖΕͯ·͢ɻ
   ͓΋͠ΖϝσΟΞΛ͍࣋ͬͯΔWeb੍࡞ձࣾ
   
   

   View Slide

4. ࠓ೔ͷΞδΣϯμ
   
   #BB4ͷ֓ཁ
   #BB4ͷಋೖ෦෼Λ঺հ͠·͢ɻ
   #BB4ͷ࢖͍ॴ
   ਺͋Δ#BB4ͷதͰ୅දతͳ΋ͷΛ঺հ͠ɺ࢖͍ॴΛ঺հ͠·͢
   ϦΞϧλΠϜ8FC֓࿦
   ϦΞϧλΠϜ8FCΛ࣮ݱ͢Δٕज़ʹ͍ͭͯ
   ϦΞϧλΠϜ8FCΛ࡞Ζ͏
   #BB4ͷҰͭͰ͋Δ.JMLDPDPBΛ࢖͍ɺϦΞϧλΠϜੑͷ͋Δ8FC
   ΞϓϦέʔγϣϯΛ࡞Γ·͢ɻ
   Ԡ༻
   .JMLDPDPBΛ࢖࣮ͬͯ༻తͳΞϓϦέʔγϣϯΛ࡞Γ·͢ɻ
   

   View Slide

5. Q: BaaSͬͯ஌ͬͯ·͔͢?
   
   A: ࢖ͬͨ͜ͱ͕͋Δ
   
   ɹ(αʔϏε໊΋ڭ͍͑ͯͩ͘͞)
   
   B: ໊લ͸஌͍ͬͯΔ
   
   C: ॳΊͯฉ͍ͨ
   

   View Slide

6. 1. BaaSͷ֓ཁ
   
   

   View Slide

7. BaaS
   (Backend as a Service)
   WebαʔϏεͷӡ༻ʹඞཁͳ൚༻తͳαʔό
   ػೳΛఏڙ͢ΔΫϥ΢υαʔϏεͷҰܗଶ
   
   

   View Slide

8. BaaS/mBaaSͷࢥ૝
   (ݸਓతͳΠϝʔδ)
   όοΫΤϯυ(BaaS)
   ϒϥοΫϘοΫε
   ΫϥΠΞϯτଆ
   Ϣʔβʔ
   (= ΫϥΠΞϯτ։ൃऀ)
   Ϣʔβʔ͕όοΫΤϯυΛҙࣝͤͣʹΫϥΠΞϯτଆ͚ͩͰ
   ΞϓϦέʔγϣϯ։ൃ͕Ͱ͖ΔੈքΛ࣮ݱ
   ։ൃ
   SDKܦ༝ͰػೳΛ
   ࢖͑Δ
   ຊདྷ͸αʔόʔ/Πϯϑϥ஌͕ࣝඞཁ
   ͚ͩͲBaaS/mBaaSͰ͸஌ࣝෆཁ
   ɾΠϯϑϥ
   ɾDB
   ɾαʔόʔϓϩάϥϜ
   ɾϦΞϧλΠϜ௨৴
   ɾೝূػೳ
   

   View Slide

9. ϕϯμʔ ػೳಛ௃
   'BDFCPPL ࿝ฮɾଟػೳ
   (PPHMF ϦΞϧλΠϜಛԽ
   .JDSPTPGU ଟػೳ
   ΞϐΞϦʔζ ϞόΠϧΞϓϦಛԽ
   1VCOVC ϦΞϧλΠϜ*P5
   χϑςΟ ϞόΠϧΞϓϦಛԽ
   LJJ ϞόΠϧΞϓϦ*P5
   "VUI ೝূ
   ςΫχΧϧϩοΫελʔζ ϦΞϧλΠϜॳ৺ऀ޲͚
   ௒ࢲݟBaaSൺֱ ؒҧͬͯͨΒ
   ΰϝϯͳ͍͞
   
   

   View Slide

10. ͜͏͍͏WebΤϯδχΞ͸
    ͲͷBaaSΛબͿʁ
    ɾ/PEFKT4PDLFUJPͳͲͰͷϦΞϧλΠϜ
    ௨৴͕޷͖ͳόοΫΤϯυΤϯδχΞ
    ɾϦΞϧλΠϜ௨৴Λ΍ͬͯΈ͍͚ͨͲ
    όοΫΤϯυ஌͕ࣝແ͍ɺϑϩϯτΤϯυΤϯδ
    χΞɺίʔμʔɺσβΠφʔFUD
    ɾ*P5ͱ͔΋޷͖
    
    

    View Slide

11. ϕϯμʔ ػೳಛ௃
    'BDFCPPL ࿝ฮɾଟػೳ
    (PPHMF ϦΞϧλΠϜಛԽ
    .JDSPTPGU ଟػೳ
    ΞϐΞϦʔζ ϞόΠϧΞϓϦಛԽ
    1VCOVC ϦΞϧλΠϜ*P5
    χϑςΟ ϞόΠϧΞϓϦಛԽ
    LJJ ϞόΠϧΞϓϦ*P5
    "VUI ೝূ
    ςΫχΧϧϩοΫελʔζ ϦΞϧλΠϜॳ৺ऀ޲͚
    ͜͏͍͏WebΤϯδχΞ͸ͲͷBaaSΛબͿʁ
    

    View Slide

12. ߋʹ͜͏͍͏Web
    ΤϯδχΞ͸ͲͷBaaSΛબͿʁ
    ɾ࢖͍қ͍ ϝιου΍υΩϡϝϯτͷॆ࣮ɾ෼͔Γ΍͢͞
    
    
    ɾशಘ͕؆୯ νϡʔτϦΞϧ΍αϯϓϧͷॆ࣮
    
    
    ɾ৘ใ͕ௐ΂қ͍ ೔ຊޠίϛϡχςΟ΍هࣄ
    
    Ћ
    
    

    View Slide

13. ϕϯμʔ ػೳಛ௃
    'BDFCPPL ࿝ฮɾଟػೳ
    (PPHMF ϦΞϧλΠϜಛԽ
    .JDSPTPGU ଟػೳ
    ΞϐΞϦʔζ ϞόΠϧΞϓϦಛԽ
    1VCOVC ϦΞϧλΠϜ*P5
    χϑςΟ ϞόΠϧΞϓϦಛԽ
    LJJ ϞόΠϧΞϓϦ*P5
    "VUI ೝূ
    ςΫχΧϧϩοΫελʔζ ϦΞϧλΠϜॳ৺ऀ޲͚
    ߋʹ͜͏͍͏WebΤϯδχΞ͸ͲͷBaaSΛબͿʁ
    

    View Slide

14. 2.Milkcocoaͷ࢖͍Ͳ͜Ζ
    

    View Slide

15. 
    

    View Slide

16. σʔλͷอଘɾߋ৽ɾऔಘ
    ҆ఆͨ͠ϦΞϧλΠϜ௨৴
    ଟछଟ༷ͳσόΠε
    
    

    View Slide

17. 
    Milkcocoaͷ޷͖ͳͱ͜Ζ
    ɾ࢖͍қ͍ ϝιου΍υΩϡϝϯτͷॆ࣮ɾ෼͔Γ΍͢͞
    
    
    ɾशಘ͕؆୯ νϡʔτϦΞϧ΍αϯϓϧͷॆ࣮
    
    
    ɾ৘ใ͕ௐ΂қ͍ ೔ຊޠίϛϡχςΟ΍هࣄ
    
    ɾϦΞϧλΠϜ௨৴͕؆୯ʹͰ͖Δ
    ɾ%#ೝূػೳ΋؆୯ʹ࢖͑Δ
    ɾॳ৺ऀ޲͚Ͱ෼͔Γқ͍"1*
    

    View Slide

18. 
    ࣄྫ: LIGͷΫϦεϚεاը
    ใࠂهࣄIUUQMJHJODDPKQOFXTOPUJDFSFQPSU
    αΠτIUUQTCMJHDISJTUNBT
    ղઆهࣄIUUQHJIZPKQEFWGFBUVSFNJMLDPDPBCBBT
    

    View Slide

19. 
    ࣄྫ͔ΒݟΔMilkcocoaͷ࢖͍Ͳ͜Ζ
    ɾ੩తαΠτʹόοΫΤϯυػೳΛ෇Ճ͢Δ͜ͱ͕Ͱ͖Δ
    ɾαʔόʔαΠυݴޠ͕࢖͑ͳ͍৔໘Ͱ΋׆༂
    

    View Slide

20. ࣄྫ͔ΒݟΔMilkcocoaͷ࢖͍Ͳ͜Ζ
    ΫϦεϚεαΠτߏங࣌ͷ࠷ॳͷߏ੒
    
    

    View Slide

21. ࣄྫ͔ΒݟΔMilkcocoaͷ࢖͍Ͳ͜Ζ
    .JMLDPDPBΛ࢖͏͜ͱͰෛՙ෼ࢄ
    
    

    View Slide

22. 
    IoTࣄྫ: Romo + Web
    εϥΠυIUUQTTQFBLFSEFDLDPNOCJTVLF
    SPNPUPUFTTFMEFQVSPUPUBJQJOHVXPMFTJOEBIVBOVNCFSJPUMUGFO
    

    View Slide

23. 
    ࣄྫ͔ΒݟΔMilkcocoaͷ࢖͍Ͳ͜Ζ
    ɾ*P5Ͱ৭ʑͳϞϊͱ8FCΛͭͳ͛Δͱ͖ʹ༗ޮ
    ɾϚΠίϯϘʔυ΍J04ͳͲ
    

    View Slide

24. 
    Milkcocoaͷ࢖͍Ͳ͜Ζ
    (࣮ࡍʹ࢖ͬͨܦݧ͕͋Δγʔϯ)
    ɾϓϩτλΠϐϯά
    ɾϦΞϧλΠϜܥΩϟϯϖʔϯ
    ɾϋοΧιϯ
    ɾ*P5࿈ܞͳΞϓϦέʔγϣϯ
    ˞zݎ࿚ͳγεςϜΛ࡞Γ͍ͨzͳͲ͸धཁʹ߹Θͳ͍͔΋
    

    View Slide

25. 
    ࢖ͬͯΈΑ͏: ϥϛΤϧγϡʔςΟϯά
    αϯϓϧIUUQNJMLDPDPBHJUIVCJPSBNJFMTIPPUJOH
    ϦϙδτϦIUUQTHJUIVCDPNNJMLDPDPBSBNJFMTIPPUJOH
    

    View Slide

26. 3. ϦΞϧλΠϜWeb֓࿦
    

    View Slide

27. 
    ϦΞϧλΠϜ௨৴ϓϩτίϧ
    ɾ9.11
    ɾ35.1
    ɾ8FCTPDLFU
    ɾ8FC35$
    ɾ.255 *P5ք۾Ͱਓؾ
    ϏσΦ΍Ի੠νϟοτͳͲ
    ࠷ۙͷԦಓ
    "EPCFͷϓϨΠϠʔ
    Πϯελϯτϝοηϯδϟʔ
    

    View Slide

28. 
    ϦΞϧλΠϜ௨৴ϓϩτίϧ
    ɾ9.11
    ɾ35.1
    ɾ8FCTPDLFU
    ɾ8FC35$
    ɾ.255
    ࠷ۙΠέͯΔ
    

    View Slide

29. 4. ϦΞϧλΠϜWebΛ࡞Ζ͏
    ϋϯζΦϯ։࢝Ͱ͢ʂ
    

    View Slide

30. 
    Milkcocoaαϯϓϧ: νϟοτ
    αϯϓϧIUUQNJMLDPDPBHJUIVCJPDIBU
    ϦϙδτϦIUUQTHJUIVCDPNNJMLDPDPBDIBU
    

    View Slide

31. 
    Milkcocoaαϯϓϧ: ΫϦοΫڞ༗
    αϯϓϧIUUQNJMLDPDPBHJUIVCJPTIBSFDMJDL
    ϦϙδτϦIUUQTHJUIVCDPNNJMLDPDPBTIBSFDMJDL
    

    View Slide

32. 5. Ԡ༻తͳΞϓϦΛ࡞Ζ͏
    
    Ҿ͖ଓ͖ ϋϯζΦϯ!
    

    View Slide

33. 
    Milkcocoaαϯϓϧ: ෇ᝦ
    αϯϓϧIUUQNJMLDPDPBHJUIVCJPGVTFO
    ϦϙδτϦIUUQTHJUIVCDPNNJMLDPDPBGVTFO
    

    View Slide

34. ·ͱΊ
    #BB4͕஫໨͞Εͯ࢝Ί͍ͯΔ
    .JMLDPDPB͸ॳ৺ऀ޲͚#BB4Ͱ
    ࢖͍қ͓͘͢͢Ί
    ؆୯ʹϦΞϧλΠϜ8FCΛ࡞Ε
    ΔͷͰΈΜͳࢼͯ͠Έ·͠ΐ͏ɻ
    
    

    View Slide

35. 
    !՝୊
    line.html
    ◇ Line෩ΞϓϦͷ՝୊࠷௿ݶػೳ
    ̌ɽʮ ໊લ ʴ ೔࣌ ʴ ϝοηʔδ ʯ
    ̍ɽʮϝοηʔδૹ৴ཤྺ͸DBʹ࢒͢ʯ
    ɹɹɹ※࡟আϘλϯͰϝοηʔδશ࡟আ
    ̎ɽʮϝοηʔδදࣔྖҬΛ௒͑ͨॲཧʯ

    ɹɹɹ※ࣗಈεΫϩʔϧ ɺදࣔํ๏Λιʔτʁ
    ̏ɽʮϝοηʔδૹ৴Ϙλϯʯ͸େ͖Ίʹ૷০
    ͋Ε͹ྑ͍ͱࢥΘΔػೳ

    ʮจࣈ৭ʯɺʮΞΠίϯʯɺʮ຋༁ʯͱ͔ʁ
    

    View Slide