Slide 1
Slide 1 text
勘違いでFirebase
触ってみた
kanazawa.rb meetup#48
2016年08⽉20⽇
Slide 2
Slide 2 text
@cotton_desu
Slide 3
Slide 3 text
そもそもが勘違い？
Slide 4
Slide 4 text
おーし、Firebase触るぞ
天の声
脳内会議
cotton_desu
Databaseだよね？
Databaseも含まれるよ
天の声
cotton_desu
えっ？InterBaseの後継じゃないの？
Slide 5
Slide 5 text
脳内会議
あー、それな。Firebirdな
天の声
cotton_desu
まじか・・・・orz
Slide 6
Slide 6 text
Firebase Firebird
Slide 7
Slide 7 text
全くの別物です
Slide 8
Slide 8 text
因みに
Slide 9
Slide 9 text
Firebirdとは
Slide 10
Slide 10 text
https://ja.wikipedia.org/wiki/Firebird
Slide 11
Slide 11 text
Firebaseとは
Slide 12
Slide 12 text
Firebase
MBaas(Mobile Backend as a Service)
1. クラウドメッセージング
2. Auth
3. リアルタイムデータベース
HTTPやXMPPを通して使う多機能なメッセージサービス
ソーシャルログインや匿名ログインとメアド・パスワード
による認証も可能
誰かがデータを更新すると⾃動で他の端末にも反映される。
更にオフライン動作も可能
Slide 13
Slide 13 text
Firebase
MBaas(Mobile Backend as a Service)
4. ストレージ
5. ホスティング
6. Test Lab
静的Webのホスティング
Androidデバイスをリモートテスト可能
Slide 14
Slide 14 text
Firebase
MBaas(Mobile Backend as a Service)
7. Crash Reporting
8. Analytics
9. Dynamic Links
アプリインストール済みならアプリを開き、
未インストールならインストールに誘導
Slide 15
Slide 15 text
Firebase
無料で使える機能は3つ
■リアルタイムデータベース
• 100の同時接続
• 1GBの容量
• 10GBの転送量
■ストレージ
• 5GBの容量
• 30GBの転送量
• 5万回のUpload/Download
• 1GBの容量
• 10GBの転送量
• 独⾃ドメイン＆無料SSL
■ホスティング
Slide 16
Slide 16 text
Firebase触ってみた
Slide 17
Slide 17 text
プロジェクト作成
Step1
https://firebase.google.comを開き
右上の[ログイン]をクリック
(Googleアカウントでログイン)
Slide 18
Slide 18 text
プロジェクト作成
Step2
[新規プロジェクトを作成]をクリック
Slide 19
Slide 19 text
プロジェクト作成
Step3
プロジェクト名、国名を⼊⼒後
[プロジェクトを作成]をクリック
Slide 20
Slide 20 text
CLI(Firebase Tools)
Step1 Firebase Toolをインストール
Step2 ログイン
npm install -g firebase-tools
firebase login
Slide 21
Slide 21 text
アプリ作成とデプロイ
Step1 アプリケーションを作成
Step2 デプロイ
firebase init
firebase deploy
対話にデプロイ可能状態にセットアップ
Slide 22
Slide 22 text
Letʼs Web Site
Deploy
Slide 23
Slide 23 text
Real Time Web Chat
App Demo
デモのソースは以下を参考
https://codelabs.developers.google.com/codelabs/firebase-web/#0
Slide 24
Slide 24 text
ありがとうございました