Elasticsearch簡易検索UI構築 - Search UI編-

Elasticsearch簡易検索UI構築 ～Search UIとSearchkit～ 2023/12/05 Jun Ohtani / @johtani 1

自己紹介 フリーランスエンジニア / コンサルタント 検索技術勉強会主催者の一人 検索システムの著者の一人 （ラムダノートより出版） 2

宣伝 絶賛発売中 検索についてはこちらの本が いいらしいですよ（ステマ） 以下、書籍のページへ 3

Elasticsearchに入れたデータを検索するのに… KibanaのDev Tool？ KibanaのDiscover？ 毎回自作アプリ？ curl?? 4

Search UI知ってますか？ https://github.com/elastic/search-ui App SearchとSite Searchの簡易UI用JavaScriptライブラリとし て始まる React以外との併用も可能 App Searchの画面構築の機能としても提供 5

Search UI https://github.com/elastic/search-ui 6

Search UI on App Search https://www.elastic.co/guide/en/app-search/8.11/reference-ui-guide.html 7

Search UI on App Search 8

App Search メリット Elasticsearchのスキーマもクエリも操作も大変 App SearchならGUIでスキーマ定義可能 検索リクエストの分析画面もある クローラーもある 関連度調整GUIもある 9

App Search/Enterprise Search デメリット ローカルだと別途サーバー立てないといけない 便利だけど今はやりのVector Searchができない Esのいろんなクエリを駆使できない NestedとかJoin Typeとか 10

あとこんなブログも出てる Evolution of Workplace Search: Search your private data with Elasticsearch Elasticsearch is the recommended tool to build search experiences for internal knowledge search use cases going forward. The standalone Workplace Search product will continue to be supported in its current form. New features will be added to Elasticsearch, Workplace Search will receive security upgrades and fixes. https://www.elastic.co/jp/blog/evolution-workplace-search-private-data-elasticsearch 11

あとこんなブログも出てる(抄訳) Evolution of Workplace Search: Search your private data with Elasticsearch 社内のナレッジ検索ユースケースで今後の推奨はElasticsearch スタンドアローンのWorkplace Search製品は今の形でサポートするけど、新機能 はElasticsearchに追加して、Workplace Searchにはセキュリティアップグレードと 修正が入る予定だよ。 ちなみに、Workplace Search、Enterprise Search、App Searchどこまでに影響があるの かは不明？ https://www.elastic.co/jp/blog/evolution-workplace-search-private-data-elasticsearch 12

Search UI with Elasticsearch https://docs.elastic.co/search-ui/api/connectors/elasticsearch Technical Preview Search UI provides a way to connect to Elasticsearch directly without needing Enterprise Search. This is useful for when you don’t need the features of Enterprise Search, such as relevance tuning. 抄訳 Enterprise Searchの機能が不要なら、Enterprise Search抜きでElasticsearchに直接 接続できる。 13

Es connector APIとSearch UI Search UIはもともとはApp SearchのAPI向けの仕組み EsへのコネクタAPIはこんな感じの処理 14

デモ チュートリアルをちょっと変更したもの コンテンツはブログ https://docs.elastic.co/search-ui/tutorials/elasticsearch 15

read-onlyでAPIキー 16

CORS設定 17

直接Esを呼びたくない場合には？ Custom Connectorリクエストとレスポンスをスルー バックエンドでEs Connectorを利用する 18

Searchkit v3とSearch UI Esのクエリ、レスポンスの変換を調べてみると。。。 Searchkit？ 19

Search UIとSearchkit Search UIが利用しているSearchkitはv3.0みたい 以下、package.jsonより抜粋 https://github.com/elastic/search-ui/blob/main/packages/search-ui-elasticsearchconnector/package.json 20

Searchkitとは https://www.searchkit.co/ オープンソースのライブラリ …続きは 21

第57回Elasticsearch勉強会 2023年12月13日 19:30 （オンラインLT大会） https://www.meetup.com/ja-JP/tokyo-elastic-fantastics/events/296966027/ 22

まとめ ちょっと画面作りたくなったら Search UI便利かも？ けど、Search Applicationってのも出てきてどうなるんだろ う？ 23

大事なのでもう一度 宣伝 検索についてはこちらの本が いいらしいですよ（ステマ） 以下、書籍のページへ 24