技術ブログ
Supabase OpenAI Embeddings API+ Supabase Vector Database + Next.jsでベクトル検索を実装する
今回は少し趣向を変えて、OpenAIのAPIを使った開発手法をご紹介したいと思います。 作ってみるのは『ベクトル検索 』です。 『ベクトル検索』とはデータをベクトル（数値の配列）に変換し、そのベクトル…
技術ブログ 【BI】EMR+RedShiftでTableauインフラ環境を構築
今回は優秀なBIツールである「Tableau」のインフラ環境を、EMRとRedShiftで作ってみましょう。 なお、「BI」 という単語に馴染みがないかもしれませんが、「BI」とは『Business …
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑫～応募・スカウト機能の実装～
いよいよマッチングアプリ開発も終盤になってきました！ 今回はマッチングアプリの肝になる部分、求職者から応募、企業からスカウトができる機能を作成します。 https://todoonada.co.jp/…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑬～コミュニケーション機能の実装～
前回に続いて、今回は応募・スカウト後のコミュニケーション機能を作成します。 コミュニケーション機能は、あらゆるプロダクトで使うものになりますので、ぜひ作り方をマスターしておきましょう！ ※既読機能や通…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑭～ステータス機能の実装～
前回に続いて、今回は面接前～内定承諾までのステータスを変更する機能を作成します。 この機能は、企業側が各応募者とどこまでやり取りを進めていたか、わかりやすくするものでもありますし、応募者としても進捗が…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑮～通知バッジと既読機能実装～
今回はメッセージのボタン類に置くメッセージ数や未読メッセージの通知機能と、それを可能にするための未読、既読の更新機能を作成します。 通知機能はほんの小さな表示ではありますが、あるとないとでは使い勝手や…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑯～管理者アプリ実装～
今回は、新たに管理者向けのアプリの作成をしていきたいと思います！ 必要な要件としては『管理者アカウントのみログインできること』 『これまで作成してきた、企業情報、求人情報、求職者情報、チャットのすべて…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑥～企業一覧、企業詳細情報～
今回から一覧系ページ、詳細系ページの作成を進めます！ 具体的には 企業一覧 企業詳細 求職者一覧 求職者詳細 求人一覧 求人詳細 になります。 今回は企業一覧と企業詳細を作成します。 単に情報取得・表…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑦～求職者一覧、求職者詳細情報～
今回は求職者一覧と求職者詳細を作成します。 企業一覧 企業詳細 求職者一覧 求職者詳細 求人一覧 求人詳細 https://todoonada.co.jp/wpcontent/uploads/2024…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑧～求人一覧、求人詳細情報～
ここまで作ってきたマッチングアプリも、だいぶ形になってきましたね。 今回は求職者一覧 と求職者詳細 を作成します。 企業一覧 企業詳細 求職者一覧 求職者詳細 求人一覧 求人詳細 https://to…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑨～企業、求職者情報、求人のファイルを追加できる仕組み作成～
今回は、今まで作成してきた各種編集画面にファイルアップロード の機能を搭載し、アップロードしたファイルのURLをDBに保存する 仕組みを作成します。 マッチングアプリにおいて、画像アップロード機能はほ…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑩～検索機能～
さて、一覧・詳細画面が一通り完成した訳ですが、残りマッチングアプリに必要な機能とはなんでしょうか。 それは『検索機能』 です。 たとえ沢山の求人や求職者が登録されていたとしても、ユーザーが見たいのは『…