技術ブログ
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のほうが優れている分野の一つ で…
Nginx Supabase + Next.jsで画像投稿アプリを最適化する（画像圧縮、ファイルサイズ制限、ファイルのアップロード数制限）
以前、https://todoonada.co.jp/authstorage/の作り方をご紹介しました。 しかしながら、もしこれをリリースして世の中に出した場合、解決しなければ行けない問題がいくつかあ…
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ツールには、業界ごとに多種多様な機能が提供されていますが、ほぼ全ての業種で必要とされているのがこの『ストレージサービス』です。 特にテレワークが流行っている現在では、共有フォルダ等よ…