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
1
330
モバイルプラットフォームの Firebaseだけど モバイル向けでもない Webサイトを構築する
TanakaMidnight
August 03, 2018
Tweet
Share
More Decks by TanakaMidnight
See All by TanakaMidnight
APIを使う、作る
tanakamidnight
0
160
Vue.jsで書くAdobe XD Plugin
tanakamidnight
0
540
Web App created by Vue.js / Firebase (RxFire)
tanakamidnight
0
450
Firebaseここ最近(2019/01~05)の新機能(Osaka, Web寄り)
tanakamidnight
1
460
Vue.jsで作るAdobeXDプラグイン
tanakamidnight
0
690
できるようになるかもしれないVueNative
tanakamidnight
0
33
ハンズオンを支えた技術
tanakamidnight
0
260
Vue.jsの始め方
tanakamidnight
0
370
Vuesaxを使ってみる
tanakamidnight
0
440
Other Decks in Technology
See All in Technology
Node vs Deno vs Bun 〜推しランタイムを見つけよう〜
kamekyame
1
460
Oracle Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
3
350
純粋なイミュータブルモデルを設計してからイベントソーシングと組み合わせるDeciderの実践方法の紹介 /Introducing Decider Pattern with Event Sourcing
tomohisa
1
1k
製造業から学んだ「本質を守り現場に合わせるアジャイル実践」
kamitokusari
0
630
戰略轉變:從建構 AI 代理人到發展可擴展的技能生態系統
appleboy
0
190
スクラムを一度諦めたチームにアジャイルコーチが入ってどう変化したか / A Team's Second Try at Scrum with an Agile Coach
kaonavi
0
230
SES向け、生成AI時代におけるエンジニアリングとセキュリティ
longbowxxx
0
320
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
17k
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.5k
【Agentforce Hackathon Tokyo 2025 発表資料】みらいシフト:あなた働き方を、みらいへシフト。
kuratani
0
120
Oracle Database@AWS:サービス概要のご紹介
oracle4engineer
PRO
2
870
「違う現場で格闘する二人」——社内コミュニティがつないだトヨタ流アジャイルの実践とその先
shinichitakeuchi
0
340
Featured
See All Featured
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
94
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
81
From π to Pie charts
rasagy
0
110
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
120
Statistics for Hackers
jakevdp
799
230k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
120
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.1k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
41
Speed Design
sergeychernyshev
33
1.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.5k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
140
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
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