Firebase Extensions はじめの一歩

Firebase
Extensions
はじめの一歩

Firebase
Extensions
はじめの一歩
Kenichi Tatsuhama
GDG Shikoku / Sansan, Inc.

Kenichi Tatsuhama
GDG Shikoku Organizer
Sansan, Inc.
徳島県神山町在住
Android, Firebase,
BigQuery, DataPortal
　tatsuhama50
About me

GDG Shikoku
四国で Go, Android, Firebase 等の
イベントを開催しています。
高松で開催したら、うどんツアーも実施！
https://gdgshikoku.connpass.com/
　GDGShikoku

1. Firebase とは
2. Firebase Extensions とは
3. Firebase Extensions の導入・管理方法
4. 各 Firebase Extensions の紹介
5. まとめ
Agenda

Google が提供する、優れたアプリを開発し、ユー
ザーベースを拡大し、収益を高めるためのツール。
インフラ構築に手間取ることなくビジネスを収益化
し、ユーザーにとっての利便性に集中できます。
Firebase とは
https://ﬁrebase.google.com/

Firebase’s mission is to
Help app developers succeed

Build better apps
Auth
Cloud
Functions
Cloud
Firestore
Hosting
ML Kit
Realtime
Database
Cloud
Storage
Grow and engage users
Analytics
Predictions
Cloud
Messaging
Remote
Config
A/B Testing
Dynamic
Links
In-app
Messaging
Improve app quality
Crashlytics
Performance
Monitoring
Test Lab
App Distribution BETAExtensions

● Cloud Firestore
● Realtime Database
● Cloud Storage
● Authentication
● Firebase Functions
このセッションで使う用語の確認
クラウドでホストされている NoSQL データ
ベースを使用することで、グローバルスケー
ルでデータを保存し、ユーザーとデバイスの
間で同期します。Cloud Firestore は、効率
的なデータクエリとともに、ライブ同期とオフ
ラインサポートを提供します。他の Firebase
プロダクトとの統合を活かして、真にサー
バーレスなアプリを構築できます。

● Cloud Firestore
● Cloud Storage
● Authentication
Realtime Database は従来からある
Firebase のデータベースです。これはリアル
タイムのクライアント間同期が必要なモバイ
ルアプリのための、効率的でレイテンシが低
いソリューションです。新しくプロジェクトを開
始する場合は、ほとんどのケースで
Realtime Database でなく Cloud Firestore
のご利用をおすすめします。

● Cloud Firestore
● Cloud Storage
● Authentication
Google 規模で構築されたシンプルでコスト
効果の高い強力なオブジェクトストレージに
画像、音声、動画など、ユーザーが生成した
コンテンツを格納して共有します。Cloud
Storage 用の Firebase SDK では、ネット
ワーク品質にかかわらず、Firebase アプリで
のファイルのアップロードとダウンロードに
Google のセキュリティが適用されます。

● Cloud Firestore
● Cloud Storage
● Authentication
ユーザーを簡単かつ安全に管理します。
Firebase Auth では、メールとパスワード、
Google や Facebook などのサードパーティ
のプロバイダ、既存のアカウントシステムを
直接使用するなど、複数の方法によって認
証を行います。独自のインターフェースを作
成することも、オープンソースの完全にカスタ
マイズ可能な UI を利用することもできます。

● Cloud Firestore
● Cloud Storage
● Authentication
専用サーバーの管理や拡張を行うことなく、
カスタムのバックエンドコードでアプリを拡張
します。Functions は、webhook を使用して
Firebase 製品、Google Cloud サービス、
サードパーティによって出力されるイベントに
よってトリガーできます。

● 2018 年に発表された新機能（まだβ版）
● 予めパッケージ化されたソリューション
● Firebase プロジェクトに機能を素早くデプロイ
● イベントトリガーに反応して、特定のタスクを実行できる
・Cloud Firestore 等の Firebase プロダクトのトリガー
・HTTPS リクエスト
● 利用するためには Blaze プラン（有料プラン）にする必
要がある（1 Extensions あたり、約0.01$/月＋利用分）
Firebase Extensions (拡張機能)とは

● 画像をアップロードする機能を持つアプリを想定
● Cloud Storage に画像がアップロードされると、
自動でサムネイル画像を生成させることができる
● クライアント側（Web/Android/iOS）は元画像を
アップロードするだけ
例：サムネイル画像の生成で考える

● サムネイル画像の生成機能は、Extensions 発表前
から Firebase Functions のサンプルとして公
開されていた。
● ただし、導入は一手間かかった。
例：サムネイル画像の生成で考える
https://github.com/firebase/functions-samples/tree/master/generate-thumbnail

Caption
サムネイル画像の生成：従来の導入方法
https://github.com/firebase/functions-samples/tree/master/generate-thumbnail
ちょっと大変・・・

● インストールや各種設定が簡単に行える
● Firebase Functions で実装されている
● Firebase Functions のメリットも継承
・コンピューティングリソースを自動でスケール
・実行環境のセキュリティアップデート等が不要
　→　作りたい機能に注力することができる
● ソースコードを確認することができる
Firebase Extensions は…

Firebase
Extensions の
導入・管理方法

インストール手順
● Firebase コン
ソールの一番左下の
「Extensions」か
ら使いたいものを選
んでインストール

構成変更
● インストール後でも
UI から変更可能

更新の適用
● 更新通知表示
● アップデートも容易

アンインストール
● UI からアンインス
トール可能
● 最下部にあります！

各 Firebase
Extensions の紹介

● 用途：サムネイル画像作成（や画像サイズの正規化）
● Cloud Storage にアップロードされた画像を
指定されたサイズにリサイズします。
Resize Images

ユーザーが構成可能な機能
● Cloud Functions location
● 画像の Cloud Storage バケット
● サイズ変更後の画像のサイズ
● 元画像を残すかどうか（＝削除するかどうか）
● サイズ変更後の画像の Cloud Storage パス
● サイズ変更後の画像の Cache-Control ヘッダー
Resize Images

● 用途：ユーザへのメール送信
● 指定した Cloud Firestore コレクションに書き
込まれたドキュメントのコンテンツに基づいて、
メールを生成し送信します。
● Firebase は SMTP の機能を備えていないので、
他の SMTP サーバ（Send Grid など）を利用す
る必要があります。
Trigger Email

● 呼び出し例
● 送信結果もドキュメント内に書き込まれる
Trigger Email

● SMTP 接続の URI
● メールドキュメントコレクション
● デフォルトの FROM アドレス
● デフォルトの REPLY-TO アドレス
● ユーザーコレクション
● テンプレートコレクション
Trigger Email

● 用途：投稿やコメントの翻訳表示
● Cloud Firestore コレクションに書き込まれた
文字列を複数の言語に翻訳します
（Cloud Translation API を使用）
Translate Text

● 翻訳のターゲット言語
（カンマ区切りリスト）
● コレクションのパス
● 入力フィールド名
● 翻訳出力フィールド名
Translate Text

input 言語は自動判定される

● 用途：短縮 URL の生成
● 指定した Cloud Firestore コレクションに書き
込まれた URL を短縮します（Bitly を使用）
● Bitly のアクセストークンを取得する必要がありま
す
Shorten URLs

● Cloud Functions
location
● Bitly アクセストークン
● URL のフィールド名
● 短縮 URL のフィールド名
Shorten URLs

● 用途：Top10 などの表示箇所
● 指定した Realtime Database パスで、ノードの
数を指定した最大数までに制限します。
● （2020/10 現在、Cloud Firestore 用には提供
されていません…）
Limit Child Nodes

● Realtime DB のパス
● 上限数
Limit Child Nodes

path 配下の子ノードは5個に限定されていることがわかる

● 用途：退会ユーザのデータ削除
● ユーザーがアカウントを削除したときに、Cloud
Firestore、Realtime Database、Cloud
Storage の userId をキーとするデータを削除
します。
Delete User Data

● Cloud Firestore のパス
● Cloud Firestore delete mode
● Realtime Database のパス
● Cloud Storage のパス
Delete User Data

● 用途：いいね数等のカウント表示
● Cloud Firestore への高速書き込みに対応する
ため、イベントカウンタを大規模に記録します。
　
Distributed Counter

Distributed Counter
背景
● Firestore の Document への書き込みは、
1回/s という上限がある。
https://ﬁrebase.google.com/docs/ﬁrestore/quotas
● 回避方法として、カウント値を書き込む node を分
散し、読み込み時に全て集計するという方法がある
● この回避方法を実装しなくて済む

↓ドキュメントを分散させて回避

● 内部状態のドキュメントパス
Distributed Counter

● 用途：ユーザへのメール配信、宛先管理
● 指定の Mailchimp オーディエンスに、Firebase
Authentication から新しいユーザーを追加しま
す。
● ユーザの削除にも追従する
※Mailchimp：メールマーケティング用のサービス
Sync with Mailchimp

● Mailchimp API Key
● Audience ID
● Contact status
Sync with Mailchimp

Authentications のユーザの増減が、MailChimp にも同期される

● 指定した Cloud Firestore コレクションから
BigQuery に、リアルタイムな増分更新を送信しま
す。
※「リアルタイムな更新」が送信されるだけで、　　　
Firestore のバックアップではありません
※git の commit のようなイメージ（？）
Export Collections to BigQuery

● データセット ID
● テーブル ID

Caption
BigQuery
追加・変更・削除

● 用途：定期購入商品の取り扱いや、購入状況の管理
● Stripe の商品の定期購入・解約を Firebase
Authenticationと同期し、有料コンテンツへのア
クセスを制御します
● Made by Stripe
● Web 向けです。Android / iOS はそれぞれの
In-App purchase の利用を。
Run Subscription Payments with Stripe

● Cloud Functions deployment
location
● Products and pricing plans
collection
● Customer details and
subscriptions collection
● Stripe API key with restricted
access
● Stripe webhook secret

● Cloud Functions deployment
location
● Products and pricing plans
collection：商品
● Customer details and
subscriptions collection：契約
● Stripe API key with restricted
access

※テスト環境、デモアカウント、データは仮

● 用途：Stripe の請求管理
● Stripe の支払いプラットフォームを使用して、
顧客へ請求書を作成して送信します。
● Made by Stripe
Send Invoices using Stripe

● Cloud Functions deployment location
● Invoices collection：請求書コレクション
● Stripe API key with restricted access
● Days until payment is due

● 請求書の作成
● メールで送信
● 支払い状況の管理
ができる

● Firebase Extensions は、予めパッケージされ
た機能（サムネイル作成や短縮 URL 生成など）を
プロジェクトに簡単に組み込むことができる
● 有償プランにする必要がある
● 実体は Firebase Functions
● Firebase Extensions を使うことによって、開
発、メンテナンス、拡張にかかる時間を短縮できる
まとめ

● https://ﬁrebase.google.com/support/tro
ubleshooter/report/features
● どのような拡張機能があったらよいかを Firebase
にフィードバックすることができます。
● 「こういった機能が欲しい！」という場合には、ぜ
ひここからリクエストを出してみて下さい。
リクエストフォーム

● https://github.com/ﬁrebase/functions-samples
● 様々なサンプルがある
・アップロードされた画像の Exif を抽出
・DB の内容を Google Spread Sheet 出力
● これらをヒントに、Extensions でなくても
Functions で欲しい機能を実装してしまうのも手
かも知れません。
functions samples

Firebase Extensions はじめの一歩

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Firebase Extensions はじめの一歩

Similar to Firebase Extensions はじめの一歩 (20)

More from 健一辰濱

More from 健一辰濱 (20)