このブログの記事検索にAlgoliaを使っています。 algolia - ゆるふわキャンパー Algoliaはjsonでデータをクラウドにアップロードし、APIで検索したいキーワードを投げて結果を得ることの出来るサービスです。 AlgoliaはREST API以外にも一通り有名どころの言語のライブラリを提供しています。今回はGolangのライブラリを使用して、私のブログの記事を検索してjsonで結果を得るところまでやってみます。 準備としてとりあえずalgoliasearchをインストールしておきます。 go get github.com/algolia/algoliasearch-client-go/algoliasearch 簡単なことからやってみる まずはQuick Startに従ってサンプルデータの検索をやってみます。 Quick Startではデータを登録する例から始まっていますが、今回はサンプルデータを手で直接Algoliaに登録しちゃいます。 contactsという名前でIndexを作成します。 早速登録したデータに対して検索を実行するコードを書いてみます。 »
以前algoliaを使ってblogに検索窓を設置しました。 Trying out Algolia Install Algolia Search on Ghost Completion of Algolia in-site search box 無事検索出来るようになって嬉しいのですが、「検索結果7個はちょっと少ない...。」そこで検索結果を増やした所、「ドロップダウンメニューが画面外まで伸びてしまう...。」と言う問題に直面したので、ドロップダウンメニューをスクロールさてみました。 やり方 意外に簡単で、CSSだけで出来ました。overflowを使い、ボックスが250px以上の場合はスクロールさせるようにしました。 »
Trying out Algoliaで敗北しInstall Algolia Search on Ghostで中途半端ながらにAlgoliaを使ったサイト内検索ボックスを設置してきました。 Install Algolia Search on Ghostで書いたように検索結果を強調表示してしまうがゆえに、urlにemタグが挿入されてしまうのが問題でした。 今回それが解決できたので書く！ 解決方法 正規表現でemタグを除去。思いつきでjsの文字列置換があるか調べたらあった！ので、それを使った。 String.prototype.replace() - JavaScript | MDN このように書いていたのを、 »
blogにサイト内検索を設置するために幾つか試してきたので比較する。試してきたのは以下の4つ。 Swiftype - Site search and enterprise search Algolia | Hosted cloud search as a service googleカスタム検索 GitHub - jamalneufeld/ghostHunter: A Ghost blog search engine »
Trying out Algoliaでは大敗北しましたが、今回無理やり検索結果に一致したページに飛べるように半分なった！のでメモ。 やりたいこと！ 検索ボックスで検索した結果としてタイトルの文字列を返したい。またそのタイトルはタイトルの記事へのリンクになって欲しい。 検索ボックスの見た目を変えたい。トップページの記事一覧のように画面に合わせてボックスの大きさを伸縮したい。また、Free版を使っているので、algoliaのロゴを検索ボックス付近に設置しなければならない。 やったこと JS suggestion._highlightResult.<attribute>.valueで検索したときに返すattributeを決定できるみたいなので、検索結果に表示する文字列はsuggestion._highlightResult.title.valueで良い ある文字列をリンクにするためにはlink( »
2016/12/28追記 algoliaシリーズ Install Algolia Search on Ghost ghostブログにalgoliaの検索ボックスを導入する AlgoliaというSaaSの全文検索エンジンが良さそう。 Algolia | Hosted cloud search as a service 料金体系。 無料 有料に比べ機能に制約がある サイトに設置する際はAlgoliaのロゴを一緒に表示しなければならない 有料 無料版に比べなんか多機能な感じ(こなみ) ブログに設置できないか試してみた。 »