技術ブログ「Vercel」

技術ブログ AI・ローカルLLMマイナンバー・本人確認技術ブログマッチングサービス・マッチングアプリ認証・ID管理Webお知らせNeonSupabasePostgreSQLAWSVPSVercelFirebaseNext.jsNginxセキュリティAIGitデータベースMVP開発PythonOracleDatabaseLinuxDockerMarkdownJavascriptネットワークMariaDBPHPMySQLApacheCSSWindowsShellHTML
Terraformを使ってSupabase x Vercel構成を自動化する Supabase

Terraformを使ってSupabase x Vercel構成を自動化する

https://esapages.io/p/sharing/20920/posts/215/10a179bc7b95901f9aa5.html%E3%81%AF%E3%81%98%E3%82%81%E…

Supabase Branchingでプレビュー環境を手に入れて開発体験を向上する Supabase

Supabase Branchingでプレビュー環境を手に入れて開発体験を向上する

はじめに Supabaseには2024年4月がらBranchingという機能が追加されています。 これはgithubのようにSupabaseの環境もブランチ管理することが可能になる機能です。 今までS…

Next.js とSupabaseで求人マッチングアプリを作る⑫~応募・スカウト機能の実装~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑫~応募・スカウト機能の実装~

いよいよマッチングアプリ開発も終盤になってきました! 今回はマッチングアプリの肝になる部分、求職者から応募、企業からスカウトができる機能を作成します。 https://todoonada.co.jp/…

Next.js とSupabaseで求人マッチングアプリを作る⑬~コミュニケーション機能の実装~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑬~コミュニケーション機能の実装~

前回に続いて、今回は応募・スカウト後のコミュニケーション機能を作成します。 コミュニケーション機能は、あらゆるプロダクトで使うものになりますので、ぜひ作り方をマスターしておきましょう! ※既読機能や通…

Next.js とSupabaseで求人マッチングアプリを作る⑭~ステータス機能の実装~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑭~ステータス機能の実装~

前回に続いて、今回は面接前~内定承諾までのステータスを変更する機能を作成します。 この機能は、企業側が各応募者とどこまでやり取りを進めていたか、わかりやすくするものでもありますし、応募者としても進捗が…

Next.js とSupabaseで求人マッチングアプリを作る⑮~通知バッジと既読機能実装~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑮~通知バッジと既読機能実装~

今回はメッセージのボタン類に置くメッセージ数や未読メッセージの通知機能と、それを可能にするための未読、既読の更新機能を作成します。 通知機能はほんの小さな表示ではありますが、あるとないとでは使い勝手や…

Next.js とSupabaseで求人マッチングアプリを作る⑯~管理者アプリ実装~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑯~管理者アプリ実装~

今回は、新たに管理者向けのアプリの作成をしていきたいと思います! 必要な要件としては『管理者アカウントのみログインできること』 『これまで作成してきた、企業情報、求人情報、求職者情報、チャットのすべて…

Next.js とSupabaseで求人マッチングアプリを作る⑥~企業一覧、企業詳細情報~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑥~企業一覧、企業詳細情報~

今回から一覧系ページ、詳細系ページの作成を進めます! 具体的には 企業一覧 企業詳細 求職者一覧 求職者詳細 求人一覧 求人詳細 になります。 今回は企業一覧と企業詳細を作成します。 単に情報取得・表…

Next.js とSupabaseで求人マッチングアプリを作る⑦~求職者一覧、求職者詳細情報~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑦~求職者一覧、求職者詳細情報~

今回は求職者一覧と求職者詳細を作成します。 企業一覧 企業詳細 求職者一覧 求職者詳細 求人一覧 求人詳細 https://todoonada.co.jp/images/2024/05/image10…

Next.js とSupabaseで求人マッチングアプリを作る⑧~求人一覧、求人詳細情報~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑧~求人一覧、求人詳細情報~

ここまで作ってきたマッチングアプリも、だいぶ形になってきましたね。 今回は求職者一覧 と求職者詳細 を作成します。 企業一覧 企業詳細 求職者一覧 求職者詳細 求人一覧 求人詳細 https://to…

Next.js とSupabaseで求人マッチングアプリを作る⑨~企業、求職者情報、求人のファイルを追加できる仕組み作成~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑨~企業、求職者情報、求人のファイルを追加できる仕組み作成~

今回は、今まで作成してきた各種編集画面にファイルアップロード の機能を搭載し、アップロードしたファイルのURLをDBに保存する 仕組みを作成します。 マッチングアプリにおいて、画像アップロード機能はほ…

Next.js とSupabaseで求人マッチングアプリを作る⑩~検索機能~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑩~検索機能~

さて、一覧・詳細画面が一通り完成した訳ですが、残りマッチングアプリに必要な機能とはなんでしょうか。 それは『検索機能』 です。 たとえ沢山の求人や求職者が登録されていたとしても、ユーザーが見たいのは『…