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.4k
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
Jamstackの実案件で躓いたことや工夫したこと
kandai
0
1.2k
OpenAPIを使ってAPIドキュメントとモックサーバーを良い感じにした話
kandai
3
3.1k
WordPressサイトをNuxt.js × microCMSのJAMstack構成にリニューアルした話
kandai
1
1.4k
ブラウザの新しいAPIで遊んでみる
kandai
1
1.2k
Gridsome × Headless CMSでJAMstackなWebサイトを作る
kandai
1
860
Media Session APIを使ってPWAの音楽プレイヤーを作る
kandai
0
390
CSS組版で技術書を作った話
kandai
0
300
Web技術だけで作るQRコードリーダー
kandai
2
1.7k
Nuxt.jsとFirebaseでWebアプリを作った話 2nd
kandai
1
580
Other Decks in Technology
See All in Technology
Oracle Exadata Database Service on Cloud@Customer (ExaDB-C@C) - UI スクリーン・キャプチャ集
oracle4engineer
PRO
1
1.1k
少数チームで挑む: SwiftUI, TCA, KMPを用いた 新規動画配信アプリ 「ABEMA Live」の開発について
tomu28
0
490
o11y入門_外形監視を利用したWebアプリケーションへの最適なモニタリング_TechBrew
k5k
2
100
【SORACOM UG】SIM Deep Dive セキュアエレメント編
soracom
PRO
0
220
Next'24 事例セッションの紹介とクラウド資格を活用したキャリア形成について語りMuscle
yasumuusan
0
150
TransitGatewayの基礎
toru_kubota
0
230
PHP"オレ"カンファレンスの告知
ysknsid25
0
280
WebアプリケーションにおけるPDOの使い方入門 / phpcon odawara 2024
meihei3
2
420
なぜ NOT A HOTEL が Web3 に取り組むのか - NOT A HOTEL TECH TALK
ynunokawa
0
160
日本におけるデータエンジニアリングのこれまでとこれから
foursue
9
1.8k
強みを伸ばすキャリアデザイン
yug1224
0
200
Signals Unleashed: The Full Guide
rainerhahnekamp
0
350
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
YesSQL, Process and Tooling at Scale
rocio
161
13k
Unsuck your backbone
ammeep
662
57k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
A designer walks into a library…
pauljervisheath
199
23k
Product Roadmaps are Hard
iamctodd
43
9.7k
Being A Developer After 40
akosma
56
580k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
Teambox: Starting and Learning
jrom
127
8.4k
Pencils Down: Stop Designing & Start Developing
hursman
115
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
Build your cross-platform service in a week with App Engine
jlugia
224
17k
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؆୯ʹσʔλͷొಡΈࠐΈ͕Ͱ͖Δ ͷͰɺ؆୯ʹΞϓϦ։ൃΛ࢝ΊΒΕΔʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ