Search UI

包括的な検索UIへの近道

数行のコードを加えるだけで、検索用インターフェースとフレキシブルな検索コンポーネントを作成できます。リッチな絞り込み機能を活用して、高度にカスタマイズ可能な検索エクスペリエンスを開発しましょう。エンドユーザーが、探している情報をすぐに発見できるようになります。

Video thumbnail

Elasticを活用して、アプリやWebサイトにリッチで関連性に優れた検索を追加する方法を紹介しています。

動画を視聴する

Search UIを導入して、最新の検索エクスペリエンスを構築しましょう。

ドキュメントを見る

Webサイトの検索エクスペリエンスが、閲覧者の満足度の決め手となることは少なくありません。Webサイトエンゲージメントを高める方法についてご確認ください。

ブログ記事を読む

特長

プリビルト&Search UIのサポート

検索アプリのフロントエンドに人気のさまざまな検索機能を追加できます。設定せずに実装でき、すばやく正確な結果が返ってきます。検索ユーザーエクスペリエンスのベストプラクティスを手早く、気負わず構築しましょう。

  • 逐次検索

    1文字入力するたびに検索を開始する、search-as-you-typeフィールドを追加しましょう。エンドユーザーをすばやく回答へと導くことができます。

  • フィルタリング、ファセット、ソート

    エンドユーザーが手動で検索結果を絞り込めば、細かなニーズにもぴったりマッチします。

  • ページネーション&ハイライト

    検索結果の自動ページネーションや一致用語の強調を行って、検索結果を読みやすく表示します。

  • 入力予測

    言語予測ツーリングを活用して、エンドユーザーがクエリを入力するたびに入力候補を提示できます。

短時間ではじめる

シンプル、フレキシブル、パワフル

多彩かつモバイルフレンドリーなコンポーネントを使って検索インターフェースを構築できます。思いのままにカスタマイズして、ユースケースに最適なインターフェースを作成しましょう。 

  • 5分で準備完了

    ダウンロードして、コンポーネントを選択。アプリにコードを数行追加。これで準備完了です。

  • オープンスース&すぐれたカスタマイズ性

    すべてのコンポーネントのスタイルを自由に選んで調整しましょう。エンドユーザーを強く惹きつける、独自のエクスペリエンスを構築できます。もちろんすべて、オープンソースです。

  • フレキシブルなフロントエンド

    フレームワークのロジックを組織のコンポーネントに拡張して、活用してみましょう。

  • URL同期

    URLからフィルター、クエリ、ページネーションなど、すべてのクエリパラメーターを自動で捕捉して、ユーザーエクスペリエンスの最適化に役立てることができます。

  • 相互運用性

    Search UIはあらゆる検索サービスに使用可能です。またElasticsearch向けのプリビルトコネクターを提供しています。

  • Reactも、vanillaも、それ以外も

    Search UIの基盤ライブラリは100%Typescriptで記述されており、あらゆるJavaScriptフレームワークに対応します。