イケてる全文検索サービス「Algolia」を触ってみよう - Qiita
はじめに この記事は、株式会社メディアドゥのアドベントカレンダー19日目の記事です。 みなさん、「Algolia」って知っていますか？ Algoliaなんて知らないよー、聞いたこともないよー、というそこのあなた。 そんなあなたのためにこの記事を書いたといっても過言ではありません。 拙い記事ではありますが、ぜひ読んでみてください。 Algoliaとは？ 以下のような特徴をもつ検索APIサービスです。 https://www.algolia.com/ 全文検索サービスをSaaSとして提供 GUIから検索ロジックを柔軟に設定可能 レコード数/APIアクセス数による従量課金 世界各地にデータセンターがあり、どのロケーションでも高速な検索が可能 様々なプログラミング言語向けにAPIを提供 様々なフロントエンドフレームワーク向けに便利なライブラリを提供 本記事で書くこと すでに知ってる・使ったことがあ
Next.jsのSSGで全文検索をする方法
前提 Next.js TypeScript styled-components microCMS AWS S3 Cloud Front Route53 Next.jsのSSGで生成した静的ファイルをS3にアップロードして、静的なメディアサイトを作っています。 CMSはmicroCMSを利用していて、メディアの記事の部分をmicroCMSから配信しています。 やりたいこと Next.jsのSSGで作成した静的なメディアにおいて、全文検索機能を追加したいというのが今回のやりたかったことです。 next devでローカル開発してるときは、getStaticProps内が変更はいるたびに更新され、再buildされるので、うまくいったように見えてましたが、S3にあげてみると、うまくいかなかったので、その対策をしたかったです。 結論 microCMSの全文検索APIをつかう AWSのLambdaでエン
Next.js + Algoliaで全文検索UIを実装する
昨日の記事でContentfulの記事をAlgoliaのインデックスに登録したので、今回はアプリケーション側での実装方法についてまとめる。 このブログはNext.jsで構築しているので、検索UIの実装にはreact-instantsearchを利用した。 Algolia管理画面での設定前回のおさらいになるが、インデックスは↓として登録している。 { url: "記事URL", title: "タイトル", description: "記事概要", content: "MarkdownをPlainTextに変換した記事本文", objectID: "Contentfulの記事ID", }Indices => Configuration => Searchable attributes で検索対象とする属性を設定する。 今回は title と description を検索対象とした。 また、
移行してわかった！AlgoliaとElasticsearchの違い｜Penmark Magazine | 株式会社ペンマーク
Penmarkの河村です。 PenmarkではFirebaseを活用してスマホアプリを開発しています。Firebaseはモバイル開発に必要な機能の殆どを提供してくれます。ただ一つ足りないのがデータベースの検索機能です。No SQLであるFirestoreはリレーショナル・データベース(以降RDBと記載)のLIKE検索のような検索機能は有りません。 Penmarkの最も重要な機能であるシラバス検索を行うためにAlgoliaを使っていましたが、2022年度のシラバスデータ投入のタイミングでElasticsearchに移行しました。このため、全く同じサービス・機能を両方の検索エンジンを用いて実装したわけですが、両方で構築することで、2つのサービスはかなり異なるということがわかりました。 今回はAlgoliaとElasticsearchの２つの検索サービスについて、何がどう違うのかを整理することで
firebaseでサーバレスなSPAアプリを作った話 - Qiita
はじめに Firebase使ってみて便利さに感動したのでポイントまとめてみました Reactとかフロントエンドのフレームワーク使ってSPA作る分には結構戦えますね とはいえ最終的に細かい作り込みをすると辛いところは出てきそう… 作ったもの https://喫煙所.net 見たまんまですが、喫煙所の共有サービスです 喫煙者の皆様は是非使ってみてくださいｗ 使ったもの Firebase Hosting Reactでbuildした静的ページの配信 Authentication 非ログイン時は匿名認証 SNS認証使ってログイン時にグレードアップ Cloud Firestore 喫煙所情報の保存 いいね情報の保存 公開用のユーザ名の保存 Cloud Functions for Firebase Firestoreの更新をトリガーにAlgoliaのインデックス更新を実行 Algolia 主に喫煙所の検
自分のブログに Elasticsearch + Vue.js で検索機能を付けたという発表をした | feedforce Engineers' blog
こんにちは。寒がりすぎな増田です。いつからだろう？ 先週金曜日に社内勉強会で掲題の発表をしました。感想や質問も頂いたので、返信という形で記事として記録しておきます。 スライド 発表の内容 https://masutaka.net/chalow/ に自前で検索機能を付けた https://masutaka.net/chalow/search.html フロントエンドは Vue.js で実装。バックエンドは nginx のリバースプロキシを介した Elasticsearch 今のところ、記事データの Index は Elasticsearch の Bulk API でデプロイのたびに作り直している ついでに Google Custom Search Engine でも実装した https://masutaka.net/chalow/search-google.html 『ChangeLog メ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redis to Algolia | YepCode Recipes | Code snippets for solving common problems
AI search that understands