技術ブログ
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で求人マッチングアプリを作る⑪～求職者から企業をブロックする機能～
今回は『求職者側で企業をブロックする機能』 を作成します。 この機能はなぜ、求職者にとって必要でしょうか？ 単に『スパムのようにオファーを掛けてくる企業をブロックしたい』という理由や『この企業は評判が…
Next.js Next.js とSupabaseで求人マッチングアプリを作る③～企業のプロファイル変更～
https://todoonada.co.jp/matchingonemaster/に引き続き、求人マッチングアプリの制作方法をご紹介します！ 先日作ったマスタデータに対して、UIを追加していきます。…
Next.js Next.js とSupabaseで求人マッチングアプリを作る④～求職者のプロファイル変更～
今回はhttps://todoonada.co.jp/matchingoneprofile01/の続きで、『求職者の基本情報を変更する』UIを追加します。 基本的な流れは『https://todoon…
Next.js Next.js とSupabaseで求人マッチングアプリを作る⑤～求人募集の登録・修正機能～
今回は前回の続きで求人募集の登録・修正機能とそのUI を追加します。 これも『企業のプロファイル』『求職者のプロファイル』と同じように実装したいところですが、少し違う点があります。 例えば『"新規作成…
Next.js Next.js とSupabaseで求人マッチングアプリを作る①～ユーザ認証～
今回からNext.jsとSupabaseを利用して求人マッチングアプリ を作成します。 現在求人マッチングアプリに、大きな注目が集まっているのはご存知でしょうか？ IT業界をはじめ多くの企業が人手不足…
Next.js Next.js とSupabaseで求人マッチングアプリを作る②～マスターデータ設定～
今回はhttps://todoonada.co.jp/matchingoneuser/に続き、今後必要となるマスターテーブル群を作成 していきます。 SupabaseのTable Editorを開き、…
Next.js Next.js + SupabaseでGraphQLを利用する方法
ここまでSupabaseによるアプリ開発方法をいくつかご紹介してきましたが、ぜひ使ってほしい機能が一つあります。 それが『https://graphql.org/』です。 そもそも『GraphQL』と…