Vercel– category –
-
Next.js とSupabaseで求人マッチングアプリを作る⑨～企業、求職者情報、求人のファイルを追加できる仕組み作成～
今回は、今まで作成してきた各種編集画面にファイルアップロードの機能を搭載し、アップロードしたファイルのURLをDBに保存する仕組みを作成します。 マッチングアプリにおいて、画像アップロード機能はほぼ必須です。求人を行う企業の雰囲気を掴んでもら... -
Next.js とSupabaseで求人マッチングアプリを作る⑩～検索機能～
さて、一覧・詳細画面が一通り完成した訳ですが、残りマッチングアプリに必要な機能とはなんでしょうか。 それは『検索機能』です。たとえ沢山の求人や求職者が登録されていたとしても、ユーザーが見たいのは『条件に合う』リストだけです。なので、今回は... -
Next.js とSupabaseで求人マッチングアプリを作る⑪～求職者から企業をブロックする機能～
今回は『求職者側で企業をブロックする機能』を作成します。 この機能はなぜ、求職者にとって必要でしょうか？単に『スパムのようにオファーを掛けてくる企業をブロックしたい』という理由や『この企業は評判が悪いからブロックしたい』というケースもあり... -
Next.js とSupabaseで求人マッチングアプリを作る⑯～管理者アプリ実装～
今回は、新たに管理者向けのアプリの作成をしていきたいと思います！ 必要な要件としては『管理者アカウントのみログインできること』『これまで作成してきた、企業情報、求人情報、求職者情報、チャットのすべてを閲覧でき、修正できるようにすること』で... -
Next.js とSupabaseで求人マッチングアプリを作る⑮～通知バッジと既読機能実装～
今回はメッセージのボタン類に置くメッセージ数や未読メッセージの通知機能と、それを可能にするための未読、既読の更新機能を作成します。 通知機能はほんの小さな表示ではありますが、あるとないとでは使い勝手や、ユーザーの利便性が大きく異なります。... -
Next.js とSupabaseで求人マッチングアプリを作る⑭～ステータス機能の実装～
前回に続いて、今回は面接前～内定承諾までのステータスを変更する機能を作成します。 この機能は、企業側が各応募者とどこまでやり取りを進めていたか、わかりやすくするものでもありますし、応募者としても進捗が可視化されて安心することができます。ま... -
Next.js とSupabaseで求人マッチングアプリを作る⑬～コミュニケーション機能の実装～
前回に続いて、今回は応募・スカウト後のコミュニケーション機能を作成します。コミュニケーション機能は、あらゆるプロダクトで使うものになりますので、ぜひ作り方をマスターしておきましょう！※既読機能や通知周りは、次回以降ご紹介します。 Supabase... -
Next.js とSupabaseで求人マッチングアプリを作る⑫～応募・スカウト機能の実装～
いよいよマッチングアプリ開発も終盤になってきました！今回はマッチングアプリの肝になる部分、求職者から応募、企業からスカウトができる機能を作成します。 Supabaseの設定 今回応募・スカウトをするにあたり、必要なテーブルがいくつかあるため、そち... -
Next.js + SupabaseでRLSを利用して安全なアプリを作ろう。
ここまでSupabaseとNext.jsを使って『認証機能の実装』や『ストレージ内画像のアクセス制御』を行なう方法ついてご紹介してきました。この２つを使えば、ある程度堅牢なWEBサービスを作ることができますが、あと１箇所、気をつけなければならない箇所があ... -
素早くアプリを作りたい！ Vercel＋Supabaseでプロジェクト開発
ここ数年、『アプリケーションの開発』はだいぶハードルが低いものになってきました。かつては学校で学ばなければ書けなかったようなプログラミング知識も、今はネット上にドキュメントや教育コンテンツがたくさん公開されていますし、サンプルコードも読...
