---
title: Firebase, Firestore Extension for Elastic App Search Integration
tags:  #elasticsearch #elastic #elastic stack #elastic cloud  
author: [Shotaro Suzuki](https://convert.docswell.com/user/shosuz)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/4JQX9W65EP.jpg?width=480
description: 「Firebase, firestore 拡張機能 による elastic app search 連携について」 https://jaguer-cloud-native.connpass.com/event/231835/
published: December 22, 21
canonical: https://convert.docswell.com/s/shosuz/57VGVJ-firebase-firestore-extension-for-elastic-app-search-integration
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/4JQX9W65EP.jpg)

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


# Page. 2

![Page Image](https://bcdn.docswell.com/page/K746XK4VE1.jpg)

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


# Page. 3

![Page Image](https://bcdn.docswell.com/page/LJ1VNX44EG.jpg)

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


# Page. 4

![Page Image](https://bcdn.docswell.com/page/GJWL4NXZE2.jpg)

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


# Page. 5

![Page Image](https://bcdn.docswell.com/page/4EZM236LJ3.jpg)

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


# Page. 6

![Page Image](https://bcdn.docswell.com/page/Y76NVX2M7V.jpg)

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


# Page. 7

![Page Image](https://bcdn.docswell.com/page/G755DX2Q74.jpg)

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


# Page. 8

![Page Image](https://bcdn.docswell.com/page/9J2N8X4WER.jpg)

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


# Page. 9

![Page Image](https://bcdn.docswell.com/page/DEYP68M9EM.jpg)

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


# Page. 10

![Page Image](https://bcdn.docswell.com/page/VJN5ZQWD78.jpg)

Demo


# Page. 11

![Page Image](https://bcdn.docswell.com/page/YE9YZDX8J3.jpg)



# Page. 12

![Page Image](https://bcdn.docswell.com/page/GE86132Z7D.jpg)



# Page. 13

![Page Image](https://bcdn.docswell.com/page/LEL9QV21JR.jpg)

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


# Page. 14

![Page Image](https://bcdn.docswell.com/page/4JMZ1G85EW.jpg)

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


# Page. 15

![Page Image](https://bcdn.docswell.com/page/PJR6LZ5Z79.jpg)

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


# Page. 16

![Page Image](https://bcdn.docswell.com/page/PEXMW9K17X.jpg)

Thank you for your attention!


