「Firebase, firestore 拡張機能 による elastic app search 連携について」 https://jaguer-cloud-native.connpass.com/event/231835/

1. Firebase/Firestore 拡張機能 による
Elastic App Search 連携について
鈴⽊ 章太郎
Elastic テクニカルプロダクトマーケティングマネージャー/エバンジェリスト
デジタル庁 省庁業務グループ ソリューションアーキテクト

2. Elastic
Technical Product Marketing
Manager/Evangelist
デジタル庁
省庁業務グループ
ソリューションアーキテクト
元 Microsoft Technical Evangelist
Twitter : @shosuz
Shotaro Suzuki

3. l Firebase x Elastic を使ったアプリ開発
l Firestore ⽤ App Search 連携
l まとめ
アジェンダ

4. 3 Solutions, 1 Stack, Deploy Anywhere
Elastic Stack
Kibana
Elasticsearch
Beats Logstash
Elastic エンタープライズサーチ Elastic セキュリティ
Elastic オブザーバビリティ
3 つのソリューション
SaaS
(AWS/Azure/GCP)
IaaS
(クラウド & オンプレ）
Elastic Cloud
on Kubernetes
Elastic Cloud Elastic Cloud
Enterprise
豊富なデプロイ選択肢
Kubernetes
(クラウド & オンプレ）
蓄積、検索、分析
可視化 & 管理
収集

5. Kotlin x Firebase サンプルアプリ構成 (CQRS)
Cloud
Function
Firebase
Firestore
Elastic Cloud
プロジェクト
northeast1-b リージョン
マスターノード x 1
データノード x 2
ML ノード x 1
https://google-cloud-day-
digital-2021.es.asia-
northeast1.gcp.cloud.es.io
:9243
検索結果
全⽂検索クエリ
データ保存
Cloud Function で同期
VSCode
iOS / Android
Mobile App
Kotlin
Elastic
APM
Agent
Elastic
Search UI
React Web App
Elastic APM Agent

6. Firebase 全⽂検索
https://firebase.google.com/docs/firestore/solutions/search?provider=elastic
全⽂検索
ほとんどのアプリでは、ユーザーがアプリのコンテンツを検索できるようになっています。たとえば、特定の単語を含む投稿や、特定のトピックに
ついて書いたメモを検索する、といったケースが考えられます。
Cloud Firestore では、ネイティブ インデックスの作成やドキュメント内のテキスト フィールドの検索をサポートしていません。
さらに、コレクション全体をダウンロードして、クライアントサイドでフィールドを検索することは現実的ではありません。
Cloud Firestore データの全⽂検索を有効にするには、専⽤のサードパーティの検索サービスを使⽤します。これらのサービスは、単純なデ
ータベース クエリで実現できる機能をはるかに上回る、⾼度なインデックス作成と検索の機能を提供します。
続⾏する前に、調査して以下の検索プロバイダのいずれかを選択してください。
● Elastic
● Algolia
● Typesense

7. Kotlin x Firebase サンプルアプリ構成 (CQRS)
Cloud
Function
Firebase
Firestore
Elastic Cloud
プロジェクト
northeast1-b リージョン
マスターノード x 1
データノード x 2
ML ノード x 1
https://google-cloud-day-
digital-2021.es.asia-
northeast1.gcp.cloud.es.io
:9243
検索結果
全⽂検索クエリ
データ保存
Cloud Function で同期
VSCode
iOS / Android
Mobile App
Kotlin
Elastic
APM
Agent
Elastic
Search UI
React Web App
Elastic APM Agent
コーディングして Firebase Deploy する必要あり
検索⽤アプリを新たに作る必要あり

8. Firebase/Firestore ⽤ Elastic App Search 統合
https://www.elastic.co/jp/blog/accelerate-search-experiences-with-elastic-app-search-and-google-firebase
Firebase 統合
なぜこれが重要なのか
- アプリケーション内で効果的な検索エクスペリエンスを
構築することは困難
- ユーザーは、ストアで商品を検索する場合も、サポート
サイトの記事を検索する場合も、会社のブログに投稿
する合でも、迅速な結果を期待
- 拡張機能を使⽤して⾼速でスケーラブルで関連性の
⾼い検索エクスペリエンスを Firebase モバイルおよび
Web ベースのアプリケーションに簡単に組み込める
- アプリケーションに検索を追加する⽅法と、数回クリック
するだけで開始する⽅法の詳細
Google Firebase 拡張機能ディレクトリ
の Elastic App Search 拡張機能
Elastic App Search エンジン作成と
Firebase からのドキュメント受信の設定
https://firebase.google.com/products/extensions/firestore-elastic-app-search/
Elastic 7.15 新機能

9. Kotlin x Firebase サンプルアプリ構成 (CQRS)
Cloud
Function
Firebase
Firestore
Elastic Cloud
プロジェクト
northeast1-b リージョン
マスターノード x 1
データノード x 2
ML ノード x 1
https://google-cloud-day-
digital-2021.es.asia-
northeast1.gcp.cloud.es.io
:9243
検索結果
全⽂検索クエリ
データ保存
Cloud Function で同期
VSCode
iOS / Android
Mobile App
Kotlin
Elastic
APM
Agent
Elastic
Search UI
React Web App
Elastic APM Agent
Firebase/Firestore ⽤ Elastic App Search 統合拡張機能
でノンコーディングで実現︕
App Search 内蔵の Reference UI で
Web 版 React アプリの雛形⾃動⽣成
Elastic エンタープライズサーチ

10. Demo

13. リソース
l Firebase x Elastic を使ったアプリ開発
l Firebase/Firestore ⽤ App Search 連携
https://firebase.google.com/docs/firestore/solutions/search?provider=elastic
https://www.elastic.co/jp/blog/accelerate-search-experiences-with-elastic-app-search-and-google-firebase

14. Elastic App Search
Reference UI
⽣成が容易
数回のクリックで検索インターフェイスを
設定するだけ
統合が容易
ZIP パッケージをダウンロードし、
アプリケーションでコードを使⽤する
最初の出発点
新しい検索を開始しておいて、
後でカスタマイズすることが可能

15. Elastic ＆ Google Cloud、強化されたデータ統合機能について
(BigQuery, Firestore, DataFlow, GCS, PubSub)
https://qiita.com/shosuz/items/9e375fea6f5016e4fc8f

16. Thank you for your attention!