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
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.5k
次世代AIコーディング:OpenAI Codex の最新動向 進行スライド/nikkei-tech-talk-40
nikkei_engineer_recruiting
0
130
BidiAgent と Nova 2 Sonic から考える音声 AI について
yama3133
2
150
Introduction to Bill One Development Engineer
sansan33
PRO
0
340
2025年の医用画像AI/AI×medical_imaging_in_2025_generated_by_AI
tdys13
0
320
製造業から学んだ「本質を守り現場に合わせるアジャイル実践」
kamitokusari
0
540
AI駆動開発ライフサイクル(AI-DLC)の始め方
ryansbcho79
0
320
Oracle Cloud Infrastructure:2025年12月度サービス・アップデート
oracle4engineer
PRO
0
250
First-Principles-of-Scrum
hiranabe
3
1.7k
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.3k
純粋なイミュータブルモデルを設計してからイベントソーシングと組み合わせるDeciderの実践方法の紹介 /Introducing Decider Pattern with Event Sourcing
tomohisa
1
890
AIエージェントを5分で一気におさらい!AIエージェント「構築」元年に備えよう
yakumo
1
150
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
65
35k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
Paper Plane (Part 1)
katiecoart
PRO
0
2.9k
The SEO identity crisis: Don't let AI make you average
varn
0
47
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
2.8k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
54
49k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
77
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
110
ラッコキーワード サービス紹介資料
rakko
0
2M
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