Introduction to extensions and other useful features for developing apps using elastic ui, cloud integration, low-code tool integration-

Elastic を使ったアプリ開発に役⽴つ
拡張機能等のご紹介
– UI、クラウド連携、ローコードツール連携 –
鈴⽊章太郎
Elastic テクニカルプロダクトマーケティングマネージャー/エバンジェリスト
デジタル庁省庁業務グループソリューションアーキテクト

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

l Elastic を使ったアプリ開発
l Elasticsearch for VSCode
l Reference UI/Search UI/ReactiveSearch
l Firestore ⽤ App Search 連携
l Microsoft Power BI Desktop
l OutSystems Forge
l Elastic Cloud ⽤ Terraform 検証済みプロバイダー
l Elastic Cloud & Vault 統合
l Azure Container Apps/Dapr
l Azure Synapse ML
l まとめ
アジェンダ

Elastic を使った Azure アプリ開発例 (CQRS)
Azure
Functions
Azure
Cosmos DB
Elastic Cloud
東⽇本リージョン
マスターノード x 1
データノード x 2
ML ノード x 1
https://f79...c67.japaneast
.azure.elastic-
cloud.com:9243/
検索結果
全⽂検索クエリ
データ保存
Elastic エンタープライズサーチ
検索・更新 UI
APM .NET Agent
ASP.NET 5
Web App,
Blazor App
Reactive
Search
検索専⽤ UI
APM SPA Agent
Azure Static
Web Apps
Azure サブスクリプション
VSCode
Azure
App Service
Azure Functions で同期
Change Feed

Elasticsearch for VSCode
https://marketplace.visualstudio.com/items?itemName=ria.elastic
http://user:pass@host:9200
https://elastic:RHGj80iJUO6CF7WBUMiwyu
1x@8009bf958b6w5923b3c56983d4048df
824.japaneast.azure.elastic-
cloud.com:9243

EC サイトを例にした検索のエクスペリエンス
フリーワード検索
サジェストページング
集計
絞り込み
ハイライト
ソート

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

Search-UI
https://github.com/elastic/search-ui Elastic AppSearch または ElasticSite Search
特徴
• Elastic によって管理
• 迅速な実装 - 数⾏のコードで完全な検索エクスペリエンス
を構築
• カスタマイズ可能 r- コンポーネント、マークアップ、スタイル、
および動作を好みに合わせて調整
• スマート URL - 検索、ページング、フィルタリングなどが
URL に取り込まれ、結果を直接リンク
• ヘッドレス-アプリケーションロジックを活⽤して、独⾃のコンポ
ーネントまたはビューを提供
• 柔軟なフロントエンド – React のみならずあらゆる
JavaScript ライブラリで使⽤可能
• 柔軟なバックエンド – ElasticAppSearch のみならず任
意のバックエンドで使⽤可能
優れた React 検索エクスペリエンスを迅速に構築する⽅法
https://www.elastic.co/jp/blog/how-to-build-great-react-search-experiences-quickly

ReactiveSearch
https://opensource.appbase.io/reactivesearch/

Google Cloud サンプルアプリ構成 (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 で同期
Elastic エンタープライズサーチ
VSCode
iOS / Android
Mobile App
React
Native
Elastic
APM
Agent
Elastic
Search UI
React Web App
Elastic APM Agent

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

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 新機能
https://qiita.com/shosuz/items/9e375fea6f5016e4fc8f

Microsoft Power BI Desktop
https://www.elastic.co/guide/en/elasticsearch/reference/current/sql-client-apps-powerbi.html
#CNDT2020
Elasticsearch ODBC ドライバを使⽤すると、Microsoft Power BI Desktop から Elasticsearch データにアクセスすることができます。
Visualize the data
Pick table to load
ODBC / Connect
Get Data / More…
Choose DSN

OutSystems Forge – Elastic で検索
https://www.outsystems.com/forge/list?q=Elastic&t=&o=most-popular&tr=False&oss=False&c=%20&a=&v=&hd=False&tn=&scat=forge
エンタープライズ向けローコード開発ツールのユーザーコミュニティが開発したプラグイン
ダウンロードして Service Studio にインストールして使う

Elastic and HashiCorp partner to bring
infrastructure-as-code to Elastic Cloud
https://www.elastic.co/jp/blog/elastic-hashicorp-partner-to-bring-infrastructure-as-code-to-elastic-cloud

Elastic 社と HashiCorp 社が提携し
Elastic Cloud で Infrastructure-as-code を可能に
• Elastic Cloud ⽤ Terraform 検証済みプロバイダー
• Elastic Cloud
• Elastic Cloud Enterprise
• Elastic Cloud on Kubernetes
• Elastic Cloud Terraform プロバイダの使⽤
• 同じ⾃動化コードを使⽤してデプロイメントを実施可能
• オンプレミス or 全パブリッククラウド（AWS/Azure/GCP）で実⾏できる
• このプロバイダはベータ版 beta version がベース
• オートスケーリング autoscaling やデプロイメントエイリアスなどの Elastic Cloud の機能を活⽤できる
• 新しいデプロイメント拡張機能を利⽤して ARM64 デバイス上でプロバイダを実⾏できる

デプロイメントエイリアス – AWS の例
resource "ec_deployment" "example_minimal" {
region = "us-east-1"
name = "my-example-deployment"
// The deployment can be reached on:// my-
alias.es.us-east-1.aws.cloud.es.io:9423
alias = "my-alias"
version = "7.14"
deployment_template_id = "aws-io-optimized-v2"
elasticsearch {
autoscale = "true"
topology {
id = "cold"
size = "8g"
}
topology {
id = "hot_content"
size = "8g"
autoscaling {
// Optionally change the policy max size.
max_size = "59g"
}
---
---
}
topology {
id = "warm"
size = "8g"
}
}
kibana {}
apm {}
enterprise_search {}
}

Elastic Cloud & Vault 統合
https://www.hashicorp.com/blog/confluent-jfrog-servicenow-integrations-highlight-additions-vault-ecosystem
Elastic Agent は Vault から監査、ログ、メトリクスを収集し、Elastic Observability で監視することが可能

Azure Container Apps PREVIEW
最新のアプリの構築とデプロイを⼤規模に⾏うためのフルマネージドサーバーレスコンテナーサービス
#CNDT2020
複雑なインフラストラクチャを管理することなく、コンテナー化されたアプリをデプロイできます。任意のプログラミング⾔語またはフレームワークを使⽤して
コードを書き、Distributed Application Runtime (Dapr) の全⾯的なサポートを利⽤してマイクロサービスを構築できます。HTTP トラフィック
や、Kubernetes Event-Driven Autoscaling (KEDA) を利⽤するイベントに基づいて動的にスケーリングできます。
https://azure.microsoft.com/ja-jp/services/container-apps/

Dapr Observability とは
• Dapr API をすべてのサービス間コールと pub/sub メッセージングに使⽤することで、アプリケーションを意識した
⾃動観測が実現できる
• Daprの Sidecar が設定ファイルに基づいてトレースを⾏うため、観測のための追加のコードは必要ない
https://github.com/dapr
#CNDT2020
• Dapr は W3C trace context や
OpenTelemetry のような標準に準拠
• Zipkin プロトコルを使⽤してトレースを出⼒。
これをサポートするあらゆるツールと統合可能
• OpenTelemetry Collector を使⽤して、他
のモニタリングツールと統合することもできる
• W3C trace context との互換性により、
Dapr は trace context 管理に柔軟性を付
与。これにより、アプリケーションの外部で⽣成さ
れた trace context を受け⼊れたり、送信処
理を追加することで trace context を外部に
伝播したりできる

Dapr の Observability
Dapr Sidecar からサービスのメトリクス、ログ、トレースを収集
コントロールプレーンのサービス（Dapr Placement, etc.）は現状メトリクスとログのみを提供
Application Dapr Sidecar
Metrics
Tracing
Logging
Dashboard
はテンプレートが
提供されている
#CNDT2020
https://docs.microsoft.com/ja-jp/dotnet/architecture/dapr-for-net-developers/observability
代表的な構成例

Dapr の Observability
Dapr Sidecar からサービスのメトリクス、ログ、トレースを収集
コントロールプレーンのサービス（Dapr Placement, etc.）は現状メトリクスとログのみを提供
完全に Elastic Observability で置換する
#CNDT2020 33 https://bit.ly/32uqZKc
https://docs.microsoft.com/ja-jp/dotnet/architecture/dapr-for-net-developers/observability
application Dapr Sidecar
Metrics
Tracing
Logging
Dashboard は
テンプレートが提供
されている
33

SynapseML
A simple, multilingual, and massively parallel machine learning library
Data Source Agnostic なので Elastic も含まれる
https://www.microsoft.com/en-us/research/blog/synapseml-a-simple-multilingual-and-massively-parallel-machine-learning-library/
本⽇、⼤規模スケーラブルな機械学習（ML）パ
イプラインの作成を簡素化するオープンソース
ライブラリ、SynapseML（旧MMLSpark）のリ
リースを発表しました。分散型MLパイプライン
の構築は、熟練した開発者であっても困難な場
合があります。異なるエコシステムのツールを
組み合わせるには、かなりの「糊付け」コード
が必要になることが多く、また、多くのフレー
ムワークは数千台規模のエラスティッククラス
ターを念頭に置いて設計されていません。
SynapseMLは、既存のMLフレームワークや新し
いMicrosoftアルゴリズムを、Python、R、Scala、
Javaで使⽤可能な単⼀のスケーラブルなAPIに統
合することで、この課題を解決します。
SynapseMLを使⽤することで、開発者は以下の
ようなドメインの課題を解決するためのスケー
ラブルでインテリジェントなシステムを構築す
ることができます。
- 異常検知
- コンピュータビジョン
- 深層学習
- 形状・顔認識
- グラディエント・ブースト
- マイクロサービス・オーケストレーション
- モデルの解釈可能性
- 強化学習とパーソナライゼーション
- 探索・検索
- ⾳声処理
- テキストアナリティクス
- 翻訳

まとめ
l Elasticsearch for VSCode
l Reference UI/Search UI/ReactiveSearch
l Firestore ⽤ App Search 連携
l Microsoft Power BI Desktop
l OutSystems Forge
l Elastic Cloud ⽤ Terraform 検証済みプロバイダー
l Elastic Cloud & Vault 統合
l Azure Container Apps/Dapr
l Azure Synapse ML

VIRTUAL DEVDAY
Elastic Observability で
AWS 環境の健全性とパフォーマンスを
監視する - Search. Observe. Protect.
https://events.elastic.co/elasticawsdevdayjapan
12/15 Webinar

Elastic Community Conference on Feb. 11-12, 2022
https://sessionize.com/elastic-community-conference/

Introduction to extensions and other useful features for developing apps using elastic ui, cloud integration, low-code tool integration-

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Introduction to extensions and other useful features for developing apps using elastic ui, cloud integration, low-code tool integration-

Similar to Introduction to extensions and other useful features for developing apps using elastic ui, cloud integration, low-code tool integration- (20)

More from Shotaro Suzuki

More from Shotaro Suzuki (20)

Recently uploaded

Recently uploaded (16)

Introduction to extensions and other useful features for developing apps using elastic ui, cloud integration, low-code tool integration-