技術ブログ
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』と…
Next.js Next.jsとSupabaseで作成したチャットアプリにお知らせ機能を実装する
今回は以前作成したhttps://todoonada.co.jp/authchatapp/に、お知らせ機能を追加してみましょう! ひょっとしたら『お知らせ機能なんて目立つ形で入れなくても良いのではない…
AI [初心者向け]AIを何から触ってみたらいいのかわからない人のための比較ガイド
連日のAIニュースや、NVIDIA株の高騰等を受けて、多くの人に生成AIの凄さ・素晴らしさが伝わっているかと思います。 しかしながら、皆さんは実際に生成AIを触ったことがあるでしょうか? 実を言えば『…
Next.js Nextjs + SupabaseでSupabaseのStorage Image Transformationsを利用する方法
前回はSupabase上で『https://todoonada.co.jp/imgcompress/』方法についてご紹介しました。 しかしながらSupabaseでPRO以上のプランを契約しておられる場…
Next.js Next.jsとSupabaseで全文検索を実装する方法
今回はNext.jsとSupabaseを利用し、テーブルの全文検索 を行うことができるアプリを作成します。 実はこの『全文検索』、FirebaseよりもSupabaseのほうが優れている分野の一つ で…
Nginx Supabase + Next.jsで画像投稿アプリを最適化する(画像圧縮、ファイルサイズ制限、ファイルのアップロード数制限)
以前、https://todoonada.co.jp/authstorage/の作り方をご紹介しました。 しかしながら、もしこれをリリースして世の中に出した場合、解決しなければ行けない問題がいくつかあ…