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
モバイルプラットフォームの Firebaseだけど モバイル向けでもない Webサイトを構築する
Search
TanakaMidnight
August 03, 2018
Technology
340
1
Share
モバイルプラットフォームの Firebaseだけど モバイル向けでもない Webサイトを構築する
TanakaMidnight
August 03, 2018
More Decks by TanakaMidnight
See All by TanakaMidnight
APIを使う、作る
tanakamidnight
0
170
Vue.jsで書くAdobe XD Plugin
tanakamidnight
0
550
Web App created by Vue.js / Firebase (RxFire)
tanakamidnight
0
460
Firebaseここ最近(2019/01~05)の新機能(Osaka, Web寄り)
tanakamidnight
1
460
Vue.jsで作るAdobeXDプラグイン
tanakamidnight
0
700
できるようになるかもしれないVueNative
tanakamidnight
0
37
ハンズオンを支えた技術
tanakamidnight
0
260
Vue.jsの始め方
tanakamidnight
0
380
Vuesaxを使ってみる
tanakamidnight
0
460
Other Decks in Technology
See All in Technology
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
oracle4engineer
PRO
2
7.9k
Microsoft 365 / Microsoft 365 Copilot : 自分の状態を確認する「ラベル」について
taichinakamura
0
440
【技術書典20】OpenFOAM(自宅で深める流体解析)流れと熱移動(2)
kamakiri1225
0
360
AWS Agent Registry の基礎・概要を理解する/aws-agent-registry-intro
ren8k
3
440
QAエンジニアはどうやって プロダクト議論の場に入れるのか?
moritamasami
1
320
色を視る
yuzneri
0
310
Cortex Codeのコスト見積ヒントご紹介
yokatsuki
0
140
AgentCore×VPCでの設計パターンn選と勘所
har1101
4
370
知ってた?JavaScriptの"正しさ"を検証するテストが5万以上もあること(Test262)
riyaamemiya
0
130
エージェントスキルを作って自分のインプットに役立てよう
tsubakimoto_s
0
510
Modernizing Your HCL Connections Experience: Visual Report to chain, Profile Enhancements, and AI Integration
wannesrams
0
260
アクセシビリティはすべての人のもの
tomokusaba
0
230
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
55
9.9k
Bash Introduction
62gerente
615
210k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
530
YesSQL, Process and Tooling at Scale
rocio
174
15k
エンジニアに許された特別な時間の終わり
watany
106
240k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
500
Building an army of robots
kneath
306
46k
A Tale of Four Properties
chriscoyier
163
24k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
530
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
120
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.2k
Transcript
モバイルプラットフォームの Firebaseだけど モバイル向けでもない Webサイトを構築する Kyoto.LT #21 Tanaka Midnight
Firebaseとは
@Google
Q. なぜ、 モバイル向けでない Webサイトを Firebaseで作るの?
A. 無料(※) で、簡単に、 SSL、CDN化した サイトを構築できるから ※ 無料でできることには一部制限があります。
・Hosting ・CloudFireStore ・Functions
Hosting ・静的サイトホスティング ・独自ドメイン利用可 ・自動でSSL化(Let's Encryipt) ・自動でCDN化(Fastly) ・さくっとデプロイ ・AWSで言うとのS3+CloudFrontみたいな
CloudFireStore ・NoSQLデータベースサービス ・AWSで言うとDynamoDBみたいな Functions ・バックエンドコード実行サービス →WebAPIサーバーのような感じ ・言語はJavaScriptかTypeScript ・AWSで言うとLambda(+APIGateway) みたいな
無料で使うときの制限 Cloud Firestore • 容量 • 転送量 • Document writes
• Document reads • Document deletes • 1 GB total • 10GB/月 • 2 万/日 • 5 万/日 • 2 万/日 Cloud Functions • 呼び出し • GB 秒 • CPU 秒 • アウトバウンド • 12.5 万/月 • 4 万/月 • 4 万/月 • Google 専用 Hosting • 容量 • 転送量 • 1 GB • 10 GB/月
Demo
・プランの自動変更される? GCP(GoogleCloudPlatform)とIDを共有?してるので 勝手にプランが変わった。 対策:Firebase用のプロジェクトを作成して、GCPと共用しない。 ・無料プランでアウトバンドできない Functionを利用する際に、外部サービスにつなぐことが 無料プランだとできない、(twitterBOT, 外部WebAPI) ・サポート AWSほどサポートが強くない印象。(個人の感想です。)
メール投げて2,3日返信にかかった。 注意事項
“ Firebase いいよ!
Firebase https://firebase.google.com/?hl=ja Firebase料金プラン https://firebase.google.com/pricing/?hl=ja Firebase Web Codelab https://codelabs.developers.google.com/codelabs/firebase-web/ Cloud Firestore
Web Codelab https://codelabs.developers.google.com/codelabs/firestore-web/ Cloud Functions for Firebase https://codelabs.developers.google.com/codelabs/firebase-cloud-functions/
END