Firebase hands on_#1

@morioka_yuichi
Firebase をってみよう
2020/08/19

Objection
FirebaseのAPIを使って
データベースに書きめるようになる

Index
Firebaseとは
Firebaseの
APIを使ってHelloWorld
APIを使ってデータベースに書きんでみよう

モダンなアプリケーションを作る上で必なマネージ
ドされたサーバレス・サービス
What is Firebase??

モダンなアプリケーションを作る上で必なマネージ
ドされたサーバレス・サービス
What is Firebase??
アプリを作る上で必ながつまってるインフラ
簡単にうと...

Firebase services
クライアントアプリと
リアルタイム可
なDatabase
Firestore
スケーリング不な
バックエンドAPI
Functions
Googleアカウントや
電等を⽤いた
サービス
Authentification
・動・声
データをする
サービス
Storage

Let's use Firebase!!
https://firebase.google.com/にアクセス

Setting up
$gitclonegit@github.com:tabikaeru/firebase-hands-on.git
レポジトリをダウンロード
もしくは，
https://github.com/tabikaeru/firebase-hands-on
にアクセスしてダウンロード
2min

{
projects :{
default : YOUR_PROJECT_NAME -名前を変更
}
}
$firebaselogin
Setting up
.firebasercファイルを login

Hello world
$cdfunctions
$yarn
$yarnserve
firebase functionsをローカルで⾏
5min

http://localhost:5000/YOUR_PROJECT_NAME/us-central1/helloWorld
をブラウザのURLにペースト

ダウンロードしてきた jsonファイルを
google-service-account.jsonにリネーム
git cloneしてきたフォルダの下にく
Setting up

Setting up
databaseURL:YOUR_DATABASE_URL-名前を変更

index.tsの10⾏⽬`YOUR_DATABASE_URL`を⾃の URL に

Firestore's
data model
Collection: データをれる箱
Document: オブジェクト
Data: {Key:Value}のセット
典: Cloud Firestore データモデル https://firebase.google.com/docs/firestore/data-model?hl=ja

Student data
example
Collection: 3年A
Document: モーリー
Data: { : 175cm, 体重:63kg}
典: Cloud Firestore データモデル https://firebase.google.com/docs/firestore/data-model?hl=ja

Lesson 1.
Write a data by function
db.collection(helloWorld).doc().set({hello:world})
...省略
$yarnshell
.exitを打ち込むとShellを終了できます
5min

Lesson 2.
Function with arg
constarg=data.argasstring
...省略
db.collection(helloWorld).doc().set({hello:arg})
5min

QA
問があればhttps://studio.gorori.jp/forumsへの
もしくはtwitterのDMでお願いします.
@morioka_yuichi

Firebase hands on_#1

More Related Content

Similar to Firebase hands on_#1 (20)

Firebase hands on_#1