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
270
モバイルプラットフォームの Firebaseだけど モバイル向けでもない Webサイトを構築する
TanakaMidnight
August 03, 2018
Tweet
Share
More Decks by TanakaMidnight
See All by TanakaMidnight
APIを使う、作る
tanakamidnight
0
120
Vue.jsで書くAdobe XD Plugin
tanakamidnight
0
520
Web App created by Vue.js / Firebase (RxFire)
tanakamidnight
0
320
Firebaseここ最近(2019/01~05)の新機能(Osaka, Web寄り)
tanakamidnight
1
390
Vue.jsで作るAdobeXDプラグイン
tanakamidnight
0
560
できるようになるかもしれないVueNative
tanakamidnight
0
27
ハンズオンを支えた技術
tanakamidnight
0
230
Vue.jsの始め方
tanakamidnight
0
300
Vuesaxを使ってみる
tanakamidnight
0
380
Other Decks in Technology
See All in Technology
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.4k
Github Actions 로 Android 팀의 효율성 극대화
hadonghyun
0
160
地理情報とAPIのトレンド
nagix
0
160
ゆめみのアクセシビリティの現在地と今後
ryokatsuse
3
290
Git 研修 Basic【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
310
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
サービスの持続的な成長と技術負債について
siva_official
PRO
10
4.4k
Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた
wakatsuki
0
160
プレイドにおけるDatadog APMの活用方法
plaidtech
PRO
2
120
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
Flutter研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
AWSサービスメニュー開発をしていてAWSを好きだ!と感じた瞬間
toru_kubota
0
130
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
RailsConf 2023
tenderlove
16
720
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
Git: the NoSQL Database
bkeepers
PRO
423
64k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
Producing Creativity
orderedlist
PRO
340
39k
Making the Leap to Tech Lead
cromwellryan
127
8.7k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
4 Signs Your Business is Dying
shpigford
178
21k
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