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
770
IFTTTが有料化したのでIntegromatの話 #iotlt
n0bisuke
0
640
M5Core2触ってみたけど上下注意 #iotlt vol67
n0bisuke
0
1.1k
PubNubを久々に使ってみたよ! #iotlt #m5stick #pubnub #djuko
n0bisuke
1
860
ATOM Echoでビデオ会議通知 #IoTLT
n0bisuke
0
590
オンラインLTをやってみた所感 #devreljp
n0bisuke
1
720
マイコンボード再活用なワイの配信環境 ~ラズパイやJetson Nanoを積ボードにしてる人必見~ #iotlt
n0bisuke
1
410
在宅テレカン時の 例の夫婦問題を解決する #iotlt #m5atom #m5stack
n0bisuke
1
910
嫁が来たらPCを閉じたいからアラートする #MiBand #RaspberryPi #iotlt
n0bisuke
1
960
Other Decks in Technology
See All in Technology
複数サービスを支えるマルチテナント型Batch MLプラットフォーム
lycorptech_jp
PRO
1
390
OCI Oracle Database Services新機能アップデート(2025/06-2025/08)
oracle4engineer
PRO
0
150
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
1k
20250913_JAWS_sysad_kobe
takuyay0ne
2
220
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
bitkey
PRO
1
150
「Linux」という言葉が指すもの
sat
PRO
4
140
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
msykd
PRO
1
940
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
nwiizo
7
830
5年目から始める Vue3 サイト改善 #frontendo
tacck
PRO
3
220
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
260
大「個人開発サービス」時代に僕たちはどう生きるか
sotarok
20
10k
KotlinConf 2025_イベントレポート
sony
1
140
Featured
See All Featured
Side Projects
sachag
455
43k
Balancing Empowerment & Direction
lara
3
620
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
How GitHub (no longer) Works
holman
315
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Six Lessons from altMBA
skipperchong
28
4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Building Adaptive Systems
keathley
43
2.7k
Building Applications with DynamoDB
mza
96
6.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
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ʹ͢ʯ ɹɹɹ※আϘλϯͰϝοηʔδશআ ̎ɽʮϝοηʔδදࣔྖҬΛ͑ͨॲཧʯ ɹɹɹ※ࣗಈεΫϩʔϧ ɺදࣔํ๏Λιʔτʁ ̏ɽʮϝοηʔδૹ৴Ϙλϯʯେ͖Ίʹ০ ͋Εྑ͍ͱࢥΘΔػೳ ʮจࣈ৭ʯɺʮΞΠίϯʯɺʮ༁ʯͱ͔ʁ