Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
MonacaとFirebaseで始めるハイブリッドアプリ開発
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Daichi
April 07, 2018
Technology
1.8k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
MonacaとFirebaseで始めるハイブリッドアプリ開発
2018年4月7日に行われたMonaca UG OHMIYAのLTで使用したスライド。
MonacaとFirebaseでサンプルアプリを作ってみました。
Daichi
April 07, 2018
More Decks by Daichi
See All by Daichi
プロダクト内で混在するUIと技術スタック、コーディングエージェントで整理できるか?
kandai
0
390
◯◯◯◯◯◯◯◯◯◯を使って簡単なゲームを作ってみた
kandai
0
3.2k
マージンを使わずに Webサイト構築してみた
kandai
0
3.8k
Jamstackの実案件で躓いたことや工夫したこと
kandai
0
1.6k
OpenAPIを使ってAPIドキュメントとモックサーバーを良い感じにした話
kandai
3
3.6k
WordPressサイトをNuxt.js × microCMSのJAMstack構成にリニューアルした話
kandai
1
1.8k
ブラウザの新しいAPIで遊んでみる
kandai
1
1.6k
Gridsome × Headless CMSでJAMstackなWebサイトを作る
kandai
1
1.2k
Media Session APIを使ってPWAの音楽プレイヤーを作る
kandai
0
610
Other Decks in Technology
See All in Technology
時うどん〜Socket.getifaddrsで学ぶネットワーク編 / Tokiudon: The Socket.getifaddrs Edition
coe401_
4
270
バイブコーディング時代のWebアプリ開発入門~Cloud Runで学ぶセキュアなビルドとデプロイ
waiwai2111
1
150
手を動かして実感する、Kiro が変える開発体験
inariku
0
320
あけおめLINE 傾向とその対策
nasa9084
0
330
「ピッケル本」日本語版は4.0(第6版)が出版されるべき / pickaxe4-nagoyark05
kakutani
2
300
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
12k
Kiro Meetup #8 Kiro アップデート (2026/3/21〜2026/9/24)
katzueno
1
220
2026-09-18 gotanda.sre Terraformで複数環境作ったり、複数Stateに分割したりそれとTerragrunt / Terraform multi envs and multi states
masasuzu
4
730
AgentCore Runtime上にAgentic Coding基盤を構築・展開する際の設計ポイントと限界点 / Design considerations and limitations when building an agentic coding platform on AgentCore Runtime
har1101
6
760
Amazon Bedrock Agents ClassicからAmazon Bedrock AgentCoreへ移行した際、ガードレール設定が2箇所に割れた話
matsunobu
0
100
データ_AIの事業の勝敗をわけるもの
nek0128
1
480
HolmesGPTで始めるSREエージェント入門!プラットフォームの障害調査はAIにお任せ 〜
sanghyuk
0
150
Featured
See All Featured
Visualization
eitanlees
153
17k
Speed Design
sergeychernyshev
33
2.1k
Code Review Best Practice
trishagee
74
20k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
290
Designing for Performance
lara
611
70k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Amusing Abliteration
ianozsvald
1
310
Technical Leadership for Architectural Decision Making
baasie
3
580
Test your architecture with Archunit
thirion
2
2.4k
A designer walks into a library…
pauljervisheath
211
25k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
430
A Modern Web Designer's Workflow
chriscoyier
699
190k
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؆୯ʹσʔλͷొಡΈࠐΈ͕Ͱ͖Δ ͷͰɺ؆୯ʹΞϓϦ։ൃΛ࢝ΊΒΕΔʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ