Category: 実践編
-
画像変換を使った「お知らせCMS」をつくってみた：管理画面から画像を上げるだけで、一覧も記事も軽くなる
前の記事では、画像変換のURLを手で組み立てて、データ量がどれくらい減るかを測りました。でも、実際にお知らせを更新する人は、URLのパラメータなんて組み立てたくありません。
-
Supabase Storageの画像変換で、軽量CMSの画像を自動でリサイズ・最適化する
画像を差し込んだら、アプリの表示がもたつく。経験、ありませんか？ 私はあります。スマホで撮った写真をそのままアップロードして、一覧に全部並べたら、小さなサムネイルのために巨大な画像が何枚も届いていたのです。
-
Supabase Realtime入門：BroadcastとPresenceで、ゲームの状態や「今だれがいるか」を共有する
オンラインの対戦ゲームでも、共同で使うホワイトボードでも、「相手が動いたら、こちらの画面がすぐ変わる」ってありますよね。あれをつくるには、サーバーを自前で立てて、WebSocketを…と身構えていました。
-
「みんなで同時に見る」ライブ注文ボードをつくってみた：誰が見ていて、誰が操作中かが分かる
前の記事の三目並べでは、途中から入った人の盤面が空っぽになって、「ああ、Broadcastは過去を覚えていないんだ」と学びました。そのときは、「状態を教えて」と放送する工夫で乗り切りました。
-
AIエージェントにDBを触らせる前に：Supabase MCPの読み取り専用モードとプロジェクト限定設定
AIエージェントに「このテーブル、どうなってる？」と聞くと、DBを見て答えてくれる。便利です。便利すぎて、私は一瞬こう思いました。テーブルを作れるなら、消せるのでは？ 自分のアカウントに他のプロジェクトがあったら、そっちも見えるのでは？この記事は、その不安を「設定」で小さくする手順を、ダッシュボードの画面を見ながら一緒にやってみた記録です。
-
AIに渡す前の「データ棚卸し」Webアプリをつくってみた：MCPの接続URLづくりと、AIから見えるテーブルの一覧
前の記事では、「読み取り専用」のロールが、書き込みは止めるけれど、見える範囲は狭めないことを、SQL Editorで確かめました。でも、それをチームの人に伝えるのは大変です。「SQLで確かめたら、こうでした」では、AIツールの導入を決める人には届きません。そこで、AIに鍵を渡す前に見る1枚の画面をつくってみました。使うのは、セキュリティ担当や、チームのリーダー、情報システムの人を想像しています。
-
Supabase RLS入門：顧客ごとに「見えるデータ」を分ける方法と、プロジェクトを分ける方法の比較
取引先ごとの請求書を管理するアプリをつくる、と想像してください。A社の人がログインしたらA社の請求書だけ、B社の人ならB社の分だけ。当たり前のようで、AIに作ってもらった画面を眺めていると「これ、本当にそうなってる？」と急に不安になります。私はなりました。
-
取引先ごとに見えるデータが変わる「請求書ポータル」をつくってみた：ログインしたら自社の分だけが出てくる
前の記事では、SQL Editorで「Aliceになりきる」「Bobになりきる」をして、RLSで見える行が変わることを確かめました。でも、あれはSQLの世界の話です。
-
SupabaseでSSL接続を強制する手順と、設定変更時のデータベース再起動で起きること
「SSLを強制」というスイッチがダッシュボードにあるのは知っていました。でも、押すとなんだかデータベースが再起動するらしい。本番で押したら、アプリが止まるのでは…？そう思うと、なかなか押せませんでした。
-
SSLとDB再起動を「見える化」するステータスページをつくってみた：暗号化されているかと、止まっていた時間を1画面で
前の記事では、「SSLを強制」のスイッチを押して、何が起きるかを手作業で確かめました。psql でわざと間違ったパスワードを試したり、SQL Editorで起動時刻を聞いたり。