技術ブログ

Next.js とSupabaseで求人マッチングアプリを作る⑪~求職者から企業をブロックする機能~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑪~求職者から企業をブロックする機能~

今回は『求職者側で企業をブロックする機能』 を作成します。 この機能はなぜ、求職者にとって必要でしょうか? 単に『スパムのようにオファーを掛けてくる企業をブロックしたい』という理由や『この企業は評判が…

Next.js とSupabaseで求人マッチングアプリを作る③~企業のプロファイル変更~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る③~企業のプロファイル変更~

https://todoonada.co.jp/matchingonemaster/に引き続き、求人マッチングアプリの制作方法をご紹介します! 先日作ったマスタデータに対して、UIを追加していきます。…

Next.js とSupabaseで求人マッチングアプリを作る④~求職者のプロファイル変更~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る④~求職者のプロファイル変更~

今回はhttps://todoonada.co.jp/matchingoneprofile01/の続きで、『求職者の基本情報を変更する』UIを追加します。 基本的な流れは『https://todoon…

Next.js とSupabaseで求人マッチングアプリを作る⑤~求人募集の登録・修正機能~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る⑤~求人募集の登録・修正機能~

今回は前回の続きで求人募集の登録・修正機能とそのUI を追加します。 これも『企業のプロファイル』『求職者のプロファイル』と同じように実装したいところですが、少し違う点があります。 例えば『"新規作成…

Next.js とSupabaseで求人マッチングアプリを作る①~ユーザ認証~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る①~ユーザ認証~

今回からNext.jsとSupabaseを利用して求人マッチングアプリ を作成します。 現在求人マッチングアプリに、大きな注目が集まっているのはご存知でしょうか? IT業界をはじめ多くの企業が人手不足…

Next.js とSupabaseで求人マッチングアプリを作る②~マスターデータ設定~ Next.js

Next.js とSupabaseで求人マッチングアプリを作る②~マスターデータ設定~

今回はhttps://todoonada.co.jp/matchingoneuser/に続き、今後必要となるマスターテーブル群を作成 していきます。 SupabaseのTable Editorを開き、…

Next.js + SupabaseでGraphQLを利用する方法 Next.js

Next.js + SupabaseでGraphQLを利用する方法

ここまでSupabaseによるアプリ開発方法をいくつかご紹介してきましたが、ぜひ使ってほしい機能が一つあります。 それが『https://graphql.org/』です。 そもそも『GraphQL』と…

Next.jsとSupabaseで作成したチャットアプリにお知らせ機能を実装する Next.js

Next.jsとSupabaseで作成したチャットアプリにお知らせ機能を実装する

今回は以前作成したhttps://todoonada.co.jp/authchatapp/に、お知らせ機能を追加してみましょう! ひょっとしたら『お知らせ機能なんて目立つ形で入れなくても良いのではない…

[初心者向け]AIを何から触ってみたらいいのかわからない人のための比較ガイド AI

[初心者向け]AIを何から触ってみたらいいのかわからない人のための比較ガイド

連日のAIニュースや、NVIDIA株の高騰等を受けて、多くの人に生成AIの凄さ・素晴らしさが伝わっているかと思います。 しかしながら、皆さんは実際に生成AIを触ったことがあるでしょうか? 実を言えば『…

Nextjs + SupabaseでSupabaseのStorage Image Transformationsを利用する方法 Next.js

Nextjs + SupabaseでSupabaseのStorage Image Transformationsを利用する方法

前回はSupabase上で『https://todoonada.co.jp/imgcompress/』方法についてご紹介しました。 しかしながらSupabaseでPRO以上のプランを契約しておられる場…

Next.jsとSupabaseで全文検索を実装する方法 Next.js

Next.jsとSupabaseで全文検索を実装する方法

今回はNext.jsとSupabaseを利用し、テーブルの全文検索 を行うことができるアプリを作成します。 実はこの『全文検索』、FirebaseよりもSupabaseのほうが優れている分野の一つ で…

Supabase + Next.jsで画像投稿アプリを最適化する(画像圧縮、ファイルサイズ制限、ファイルのアップロード数制限) Nginx

Supabase + Next.jsで画像投稿アプリを最適化する(画像圧縮、ファイルサイズ制限、ファイルのアップロード数制限)

以前、https://todoonada.co.jp/authstorage/の作り方をご紹介しました。 しかしながら、もしこれをリリースして世の中に出した場合、解決しなければ行けない問題がいくつかあ…