Categories
AlgoliaCloudflare
Cloudflare Workers上でAlgoliaの検索を実装する際に発生する「XMLHttpRequest is not defined」エラーの解決法。fetch requesterを活用した具体的な実装方法を解説します。
AlgoliaNext.jsReact
Algoliaが提供しているreact-instantsearch-hooksを使う場合、InstantSearchコンポーネントの下にはSSRやSSGしたいコンテンツ（OGP / SEO系など）を配置するとうまく動かな […]
AlgoliaReact
AlgoliaのReact Instantsearch Hooksを使って、任意のタイミングで検索を実行するの応用編です。 前の記事でやったこと useInstantSearch()フックを利用して、任意のタイミングで検 […]
Instantsearch Hookには、その名の通りReact Hookが用意されています。 このHookの戻り値を使うことで、検索フォームへの情報入力以外の、任意のタイミングで検索を実行できます。 UIStateを更 […]
AlgoliaのReact Instantsearch Hooksを使った場合、検索フォームに入力したキーワードなどがURLにクエリ文字列として追加されます。 例: https://example.com?example […]
AlgoliaJavaScriptSaaS / FaaSStripe
Algolia Advent Calendar 2021 19日目の記事です。 Stripeには、ベータ版ですが「Search API」があります。これを使うことで、商品データの検索などを行うことができます。 ですが、複 […]
AlgoliaJavaScriptReactSaaS / FaaS
この記事はAlgolia Advent Calendar2021、5日目の記事です。 やりたかったこと（背景） 自分のサイトに、プレミアム機能的なものをつけてみたかった プレミアム限定にできそうな機能で、やる気が出そうな […]
AlgoliaSaaS / FaaS
Algolia Crawler + Netlifyを試したかったので、Gatsbyサイトを1つ生贄にしてみました。 多分こっちの方がGatsbyなら向いてると思う記事 GatsbyプラグインでAlgoliaにインデックス […]
Algolia Instantsearchをヘッダーなどレイアウト部分に配置している場合、「リンクをクリックしてページ遷移した後は、検索結果を表示しない」動作を実装したくなります。 connectSearchBoxとHi […]
Algoliaには「検索結果をクリックされた・カートに追加された」などをトラッキングするAnalytics機能が用意されています。これをReact Instantsearchで導入したアプリに追加したので、その時の方法を […]
