技術ブログ

Next.js + Supabaseでソーシャルログインを実装する方法 Next.js

Next.js + Supabaseでソーシャルログインを実装する方法

WEBサービスを運営する上で、重要な点が1つあります。それは『サービスを使うまでのハードルを以下に低くするか』 というものです。 もしユーザー登録やログインの際、フォームに入力をしなければいけない仕様…

SupabaseのEdge FunctionsとSendGridでメールを一斉送信する Next.js

SupabaseのEdge FunctionsとSendGridでメールを一斉送信する

WEBサービスやECサイト、会員向けメルマガを発行する際、どのようにして送信されますか? 『普通にメールソフトやGmailから送信 すればいいのでは?』と思うかもしれませんが、実はそれ、すごくリスクが…

Next.js + SupabaseでSMS認証を作成する方法 Next.js

Next.js + SupabaseでSMS認証を作成する方法

https://todoonada.co.jp/authchatapp/はNext.jsとSupabaseを使って、認証付きチャットアプリを作成しました。 ここまでくれば、もう一つのアプリとして成り立…

『火を入れる』『足をもつ』 不思議なIT用語&ビジネス用語について 技術ブログ

『火を入れる』『足をもつ』 不思議なIT用語&ビジネス用語について

例えばの話ですが、あなたがサーバエンジニアだとします。 新しいサーバ機器が届いたので、サーバルームに設置を行いました。 その旨を上司に報告したところ、熟練のエンジニアでもある上司にこう言われました 『…

Next.jsとSupabaseで認証つきチャットアプリを作成する(SNS風UI) Next.js

Next.jsとSupabaseで認証つきチャットアプリを作成する(SNS風UI)

先日はNext.jsとSupabaseを使って『https://todoonada.co.jp/realtimechat/』を作るところまで行きました。 今回は更に使い勝手のいい『SNS風UIのついた…

i18n ← これ何を意味するかわかる? 『ヌメロニム』について 技術ブログ

i18n ← これ何を意味するかわかる? 『ヌメロニム』について

以下の単語について、それぞれ何を意味するのかわかりますか? i18n l10n c12s ヒントは『全て英単語』です。 それでは答えを書きます。 i18n……internationalizatio n…

Next.jsとSupabaseで認証機能ありのリアルタイムチャットを作成する。 Next.js

Next.jsとSupabaseで認証機能ありのリアルタイムチャットを作成する。

先日、https://todoonada.co.jp/nextjssupabaserealtimechat/の作り方についてはご紹介しましたが、今の時代に『誰でも入り放題なチャットルーム』を作った場合…

Next.js + SupabaseでAuth + Storageのストレージサービスを作る方法 Next.js

Next.js + SupabaseでAuth + Storageのストレージサービスを作る方法

ビジネス向けのITツールには、業界ごとに多種多様な機能が提供されていますが、ほぼ全ての業種で必要とされているのがこの『ストレージサービス』です。 特にテレワークが流行っている現在では、共有フォルダ等よ…

Next.js + SupabaseでRLSを利用して安全なアプリを作ろう。 Next.js

Next.js + SupabaseでRLSを利用して安全なアプリを作ろう。

ここまでSupabaseとNext.jsを使って『https://todoonada.co.jp/nextjssupabaseauth/』や『https://todoonada.co.jp/nextj…

Amplify+Nextjsのテンプレート AWS

Amplify+Nextjsのテンプレート

AWSのAmplifyでNext.jsアプリを利用する際の、スタータテンプレートです。 1\. Next.jsアプリの準備 前提 既存のNext.jsアプリがある場合はそちらを使用することによってこの…

Next.js + SupabaseでStorageを利用した画像投稿アプリ作成 Next.js

Next.js + SupabaseでStorageを利用した画像投稿アプリ作成

今回はNext.jsとSupabaseのStorageを利用し、シンプルな『画像投稿アプリ』を作成します。 『画像投稿アプリ』は、一見作るのが簡単なように思えるかもしれませんが、何も考えずにただ『画像…

Next.js + Supabaseでリアルタイムチャットを作ろう Next.js

Next.js + Supabaseでリアルタイムチャットを作ろう

先日は『Next.js』と『Supabase』を利用してhttps://todoonada.co.jp/nextjssupabasetodo/を作ってみましたが、本日はリアルタイムに情報が更新されるチ…