技術ブログ「Next.js」
Next.js Supabaseで匿名認証とアカウントの本登録への昇格の方法
はじめに Supabaseには通常の認証機能に加えて匿名認証機能があります。 匿名認証はソーシャルゲームやECショップなどでよく使われており、登録せずにゲストアカウントで利用したうえで、必要になったタ…
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/images/2024/05/image10…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑧～求人一覧、求人詳細情報～
ここまで作ってきたマッチングアプリも、だいぶ形になってきましたね。 今回は求職者一覧 と求職者詳細 を作成します。 企業一覧 企業詳細 求職者一覧 求職者詳細 求人一覧 求人詳細 https://to…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑨～企業、求職者情報、求人のファイルを追加できる仕組み作成～
今回は、今まで作成してきた各種編集画面にファイルアップロード の機能を搭載し、アップロードしたファイルのURLをDBに保存する 仕組みを作成します。 マッチングアプリにおいて、画像アップロード機能はほ…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑩～検索機能～
さて、一覧・詳細画面が一通り完成した訳ですが、残りマッチングアプリに必要な機能とはなんでしょうか。 それは『検索機能』 です。 たとえ沢山の求人や求職者が登録されていたとしても、ユーザーが見たいのは『…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑪～求職者から企業をブロックする機能～
今回は『求職者側で企業をブロックする機能』 を作成します。 この機能はなぜ、求職者にとって必要でしょうか？ 単に『スパムのようにオファーを掛けてくる企業をブロックしたい』という理由や『この企業は評判が…