狠狠撸

狠狠撸Share a Scribd company logo
Building a search experience with Elastic –
App Search/Elastic Cloud, Docker, Python,
React Search UI を使った最新サンプルアプリのご紹介
鈴? 章太郎
Elastic テクニカルプロダクトマーケティングマネージャー/エバンジェリスト
デジタル庁 省庁業務グループ ソリューションアーキテクト
Elastic
Technical Product Marketing
Manager/Evangelist
デジタル庁
省庁業務グループ
ソリューションアーキテクト
元 Microsoft Technical Evangelist
Twitter : @shosuz
Shotaro Suzuki
l アプリ概要
l Elastic Cloud セットアップ
l データ取り込み
l データ検索
l リソース他
アジェンダ
アプリ概要
アプリ概要?Elastiflix
Elastiflix は、インターネットムービーデータベース The Movie Database (TMDB)から
公開されているデータを使?した Web ベースのユーザーインターフェイスを提供する架空のビデオ
ストリーミングサービス会社です。
Elastiflix は、Elastic Cloud に格納された TMDB データのインデックス付きコピーからデータを
クエリするメカニズムを提供します。
優れた検索エクスペリエンスを提供するために、当該データに対する、?パフォーマンスで柔軟な
管理とクエリを可能にします。
https://www.elastic.co/jp/blog/building-a-search-experience-with-elastic
? 本社 Principal Product Marketing Manager である
Issac Levin が作成し、上記ブログで公開
? Elastic が開発者に豊富な検索ソリューションを構築する?を
与える?法を紹介するエンドツーエンドのデモ
? Enterprise Search Python ライブラリを使?して
Elastic Enterprise Search にデータを取り込む
? 無料のオープンソースツールである Search UI を使?して
React で最新の UI を作成する
Elastic Cloud セットアップ
Elastic Cloud デプロイ
●Elastic Cloud のデプロイメントに伴い下記データを取得
? ELASTICSEARCH_PASSWORD?
デプロイメントの作成時に表?されるパスワード
? CLOUD_ID?デプロイメントページにある URL
? AS_BASE_URL: App Search インスタンスの URL
? AS_SEARCH_API_KEY?検索エクスペリエンス?の API キー
データの取り込み
GitHub レポジトリからアプリのダウンロード
●Docker コンテナとして実?できる2つのモジュールで構成
●Elastic Cloud での取り込み、管理、検索のエンドツーエンドの
エクスペリエンスが可能
●git clone https://github.com/elastic/elastiflix
●Docker Desktop
Elastiflix GitHub リポジトリ
env ファイルへの書き込み
●env
ELASTICSEARCH_PASSWORD=FNRJAZefYqDjnsA82OsgLRx8
AS_BASE_URL=https://search-ui.ent.asia-northeast1.gcp.cloud.es.io
AS_SEARCH_API_KEY=search-xmi5wgxb4gmahbg4eyoin5bp
CLOUD_ID=search_ui:YXNpYS1ub3J0aGVhc3QxLmdjcC5jbG91ZC5lcy5pbyQ2NjQ3NT
E1ZDExNjE0YWJmOWFjMGYxZWY3NjViNWVmYiQ0NWE2ZDdlM2Y4NDM0NDEyOGQ3MGFhNzE
1ODYzOTdjZQ==
ENGINE_NAME=tmdbd
DATA_FOLDER=/opt/tmdb-data
ANALYTICS_FOLDER=/opt/analytics-data/
CONFIG_FOLDER=/opt/tmdb-config
SKIP_PREFLIGHT_CHECK=true
スクリプトの内容と docker コマンド
●/src/data-loader
●コンテナ作成時に実?されるスクリプトは2つ
○サンプルデータを?成するもの
○Elastic Cloud に対してシミュレーションを実?するもの
○- generate-analytics-input.py: TMDB の動画ファイルを読み込み、検索語のリストをランダムに作成する
○- generate-analytics.py: 全てのデータファイルを集計し、様々な検索を?う
●docker イメージのビルドと実?
//../src/data-loader/ にいることを確認して下記のコマンドを使?
bash
docker build . -t data-loader:latest
docker run --env-file env data-loader:latest
データの取り込み結果の確認
●Kibana でデータの取り込み結果の確認
●データ数他 ●Synonym
データの検索
.env ファイルへの書き込み
●.env
AS_BASE_URL=https://search-ui.ent.asia-northeast1.gcp.cloud.es.io
AS_SEARCH_API_KEY=search-xmi5wgxb4gmahbg4eyoin5bp
ENGINE_NAME=tmdb
スクリプトの内容と docker コマンド
●/src/streaming-ui
●Elastic Cloud デプロイメントから映画を検索するためにあらかじめ設定された React App
●React と Typescript で書かれた無料のオープンソースパッケージである Search UI
(https://github.com/elastic/search-ui)を使?
○Elastic が開発?保守する検索?のビジュアルインターフェイス
●docker イメージのビルドと実?
//../src/streaming-ui/ にいることを確認して下記のコマンドを使?
bash
docker build . -t elastiflix-ui:latest
docker run -d --env-file scripts/.env -p 5000:80 elastiflix-ui
データの検索アプリの実?
●ブラウザで https://localhost:5000 を開く
注?
Cloud Run (GCP) や、
Azure Container Instance
などに、どちらのコンテナも
デプロイしてしまっても良いかと…
リソース他
リソース
Building a search experience with Elastic
https://www.elastic.co/jp/blog/building-a-search-experience-with-elastic
注?Intel Mac または Windows 11 マシンで実?してください?
Elastic Maps の機能紹介
https://www.elastic.co/jp/virtual-events/intro-to-elastic-maps
Elasticsearch の Elastic Maps を使えば位置データの地理空間分析を?規模、かつリアルタイムに実現できます。レイヤー、
ポイント、シェイプ、ダイナミッククライアントサイドスタイリング等を活?してデータを分析する事で、次のアクションにつなげられます。
最新の Elastic Maps の機能をデモを交えてご紹介します。
オブザーバビリティの最新トレンド: 未来への展望 (6/29)
https://www.elastic.co/jp/virtual-events/observability-trends-2022
オブザーバビリティの最新トレンドについて、そしてこの領域に今後期待されることをお話しいたします。
多くの企業がハイブリッドクラウド環境に移?するにつれ、クラウドネイティブテクノロジーとその複雑性をオブザーバビリティで管理
することがますます重要になってきています。eBPF から機械学習、CI/CD パイプラインの可視化まで、我々が市場から?える
こと、 顧客がそれにどのようにアプローチしているか、そして近い将来の可能性?展望についてお話しします。
ElasticON Solution Seminar (7/21 10:00~12:00)
https://www.elastic.co/elasticon/event/solution-seminar-japan-jp
Elastic 社が主催する ElasticON は、世界の主要都市で開催されているユーザーさま向けのカンファレンス?セミナー形式の
イベントです。今回のセミナーでは、Elastic 8.2 シリーズの最新情報と、ライブデモ、そして我々のお客さまがどのようにデータの
利活?をしているかの導?/活?事例をご紹介いたします。是?この無料バーチャルイベントにご参加ください。
Elastic x mabl 共同セミナー (7/29 15:00~16:00)
https://www.elastic.co/jp/virtual-events/elastic-mabl-webinar
デジタルカスタマーエクスペリエンスの向上
? Elastic と mabl で実現する、ユーザー視点の アプリケーション Observability ?
Thank you for your attention!

More Related Content

Similar to Building a search experience with Elastic – Introducing Elastic's latest sample apps using App Search, Elastic Cloud, Docker, Python, and React Search UI.pdf (20)

PDF
Elastic on Azure Integration & Building React UI Based Search App Using Azure...
Shotaro Suzuki
?
PDF
モノタロウの1900万商品を検索する Elasticsearch構築運用事例(2022-10-26 第50回Elasticsearch 勉強会発表資料)
株式会社MonotaRO Tech Team
?
PDF
Migrating tocloudnativeapplicationwithusingelasticapm
Shotaro Suzuki
?
PDF
What's New in the Elastic 8.4 Release
Shotaro Suzuki
?
PDF
Firebase, Firestore Extension for Elastic App Search Integration-20220216
Shotaro Suzuki
?
PDF
Utilizing elasticcloudforallusecases
Shotaro Suzuki
?
PDF
実践!Elasticsearch + Sudachi を用いた全文検索エンジン
S. T.
?
PDF
Elastichelps fintechenablesdx usingaibasedautomationand anomalydetection
Shotaro Suzuki
?
PDF
ElasticSearch勉強会 第6回
Naoyuki Yamada
?
PDF
メテ?ィアコンテンツ向け记事検索顿叠として使う贰濒补蝉迟颈肠蝉别补谤肠丑
Yasuhiro Murata
?
PDF
Elastic事例 リクルートテクノロシ?ース?
Yoshio Fujimatsu
?
PDF
JPN_Elastic Corporate Deck_March2016_Japan_v3
Yoshio Fujimatsu
?
PDF
JJUG CCC リクルートの Java に対する取り組み
Recruit Technologies
?
PDF
贰濒补蝉迟颈肠蝉别补谤肠丑を使った罢飞颈迟迟别谤监视アプリ
YuichiArisaka
?
PDF
Elasticsearch at CrowdWorks
佑介 九岡
?
PDF
メテ?ィアコンテンツを支えるテ?ータストアサーヒ?スを础奥厂て?
Yasuhiro Murata
?
PDF
Centralized Observability for the Azure Ecosystem
Shotaro Suzuki
?
PDF
贰濒补蝉迟颈肠蝉别补谤肠丑プラグインの作り方
Shinsuke Sugaya
?
PDF
贰濒补蝉迟颈肠蝉别补谤肠丑の基本动作まとめ
朋哉 池田
?
PDF
elastic-mabl-co-webinar-20220729
Shotaro Suzuki
?
Elastic on Azure Integration & Building React UI Based Search App Using Azure...
Shotaro Suzuki
?
モノタロウの1900万商品を検索する Elasticsearch構築運用事例(2022-10-26 第50回Elasticsearch 勉強会発表資料)
株式会社MonotaRO Tech Team
?
Migrating tocloudnativeapplicationwithusingelasticapm
Shotaro Suzuki
?
What's New in the Elastic 8.4 Release
Shotaro Suzuki
?
Firebase, Firestore Extension for Elastic App Search Integration-20220216
Shotaro Suzuki
?
Utilizing elasticcloudforallusecases
Shotaro Suzuki
?
実践!Elasticsearch + Sudachi を用いた全文検索エンジン
S. T.
?
Elastichelps fintechenablesdx usingaibasedautomationand anomalydetection
Shotaro Suzuki
?
ElasticSearch勉強会 第6回
Naoyuki Yamada
?
メテ?ィアコンテンツ向け记事検索顿叠として使う贰濒补蝉迟颈肠蝉别补谤肠丑
Yasuhiro Murata
?
Elastic事例 リクルートテクノロシ?ース?
Yoshio Fujimatsu
?
JPN_Elastic Corporate Deck_March2016_Japan_v3
Yoshio Fujimatsu
?
JJUG CCC リクルートの Java に対する取り組み
Recruit Technologies
?
贰濒补蝉迟颈肠蝉别补谤肠丑を使った罢飞颈迟迟别谤监视アプリ
YuichiArisaka
?
Elasticsearch at CrowdWorks
佑介 九岡
?
メテ?ィアコンテンツを支えるテ?ータストアサーヒ?スを础奥厂て?
Yasuhiro Murata
?
Centralized Observability for the Azure Ecosystem
Shotaro Suzuki
?
贰濒补蝉迟颈肠蝉别补谤肠丑プラグインの作り方
Shinsuke Sugaya
?
贰濒补蝉迟颈肠蝉别补谤肠丑の基本动作まとめ
朋哉 池田
?
elastic-mabl-co-webinar-20220729
Shotaro Suzuki
?

More from Shotaro Suzuki (20)

PDF
This is how our first offline technical event in three years was able to succ...
Shotaro Suzuki
?
PDF
Introducing the new features of the Elastic 8.6 release.pdf
Shotaro Suzuki
?
PDF
NET MAUI for .NET 7 for iOS, Android app development
Shotaro Suzuki
?
PDF
What's New in the Elastic 8.5 Release
Shotaro Suzuki
?
PDF
Power Apps x .NET ~ Transforming Business Applications with Fusion Development
Shotaro Suzuki
?
PDF
devreljapan2022evaadvoc-final.pdf
Shotaro Suzuki
?
PDF
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
?
PDF
Discover what's new in the Elastic 8.3 release - Find, monitor, and protect e...
Shotaro Suzuki
?
PDF
Developing .NET 6 Blazor WebAssemby apps with Radzen Blazor component library...
Shotaro Suzuki
?
PDF
Elastic x Microsoft Azure Integration Evolution - Integrated Monitoring for S...
Shotaro Suzuki
?
PDF
Building 3D mobile apps using Power Apps Mixed Reality controls, Azure SQL Da...
Shotaro Suzuki
?
PDF
What's New in the Elastic 8.2 Release - Seamless User Experience with Search -
Shotaro Suzuki
?
PDF
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
?
PDF
Building Software Reliability through Distributed Tracing.pdf
Shotaro Suzuki
?
PDF
Building a Flutter Development Environment with VSCode and Useful Extensions
Shotaro Suzuki
?
PDF
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
?
PDF
Introducing Elastic 8.1 Release - More Integration, Faster Indexing Speed, Lo...
Shotaro Suzuki
?
PDF
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
?
PDF
Introducing the elastic 8.0 release a new era of speed, scale, relevance, and...
Shotaro Suzuki
?
PDF
Let's build a simple app with .net 6 asp.net core web api, react, and elasti...
Shotaro Suzuki
?
This is how our first offline technical event in three years was able to succ...
Shotaro Suzuki
?
Introducing the new features of the Elastic 8.6 release.pdf
Shotaro Suzuki
?
NET MAUI for .NET 7 for iOS, Android app development
Shotaro Suzuki
?
What's New in the Elastic 8.5 Release
Shotaro Suzuki
?
Power Apps x .NET ~ Transforming Business Applications with Fusion Development
Shotaro Suzuki
?
devreljapan2022evaadvoc-final.pdf
Shotaro Suzuki
?
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
?
Discover what's new in the Elastic 8.3 release - Find, monitor, and protect e...
Shotaro Suzuki
?
Developing .NET 6 Blazor WebAssemby apps with Radzen Blazor component library...
Shotaro Suzuki
?
Elastic x Microsoft Azure Integration Evolution - Integrated Monitoring for S...
Shotaro Suzuki
?
Building 3D mobile apps using Power Apps Mixed Reality controls, Azure SQL Da...
Shotaro Suzuki
?
What's New in the Elastic 8.2 Release - Seamless User Experience with Search -
Shotaro Suzuki
?
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
?
Building Software Reliability through Distributed Tracing.pdf
Shotaro Suzuki
?
Building a Flutter Development Environment with VSCode and Useful Extensions
Shotaro Suzuki
?
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
?
Introducing Elastic 8.1 Release - More Integration, Faster Indexing Speed, Lo...
Shotaro Suzuki
?
Application development with c#, .net 6, blazor web assembly, asp.net web api...
Shotaro Suzuki
?
Introducing the elastic 8.0 release a new era of speed, scale, relevance, and...
Shotaro Suzuki
?
Let's build a simple app with .net 6 asp.net core web api, react, and elasti...
Shotaro Suzuki
?
Ad

Recently uploaded (9)

PPTX
勉強会_ターミナルコマント?入力迅速化_20250620. pptx. .
iPride Co., Ltd.
?
PDF
安尾 萌, 北村 茂生, 松下 光範. 災害発生時における被害状況把握を目的とした情報共有システムの基礎検討, 電子情報通信学会HCGシンポジウム2018...
Matsushita Laboratory
?
PDF
論文紹介:Unbiasing through Textual Descriptions: Mitigating Representation Bias i...
Toru Tamaki
?
PDF
論文紹介:AutoPrompt: Eliciting Knowledge from Language Models with Automatically ...
Toru Tamaki
?
PPTX
色について.pptx .
iPride Co., Ltd.
?
PDF
安尾 萌, 松下 光範. 環境馴致を計量可能にするための試み,人工知能学会第4回仕掛学研究会, 2018.
Matsushita Laboratory
?
PDF
安尾 萌, 藤代 裕之, 松下 光範. 協調的情報トリアージにおけるコミュニケーションの影響についての検討, 第11回データ工学と情報マネジメントに関する...
Matsushita Laboratory
?
PDF
Forguncy 10 製品概要資料 - ノーコードWebアプリ開発プラットフォーム
フォーガンシー
?
PPTX
Vibe Codingを始めよう ?Cursorを例に、ノーコードでのプログラミング体験?
iPride Co., Ltd.
?
勉強会_ターミナルコマント?入力迅速化_20250620. pptx. .
iPride Co., Ltd.
?
安尾 萌, 北村 茂生, 松下 光範. 災害発生時における被害状況把握を目的とした情報共有システムの基礎検討, 電子情報通信学会HCGシンポジウム2018...
Matsushita Laboratory
?
論文紹介:Unbiasing through Textual Descriptions: Mitigating Representation Bias i...
Toru Tamaki
?
論文紹介:AutoPrompt: Eliciting Knowledge from Language Models with Automatically ...
Toru Tamaki
?
色について.pptx .
iPride Co., Ltd.
?
安尾 萌, 松下 光範. 環境馴致を計量可能にするための試み,人工知能学会第4回仕掛学研究会, 2018.
Matsushita Laboratory
?
安尾 萌, 藤代 裕之, 松下 光範. 協調的情報トリアージにおけるコミュニケーションの影響についての検討, 第11回データ工学と情報マネジメントに関する...
Matsushita Laboratory
?
Forguncy 10 製品概要資料 - ノーコードWebアプリ開発プラットフォーム
フォーガンシー
?
Vibe Codingを始めよう ?Cursorを例に、ノーコードでのプログラミング体験?
iPride Co., Ltd.
?
Ad

Building a search experience with Elastic – Introducing Elastic's latest sample apps using App Search, Elastic Cloud, Docker, Python, and React Search UI.pdf