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
430
Firebaseここ最近(2019/01~05)の新機能(Osaka, Web寄り)
tanakamidnight
1
460
Vue.jsで作るAdobeXDプラグイン
tanakamidnight
0
690
できるようになるかもしれないVueNative
tanakamidnight
0
32
ハンズオンを支えた技術
tanakamidnight
0
260
Vue.jsの始め方
tanakamidnight
0
370
Vuesaxを使ってみる
tanakamidnight
0
440
Other Decks in Technology
See All in Technology
Flutterコントリビューションのススメ
d_r_1009
1
350
ソフトウェア開発現代史: 55%が変化に備えていない現実 ─ AI支援型開発時代のReboot Japan #agilejapan
takabow
1
1.8k
Redux → Recoil → Zustand → useSyncExternalStore: 状態管理の10年とReact本来の姿
zozotech
PRO
4
2.8k
開発者から見たLLMの進化 202511
ny7760
1
170
【Android】テキスト選択色の問題修正で心がけたこと
tonionagauzzi
0
130
エンタープライズ企業における開発効率化のためのコンテキスト設計とその活用
sergicalsix
1
340
AIと共に開発する時代の組織、プロセス設計 freeeでの実践から見えてきたこと
freee
3
590
AI時代におけるドメイン駆動設計 入門 / Introduction to Domain-Driven Design in the AI Era
fendo181
0
670
Dart and Flutter MCP serverで実現する AI駆動E2Eテスト整備と自動操作
yukisakai1225
0
340
なぜThrottleではなくDebounceだったのか? 700並列リクエストと戦うサーバーサイド実装のすべて
yoshiori
9
3.4k
レビュー負債を解消する ― CodeRabbitが支えるAI駆動開発
moongift
PRO
0
130
探求の技術
azukiazusa1
5
1.4k
Featured
See All Featured
How to Ace a Technical Interview
jacobian
280
24k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Writing Fast Ruby
sferik
630
62k
Become a Pro
speakerdeck
PRO
29
5.6k
Why Our Code Smells
bkeepers
PRO
340
57k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
For a Future-Friendly Web
brad_frost
180
10k
Designing Experiences People Love
moore
142
24k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.1k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
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