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
MonacaとFirebaseで始めるハイブリッドアプリ開発
Search
Daichi
April 07, 2018
Technology
0
1.7k
MonacaとFirebaseで始めるハイブリッドアプリ開発
2018年4月7日に行われたMonaca UG OHMIYAのLTで使用したスライド。
MonacaとFirebaseでサンプルアプリを作ってみました。
Daichi
April 07, 2018
Tweet
Share
More Decks by Daichi
See All by Daichi
◯◯◯◯◯◯◯◯◯◯を使って簡単なゲームを作ってみた
kandai
0
1.3k
マージンを使わずに Webサイト構築してみた
kandai
0
3.2k
Jamstackの実案件で躓いたことや工夫したこと
kandai
0
1.5k
OpenAPIを使ってAPIドキュメントとモックサーバーを良い感じにした話
kandai
3
3.4k
WordPressサイトをNuxt.js × microCMSのJAMstack構成にリニューアルした話
kandai
1
1.6k
ブラウザの新しいAPIで遊んでみる
kandai
1
1.4k
Gridsome × Headless CMSでJAMstackなWebサイトを作る
kandai
1
1.1k
Media Session APIを使ってPWAの音楽プレイヤーを作る
kandai
0
540
CSS組版で技術書を作った話
kandai
0
410
Other Decks in Technology
See All in Technology
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
kubell_hr
1
230
asken AI勉強会(Android)
tadashi_sato
0
130
AIの最新技術&テーマをつまんで紹介&フリートークするシリーズ #1 量子機械学習の入門
tkhresk
0
140
2025-06-26_Lightning_Talk_for_Lightning_Talks
_hashimo2
2
110
Github Copilot エージェントモードで試してみた
ochtum
0
130
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
140
監視のこれまでとこれから/sakura monitoring seminar 2025
fujiwara3
11
4k
KubeCon + CloudNativeCon Japan 2025 Recap
ren510dev
1
290
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
you
PRO
0
120
登壇ネタの見つけ方 / How to find talk topics
pinkumohikan
5
570
Liquid Glass革新とSwiftUI/UIKit進化
fumiyasac0921
0
300
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
350
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Making Projects Easy
brettharned
116
6.3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
17
950
Designing Experiences People Love
moore
142
24k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Balancing Empowerment & Direction
lara
1
390
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Transcript
.POBDB 'JSFCBTFͰ ࢝ΊΔϋΠϒϦουΞϓϦ։ൃ 5".JODੁՈେ
5".JOD ౦ژ ੁՈେ%BJDIJ,BOLF ݩσβΠφʔͷϑϩϯτΤϯυΤϯδχΞɻ ࠓͬͺΒ)5.-$44+4ॻ͍ͯ·͢ɻ .58PSE1SFTTͷߏங͠·͢ɻ ࠷ۙϋΠϒϦουΞϓϦΣϒΞϓϦɻ ීஈॻ͘+4K2VFSZͱ"OHVMBS ܥ
͕ଟ͍ɻ ࠷ۙ7VFKT૿͖͑ͯ·ͨ͠ɻ
5".େࡕ େࡕࢢ۠ொ 5".౦ژ ౦ژઍా۠ਆాখொ ࡾ౦Ϗϧ' 5".4"/ʢγϯΨϙʔϧʣ #+BMBO#FTBS4JOHBQPSF 5".4'ʢαϯϑϥϯγείʣ "O[B#MWE 4VJUF
#VSMJOHBNF $" 5".-0/%0/ʢϩϯυϯʣ 'BJSGBY3PBE -POEPO /8&- 5".JOD
͠Ό͔͍͔ IUUQTXXXTIBLBJLBKQ 5JQT/PUF IUUQXXXUBNUBNDPKQUJQTOPUF
ࠓͷ .POBDB 'JSFCBTFͷΈ߹ΘͤͰ ؆୯ʹΞϓϦ͕࡞ΕΔͷ͔ݕূ ݸਓతʹ'JSFCBTFͬͯΈ͔ͨͬͨ
ࠓճࢼͨ͠ߏ w .POBDB w .POBDB$-* w 0OTFO6*GPS7VF w 'JSFCBTF 'JSFCBTFͰͬͨػೳ
w 4UPSBHF w 3FBMUJNF%BUBCBTF
ࠓճͷ͓ ࣋ͪͷཧΞϓϦ
ࠓճͷ͓ ࣋ͪͷཧΞϓϦ w ࣸਅΛࡱͬͯ'JSFCBTFͷετϨʔδʹอଘ w ࣸਅʹର໊ͯ͠લλάɾอଘͨ͠ը૾ͷ63-ͳͲ ͷใΛ͚ͭͯ'JSFCBTFͷϦΞϧλΠϜ%#ʹอଘ w ϦΞϧλΠϜ%#ͷσʔλΛҰཡͰදࣔ͢Δ w
σʔλ͕ߋ৽͞ΕͨΒҰཡΛߋ৽͢Δ
'JSFCBTFͷ४උ ࠷ॳͷઃఆͳͲத͞ΜͷهࣄͰʂ
'JSFCBTFͷ४උ ࠓճݕূͳͷͰɺೝূແ͠ͰσʔλͷొಡΈࠐΈ͕ग़ དྷΔΑ͏ʹϧʔϧͷλϒ͔Βมߋͯ͠࡞ۀ͠·ͨ͠ɻ
ΞϓϦͷݟͨ 0OTFO6*$44ͷࡉ͔͍࣮ આ໌͠·ͤΜ͕ɺ 0OTFO6*GPS7VFͷίϯϙʔ ωϯτͰΜͰ͍͘ͱɺ ΞϓϦͬΆ͍ݟͨڍಈ ͕؆୯ʹͰ͖Δʂ
ը૾ͷΞοϓϩʔυ %#ొ ӈԼͷΧϝϥϘλϯΛԡ͢ͱΧϝϥىಈɻ ը૾ΛࡱӨ͢Δͱɺใೖྗ͢ΔϞʔμϧΛදࣔɻ
ετϨʔδͷอଘɻ ࡱӨͨ͠ը૾ͷϑΝΠϧύεͰ ্ख͍͔ͣ͘base64Ͱొɻ Γํ͔Δਓ͓͑ͯͯͩ͘͠͠ ͍͞ɻ ͉ Ϟʔμϧͷొ͢ΔϘλϯΛԡͨ࣌͠ ͉ ετϨʔδͷอଘ͕͏·͘ߦͬ ͨΒRealtimeDBʹొɻ
ࢦఆͷURLʹPOST͢Δ͚ͩͰొ ͯ͘͠ΕΔͷͰָͪΜɻ
͜͜Ͱൃੜ ͓ɺԡͤͳ͍ʜ ಈ࡞֬ೝ͕ग़དྷͳ͍ʜ
ղܾ ͜ɺ͍ͭ͜ʜ ಈͧ͘ʜʂ
%#ΛҰཡදࣔ ϦΞϧλΠϜߋ৽ ొ͞Εͨ༰ΛϦΞϧλΠϜͰߋ৽ͯ͘͠ΕΔ
ಡΈࠐΈ࣌ʹϦΞϧλΠϜDBͷ σʔλΛऔಘͯ͠ΦϒδΣΫτʹ อଘɻ VueͷςϯϓϨʔτͰඳըॲཧ Realtime DatabaseͷσʔλΛҰཡͰදࣔ͢Δ ϦΞϧλΠϜDBʹΞΠςϜ͕ Ճ͞Εͨ࣌ͷΠϕϯτΛݕͯ͠ ΦϒδΣΫτʹՃ ͉
͉ ͉ σϑΥϧτͩͱɺ࠷৽ͷΞΠςϜ ͕Լʹདྷͯ͠·͏ͷͰɺฒͼΛٯ ʹͯ͠ฦ͢ॲཧ
·ͱΊ w 0OTFO6*Λ͑ΞϓϦͬΆ͍ݟͨڍಈ͕؆୯ ʹग़དྷΔ w .POBDB%FCVHFSͷϝχϡʔϘλϯಈ͘ʂ w 'JSFCBTF؆୯ʹσʔλͷొಡΈࠐΈ͕Ͱ͖Δ ͷͰɺ؆୯ʹΞϓϦ։ൃΛ࢝ΊΒΕΔʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ