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
790
IFTTTが有料化したのでIntegromatの話 #iotlt
n0bisuke
0
660
M5Core2触ってみたけど上下注意 #iotlt vol67
n0bisuke
0
1.1k
PubNubを久々に使ってみたよ! #iotlt #m5stick #pubnub #djuko
n0bisuke
1
880
ATOM Echoでビデオ会議通知 #IoTLT
n0bisuke
0
610
オンラインLTをやってみた所感 #devreljp
n0bisuke
1
740
マイコンボード再活用なワイの配信環境 ~ラズパイやJetson Nanoを積ボードにしてる人必見~ #iotlt
n0bisuke
1
430
在宅テレカン時の 例の夫婦問題を解決する #iotlt #m5atom #m5stack
n0bisuke
1
920
嫁が来たらPCを閉じたいからアラートする #MiBand #RaspberryPi #iotlt
n0bisuke
1
980
Other Decks in Technology
See All in Technology
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.9k
ECS_EKS以外の選択肢_ROSA入門_.pdf
masakiokuda
1
130
Java 25に至る道
skrb
3
220
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1k
AI との良い付き合い方を僕らは誰も知らない (WSS 2026 静岡版)
asei
1
300
AI時代のアジャイルチームを目指して ー スクラムというコンフォートゾーンからの脱却 ー / Toward Agile Teams in the Age of AI
takaking22
11
6.5k
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
61k
Claude Codeを使った情報整理術
knishioka
20
12k
2025年の医用画像AI/AI×medical_imaging_in_2025_generated_by_AI
tdys13
0
330
あの夜、私たちは「人間」に戻った。 ── 災害ユートピア、贈与、そしてアジャイルの再構築 / 20260108 Hiromitsu Akiba
shift_evolve
PRO
0
630
AI Agent Standards and Protocols: a Walkthrough of MCP, A2A, and more...
glaforge
0
250
Models vs Bounded Contexts for Domain Modularizati...
ewolff
0
180
Featured
See All Featured
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
51k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.3k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
120
Git: the NoSQL Database
bkeepers
PRO
432
66k
Designing for Timeless Needs
cassininazir
0
110
First, design no harm
axbom
PRO
2
1.1k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
360
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
130
How to train your dragon (web standard)
notwaldorf
97
6.5k
The Curious Case for Waylosing
cassininazir
0
200
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.5k
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ʹ͢ʯ ɹɹɹ※আϘλϯͰϝοηʔδશআ ̎ɽʮϝοηʔδදࣔྖҬΛ͑ͨॲཧʯ ɹɹɹ※ࣗಈεΫϩʔϧ ɺදࣔํ๏Λιʔτʁ ̏ɽʮϝοηʔδૹ৴Ϙλϯʯେ͖Ίʹ০ ͋Εྑ͍ͱࢥΘΔػೳ ʮจࣈ৭ʯɺʮΞΠίϯʯɺʮ༁ʯͱ͔ʁ