Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
モバイルプラットフォームの Firebaseだけど モバイル向けでもない Webサイトを構築する
TanakaMidnight
August 03, 2018
Technology
1
240
モバイルプラットフォームの Firebaseだけど モバイル向けでもない Webサイトを構築する
TanakaMidnight
August 03, 2018
Tweet
Share
More Decks by TanakaMidnight
See All by TanakaMidnight
APIを使う、作る
tanakamidnight
0
40
Vue.jsで書くAdobe XD Plugin
tanakamidnight
0
450
Web App created by Vue.js / Firebase (RxFire)
tanakamidnight
0
230
Firebaseここ最近(2019/01~05)の新機能(Osaka, Web寄り)
tanakamidnight
1
290
Vue.jsで作るAdobeXDプラグイン
tanakamidnight
0
400
できるようになるかもしれないVueNative
tanakamidnight
0
22
ハンズオンを支えた技術
tanakamidnight
0
200
Vue.jsの始め方
tanakamidnight
0
220
Vuesaxを使ってみる
tanakamidnight
0
270
Other Decks in Technology
See All in Technology
03_ユーザビリティテスト
kouzoukaikaku
0
490
Oracle Cloud Infrastructure:2023年1月度サービス・アップデート
oracle4engineer
PRO
0
160
もし本番ネットワークをまるごと仮想環境に”コピー”できたらうれしいですか? / janog51
corestate55
0
380
OCI DevOps 概要 / OCI DevOps overview
oracle4engineer
PRO
0
500
Raspberry Pi Camera 3 介紹
piepie_tw
PRO
0
150
Cloudflare Workersで動くOG画像生成器
aiji42
1
490
💰年度末予算消化祭💰 Large Memory Instance で 画像分類してみた
__allllllllez__
0
100
2年で10→70人へ! スタートアップの 情報セキュリティ課題と施策
miekobayashi
1
630
MarvelClient Upgrade 64bit クライアントへの自動アップグレード設定
mitsuru_katoh
0
150
金属加工屋の営業マンがSTマイクロで・・・
usashirou
0
160
re:Inventで発表があったIoT事例の紹介と考察
kizawa2020
0
180
OCIコンテナサービス関連の技術詳細 /oke-ocir-details
oracle4engineer
PRO
0
770
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
37
5.9k
Infographics Made Easy
chrislema
235
17k
The Power of CSS Pseudo Elements
geoffreycrofte
52
4.3k
Debugging Ruby Performance
tmm1
67
11k
Typedesign – Prime Four
hannesfritz
34
1.5k
Intergalactic Javascript Robots from Outer Space
tanoku
261
26k
Building Applications with DynamoDB
mza
85
5k
5 minutes of I Can Smell Your CMS
philhawksworth
198
18k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
128
8.8k
The Art of Programming - Codeland 2020
erikaheidi
35
11k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
A better future with KSS
kneath
230
16k
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