Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
初心者でもリアルタイムWeb構築。Milkcocoaで楽しく学ぶBaaS入門 ( ジーズアカデ...
Search
n0bisuke
October 04, 2015
Technology
0
660
初心者でもリアルタイムWeb構築。Milkcocoaで楽しく学ぶBaaS入門 ( ジーズアカデミー : 120分 )
ジーズアカデミーでの授業資料です。
BaaSとMilkcocoa、リアルタイムWebについて。
n0bisuke
October 04, 2015
Tweet
Share
More Decks by n0bisuke
See All by n0bisuke
WebHID APIでHIDデバイスをブラウザから制御!! #iotlt
n0bisuke
1
710
IFTTTが有料化したのでIntegromatの話 #iotlt
n0bisuke
0
600
M5Core2触ってみたけど上下注意 #iotlt vol67
n0bisuke
0
1k
PubNubを久々に使ってみたよ! #iotlt #m5stick #pubnub #djuko
n0bisuke
1
790
ATOM Echoでビデオ会議通知 #IoTLT
n0bisuke
0
560
オンラインLTをやってみた所感 #devreljp
n0bisuke
1
680
マイコンボード再活用なワイの配信環境 ~ラズパイやJetson Nanoを積ボードにしてる人必見~ #iotlt
n0bisuke
1
370
在宅テレカン時の 例の夫婦問題を解決する #iotlt #m5atom #m5stack
n0bisuke
1
870
嫁が来たらPCを閉じたいからアラートする #MiBand #RaspberryPi #iotlt
n0bisuke
1
910
Other Decks in Technology
See All in Technology
偶然 × 行動で人生の可能性を広げよう / Serendipity × Action: Discover Your Possibilities
ar_tama
1
1.1k
ホワイトボードチャレンジ 説明&実行資料
ichimichi
0
120
Datadogとともにオブザーバビリティを布教しよう
mego2221
0
130
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
3
1.2k
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
140
Moved to https://speakerdeck.com/toshihue/presales-engineer-career-bridging-tech-biz-ja
toshihue
2
720
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
11
3k
トラシューアニマルになろう ~開発者だからこそできる、安定したサービス作りの秘訣~
jacopen
2
1.9k
スクラムのイテレーションを導入してチームの雰囲気がより良くなった話
eccyun
0
110
データマネジメントのトレードオフに立ち向かう
ikkimiyazaki
5
720
Cloud Spanner 導入で実現した快適な開発と運用について
colopl
1
480
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
640
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
A designer walks into a library…
pauljervisheath
205
24k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Typedesign – Prime Four
hannesfritz
40
2.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Site-Speed That Sticks
csswizardry
4
380
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
320
Transcript
ॳ৺ऀͰϦΞϧλΠϜ8FCߏஙɻ .JMLDPDPBͰֶָ͘͠Ϳ#BB4ೖ 株式会社LIG 菅原 のびすけ (@n0bisuke)
ࣗݾհ ੁݪ ͷͼ͚͢ LIG inc. ΤϯδχΞ (৽ଔ2ʹ) ग़ٶੜ·Εؠखҭͪ ಛٕΘΜͦ͜ ഋ
Ωʔϫʔυ .JMLDPDPBɺ(`TΞΧσϛʔɺՈԁ #BB4 *P5 ϦΞϧλΠϜ௨৴ͳͲ͕͖
࠷ۙIoTྖҬʹྗೖΕͯ·͢ɻ ͓͠ΖϝσΟΞΛ͍࣋ͬͯΔWeb੍࡞ձࣾ
ࠓͷΞδΣϯμ #BB4ͷ֓ཁ #BB4ͷಋೖ෦Λհ͠·͢ɻ #BB4ͷ͍ॴ ͋Δ#BB4ͷதͰදతͳͷΛհ͠ɺ͍ॴΛհ͠·͢ ϦΞϧλΠϜ8FC֓ ϦΞϧλΠϜ8FCΛ࣮ݱ͢Δٕज़ʹ͍ͭͯ ϦΞϧλΠϜ8FCΛ࡞Ζ͏ #BB4ͷҰͭͰ͋Δ.JMLDPDPBΛ͍ɺϦΞϧλΠϜੑͷ͋Δ8FC
ΞϓϦέʔγϣϯΛ࡞Γ·͢ɻ Ԡ༻ .JMLDPDPBΛ࣮ͬͯ༻తͳΞϓϦέʔγϣϯΛ࡞Γ·͢ɻ
Q: BaaSͬͯͬͯ·͔͢? A: ͬͨ͜ͱ͕͋Δ ɹ(αʔϏε໊ڭ͍͑ͯͩ͘͞) B: ໊લ͍ͬͯΔ C: ॳΊͯฉ͍ͨ
1. BaaSͷ֓ཁ
BaaS (Backend as a Service) WebαʔϏεͷӡ༻ʹඞཁͳ൚༻తͳαʔό ػೳΛఏڙ͢ΔΫϥυαʔϏεͷҰܗଶ
BaaS/mBaaSͷࢥ (ݸਓతͳΠϝʔδ) όοΫΤϯυ(BaaS) ϒϥοΫϘοΫε ΫϥΠΞϯτଆ Ϣʔβʔ (= ΫϥΠΞϯτ։ൃऀ) Ϣʔβʔ͕όοΫΤϯυΛҙࣝͤͣʹΫϥΠΞϯτଆ͚ͩͰ ΞϓϦέʔγϣϯ։ൃ͕Ͱ͖ΔੈքΛ࣮ݱ
։ൃ SDKܦ༝ͰػೳΛ ͑Δ ຊདྷαʔόʔ/Πϯϑϥ͕ࣝඞཁ ͚ͩͲBaaS/mBaaSͰࣝෆཁ ɾΠϯϑϥ ɾDB ɾαʔόʔϓϩάϥϜ ɾϦΞϧλΠϜ௨৴ ɾೝূػೳ
ϕϯμʔ ػೳಛ 'BDFCPPL ฮɾଟػೳ (PPHMF ϦΞϧλΠϜಛԽ .JDSPTPGU ଟػೳ ΞϐΞϦʔζ ϞόΠϧΞϓϦಛԽ
1VCOVC ϦΞϧλΠϜ *P5 χϑςΟ ϞόΠϧΞϓϦಛԽ LJJ ϞόΠϧΞϓϦ *P5 "VUI ೝূ ςΫχΧϧϩοΫελʔζ ϦΞϧλΠϜ ॳ৺ऀ͚ ࢲݟBaaSൺֱ ؒҧͬͯͨΒ ΰϝϯͳ͍͞
͜͏͍͏WebΤϯδχΞ ͲͷBaaSΛબͿʁ ɾ/PEFKT 4PDLFUJPͳͲͰͷϦΞϧλΠϜ ௨৴͕͖ͳόοΫΤϯυΤϯδχΞ ɾϦΞϧλΠϜ௨৴ΛͬͯΈ͍͚ͨͲ όοΫΤϯυ͕ࣝແ͍ɺϑϩϯτΤϯυΤϯδ χΞɺίʔμʔɺσβΠφʔFUD ɾ*P5ͱ͔͖
ϕϯμʔ ػೳಛ 'BDFCPPL ฮɾଟػೳ (PPHMF ϦΞϧλΠϜಛԽ .JDSPTPGU ଟػೳ ΞϐΞϦʔζ ϞόΠϧΞϓϦಛԽ
1VCOVC ϦΞϧλΠϜ *P5 χϑςΟ ϞόΠϧΞϓϦಛԽ LJJ ϞόΠϧΞϓϦ *P5 "VUI ೝূ ςΫχΧϧϩοΫελʔζ ϦΞϧλΠϜ ॳ৺ऀ͚ ͜͏͍͏WebΤϯδχΞͲͷBaaSΛબͿʁ
ߋʹ͜͏͍͏Web ΤϯδχΞͲͷBaaSΛબͿʁ ɾ͍қ͍ ϝιουυΩϡϝϯτͷॆ࣮ɾ͔Γ͢͞ ɾशಘ͕؆୯ νϡʔτϦΞϧαϯϓϧͷॆ࣮ ɾใ͕ௐқ͍ ຊޠίϛϡχςΟهࣄ
Ћ
ϕϯμʔ ػೳಛ 'BDFCPPL ฮɾଟػೳ (PPHMF ϦΞϧλΠϜಛԽ .JDSPTPGU ଟػೳ ΞϐΞϦʔζ ϞόΠϧΞϓϦಛԽ
1VCOVC ϦΞϧλΠϜ *P5 χϑςΟ ϞόΠϧΞϓϦಛԽ LJJ ϞόΠϧΞϓϦ *P5 "VUI ೝূ ςΫχΧϧϩοΫελʔζ ϦΞϧλΠϜ ॳ৺ऀ͚ ߋʹ͜͏͍͏WebΤϯδχΞͲͷBaaSΛબͿʁ
2.Milkcocoaͷ͍Ͳ͜Ζ
σʔλͷอଘɾߋ৽ɾऔಘ ҆ఆͨ͠ϦΞϧλΠϜ௨৴ ଟछଟ༷ͳσόΠε
Milkcocoaͷ͖ͳͱ͜Ζ ɾ͍қ͍ ϝιουυΩϡϝϯτͷॆ࣮ɾ͔Γ͢͞ ɾशಘ͕؆୯ νϡʔτϦΞϧαϯϓϧͷॆ࣮ ɾใ͕ௐқ͍ ຊޠίϛϡχςΟهࣄ
ɾϦΞϧλΠϜ௨৴͕؆୯ʹͰ͖Δ ɾ%#ೝূػೳ؆୯ʹ͑Δ ɾॳ৺ऀ͚Ͱ͔Γқ͍"1*
ࣄྫ: LIGͷΫϦεϚεاը ใࠂهࣄIUUQMJHJODDPKQOFXTOPUJDFSFQPSU αΠτIUUQTCMJHDISJTUNBT ղઆهࣄIUUQHJIZPKQEFWGFBUVSFNJMLDPDPBCBBT
ࣄྫ͔ΒݟΔMilkcocoaͷ͍Ͳ͜Ζ ɾ੩తαΠτʹόοΫΤϯυػೳΛՃ͢Δ͜ͱ͕Ͱ͖Δ ɾαʔόʔαΠυݴޠ͕͑ͳ͍໘Ͱ׆༂
ࣄྫ͔ΒݟΔMilkcocoaͷ͍Ͳ͜Ζ ΫϦεϚεαΠτߏங࣌ͷ࠷ॳͷߏ
ࣄྫ͔ΒݟΔMilkcocoaͷ͍Ͳ͜Ζ .JMLDPDPBΛ͏͜ͱͰෛՙࢄ
IoTࣄྫ: Romo + Web εϥΠυIUUQTTQFBLFSEFDLDPNOCJTVLF SPNPUPUFTTFMEFQVSPUPUBJQJOHVXPMFTJOEBIVBOVNCFSJPUMUGFO
ࣄྫ͔ΒݟΔMilkcocoaͷ͍Ͳ͜Ζ ɾ*P5Ͱ৭ʑͳϞϊͱ8FCΛͭͳ͛Δͱ͖ʹ༗ޮ ɾϚΠίϯϘʔυJ04ͳͲ
Milkcocoaͷ͍Ͳ͜Ζ (࣮ࡍʹͬͨܦݧ͕͋Δγʔϯ) ɾϓϩτλΠϐϯά ɾϦΞϧλΠϜܥΩϟϯϖʔϯ ɾϋοΧιϯ ɾ*P5࿈ܞͳΞϓϦέʔγϣϯ ˞zݎ࿚ͳγεςϜΛ࡞Γ͍ͨzͳͲधཁʹ߹Θͳ͍͔
ͬͯΈΑ͏: ϥϛΤϧγϡʔςΟϯά αϯϓϧIUUQNJMLDPDPBHJUIVCJPSBNJFMTIPPUJOH ϦϙδτϦIUUQTHJUIVCDPNNJMLDPDPBSBNJFMTIPPUJOH
3. ϦΞϧλΠϜWeb֓
ϦΞϧλΠϜ௨৴ϓϩτίϧ ɾ9.11 ɾ35.1 ɾ8FCTPDLFU ɾ8FC35$ ɾ.255 *P5ք۾Ͱਓؾ ϏσΦԻνϟοτͳͲ ࠷ۙͷԦಓ
"EPCFͷϓϨΠϠʔ Πϯελϯτϝοηϯδϟʔ
ϦΞϧλΠϜ௨৴ϓϩτίϧ ɾ9.11 ɾ35.1 ɾ8FCTPDLFU ɾ8FC35$ ɾ.255 ࠷ۙΠέͯΔ
4. ϦΞϧλΠϜWebΛ࡞Ζ͏ ϋϯζΦϯ։࢝Ͱ͢ʂ
Milkcocoaαϯϓϧ: νϟοτ αϯϓϧIUUQNJMLDPDPBHJUIVCJPDIBU ϦϙδτϦIUUQTHJUIVCDPNNJMLDPDPBDIBU
Milkcocoaαϯϓϧ: ΫϦοΫڞ༗ αϯϓϧIUUQNJMLDPDPBHJUIVCJPTIBSFDMJDL ϦϙδτϦIUUQTHJUIVCDPNNJMLDPDPBTIBSFDMJDL
5. Ԡ༻తͳΞϓϦΛ࡞Ζ͏ Ҿ͖ଓ͖ ϋϯζΦϯ!
Milkcocoaαϯϓϧ: ᝦ αϯϓϧIUUQNJMLDPDPBHJUIVCJPGVTFO ϦϙδτϦIUUQTHJUIVCDPNNJMLDPDPBGVTFO
·ͱΊ #BB4͕͞Εͯ࢝Ί͍ͯΔ .JMLDPDPBॳ৺ऀ͚#BB4Ͱ ͍қ͓͘͢͢Ί ؆୯ʹϦΞϧλΠϜ8FCΛ࡞Ε ΔͷͰΈΜͳࢼͯ͠Έ·͠ΐ͏ɻ
!՝ line.html ◇ Line෩ΞϓϦͷ՝࠷ݶػೳ ̌ɽʮ ໊લ ʴ ࣌ ʴ
ϝοηʔδ ʯ ̍ɽʮϝοηʔδૹ৴ཤྺDBʹ͢ʯ ɹɹɹ※আϘλϯͰϝοηʔδશআ ̎ɽʮϝοηʔδදࣔྖҬΛ͑ͨॲཧʯ ɹɹɹ※ࣗಈεΫϩʔϧ ɺදࣔํ๏Λιʔτʁ ̏ɽʮϝοηʔδૹ৴Ϙλϯʯେ͖Ίʹ০ ͋Εྑ͍ͱࢥΘΔػೳ ʮจࣈ৭ʯɺʮΞΠίϯʯɺʮ༁ʯͱ͔ʁ