技術ブログ「Next.js」
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/に、お知らせ機能を追加してみましょう！ ひょっとしたら『お知らせ機能なんて目立つ形で入れなくても良いのではない…
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のほうが優れている分野の一つ で…
Next.js Next.js + Supabaseでソーシャルログインを実装する方法
WEBサービスを運営する上で、重要な点が１つあります。それは『サービスを使うまでのハードルを以下に低くするか』 というものです。 もしユーザー登録やログインの際、フォームに入力をしなければいけない仕様…
Next.js SupabaseのEdge FunctionsとSendGridでメールを一斉送信する
WEBサービスやECサイト、会員向けメルマガを発行する際、どのようにして送信されますか？ 『普通にメールソフトやGmailから送信 すればいいのでは？』と思うかもしれませんが、実はそれ、すごくリスクが…
Next.js Next.js + SupabaseでSMS認証を作成する方法
https://todoonada.co.jp/authchatapp/はNext.jsとSupabaseを使って、認証付きチャットアプリを作成しました。 ここまでくれば、もう一つのアプリとして成り立…