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
750
IFTTTが有料化したのでIntegromatの話 #iotlt
n0bisuke
0
620
M5Core2触ってみたけど上下注意 #iotlt vol67
n0bisuke
0
1.1k
PubNubを久々に使ってみたよ! #iotlt #m5stick #pubnub #djuko
n0bisuke
1
840
ATOM Echoでビデオ会議通知 #IoTLT
n0bisuke
0
580
オンラインLTをやってみた所感 #devreljp
n0bisuke
1
710
マイコンボード再活用なワイの配信環境 ~ラズパイやJetson Nanoを積ボードにしてる人必見~ #iotlt
n0bisuke
1
400
在宅テレカン時の 例の夫婦問題を解決する #iotlt #m5atom #m5stack
n0bisuke
1
900
嫁が来たらPCを閉じたいからアラートする #MiBand #RaspberryPi #iotlt
n0bisuke
1
950
Other Decks in Technology
See All in Technology
Clineを含めたAIエージェントを 大規模組織に導入し、投資対効果を考える / Introducing AI agents into your organization
i35_267
4
1.6k
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
210
Github Copilot エージェントモードで試してみた
ochtum
0
110
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
3
130
Кто отправит outbox? Валентин Удальцов, автор канала Пых
lamodatech
0
350
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.1k
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
140
【PHPカンファレンス 2025】PHPを愛するひとに伝えたい PHPとキャリアの話
tenshoku_draft
0
120
解析の定理証明実践@Lean 4
dec9ue
0
180
BigQuery Remote FunctionでLooker Studioをインタラクティブ化
cuebic9bic
3
320
AIの最新技術&テーマをつまんで紹介&フリートークするシリーズ #1 量子機械学習の入門
tkhresk
0
140
Microsoft Build 2025 技術/製品動向 for Microsoft Startup Tech Community
torumakabe
2
290
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Into the Great Unknown - MozCon
thekraken
39
1.9k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Building an army of robots
kneath
306
45k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Designing for Performance
lara
609
69k
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ʹ͢ʯ ɹɹɹ※আϘλϯͰϝοηʔδશআ ̎ɽʮϝοηʔδදࣔྖҬΛ͑ͨॲཧʯ ɹɹɹ※ࣗಈεΫϩʔϧ ɺදࣔํ๏Λιʔτʁ ̏ɽʮϝοηʔδૹ৴Ϙλϯʯେ͖Ίʹ০ ͋Εྑ͍ͱࢥΘΔػೳ ʮจࣈ৭ʯɺʮΞΠίϯʯɺʮ༁ʯͱ͔ʁ