技術ブログ
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を使って、認証付きチャットアプリを作成しました。 ここまでくれば、もう一つのアプリとして成り立…
技術ブログ 『火を入れる』『足をもつ』 不思議なIT用語&ビジネス用語について
例えばの話ですが、あなたがサーバエンジニアだとします。 新しいサーバ機器が届いたので、サーバルームに設置を行いました。 その旨を上司に報告したところ、熟練のエンジニアでもある上司にこう言われました 『…
Next.js Next.jsとSupabaseで認証つきチャットアプリを作成する（SNS風UI）
先日はNext.jsとSupabaseを使って『https://todoonada.co.jp/realtimechat/』を作るところまで行きました。 今回は更に使い勝手のいい『SNS風UIのついた…
技術ブログ i18n ← これ何を意味するかわかる？ 『ヌメロニム』について
以下の単語について、それぞれ何を意味するのかわかりますか？ i18n l10n c12s ヒントは『全て英単語』です。 それでは答えを書きます。 i18n……internationalizatio n…
Next.js Next.jsとSupabaseで認証機能ありのリアルタイムチャットを作成する。
先日、https://todoonada.co.jp/nextjssupabaserealtimechat/の作り方についてはご紹介しましたが、今の時代に『誰でも入り放題なチャットルーム』を作った場合…
Next.js Next.js + SupabaseでAuth + Storageのストレージサービスを作る方法
ビジネス向けのITツールには、業界ごとに多種多様な機能が提供されていますが、ほぼ全ての業種で必要とされているのがこの『ストレージサービス』です。 特にテレワークが流行っている現在では、共有フォルダ等よ…
Next.js Next.js + SupabaseでRLSを利用して安全なアプリを作ろう。
ここまでSupabaseとNext.jsを使って『https://todoonada.co.jp/nextjssupabaseauth/』や『https://todoonada.co.jp/nextj…
AWS Amplify+Nextjsのテンプレート
AWSのAmplifyでNext.jsアプリを利用する際の、スタータテンプレートです。 1\. Next.jsアプリの準備 前提 既存のNext.jsアプリがある場合はそちらを使用することによってこの…
Next.js Next.js + SupabaseでStorageを利用した画像投稿アプリ作成
今回はNext.jsとSupabaseのStorageを利用し、シンプルな『画像投稿アプリ』を作成します。 『画像投稿アプリ』は、一見作るのが簡単なように思えるかもしれませんが、何も考えずにただ『画像…
Next.js Next.js + Supabaseでリアルタイムチャットを作ろう
先日は『Next.js』と『Supabase』を利用してhttps://todoonada.co.jp/nextjssupabasetodo/を作ってみましたが、本日はリアルタイムに情報が更新されるチ…