Claude Codeでアプリにデータ保存機能を足す前に知っておくこと：データベース、Supabase、そして「壊さない意識」

画面作りだけじゃなくてデータの保存までできると、アプリを作れる幅がグググっと広がっていくので。ただアプリの画面ができたとしても、それを保存しておく場所、箱みたいなものがないと、毎回毎回同じようなデータを入れなくちゃいけなくなっちゃうわけですね。データベースの中でもいろんなデータベースあるんですけれども、Supabaseというものを今回ご紹介いたします。

どうもこんにちは。安野貴博です。本日はバイブコーディング超入門の第7回ということで、データベースについてお話ししたいと思います。データベースの中でもいろんなデータベースあるんですけれども、特にSupabaseというものを今回ご紹介いたします。これが色々ある中でも、初心者向け入門に割と使いやすいかなということで選んでいます。

まず全体像というところなんですけど、データベースって何ぞやという話なんですが、皆さんここまでの超入門の講座を聞いてきて、アプリをなんとなく作れるようになって、それを徐々に改善していくことはできるようになったと思います。ただアプリの画面ができたとしても、それを保存しておく場所、箱みたいなものがないと、毎回毎回同じようなデータを入れなくちゃいけなくなっちゃうわけですね。例えば何を言ってるかと言うと、第4回でシューティングゲームみたいなのを作ったと思いますが、あのシューティングゲームもデータを保存しておく箱がないと、自分がどれくらいのハイスコアを取れたのかとか、ステージいくつまで行けたのかとか、そういったことが毎回毎回忘れられちゃうわけですよね。なので、データベースというデータを保存するような仕組みが必要です。

その中でもSupabaseというものが、難しい準備の部分とかをお任せできるので、今日はこれを紹介したいと思います。画面作りだけじゃなくてデータの保存までできると、アプリを作れる幅がグググっと広がっていくので、是非見ていただければと思います。

本日のポイントは3つです。1つ目は、まずデータベースって何なのという話です。2つ目が、Supabaseって何なの？データベース色々ある中でもSupabaseって何なのという話で、3つ目は使う時の注意点ということで、データを取り扱ってくると、こういう風にすると落とし穴があるよっていうところが色々あったりするので、ここもちょっと触れたいと思います。

ではまず1つ目に、データベースってそもそも何なのという話をします。データベース、先ほどもちょっとだけ言いましたけれども、見た目を作る機能、フロントエンド機能と、データを保存する機能のデータベース、その2つを連携しながら動かしていくようなもので、アプリ側を閉じると消えてしまうようなデータはデータベースに保存して、それでまた起動した時に読み込んでいくということができる、そういった箱になってます。

こういう風に説明すると、なんか難しそうだなと思うと思うんですけど、実はそんなに難しくなくて、ざっくり言うと、Excelとかスプレッドシートみたいなものです。Excelとかスプレッドシートを触ったことない方だとちょっとイメージつきにくいかもしれませんが、どういうものかというと、表のデータをデータベースの中に保存できるようになってるんですよね。Excelとかスプレッドシートって、縦の列と横の行というのがあって、そこにデータを書いていくことができます。データベースの場合は、この縦の列、カラムと言いますけれども、Excelよりもちょっとかっちりしていて、このカラムには数値しか入れちゃダメですよとか、この列には名前の文字しか入れちゃダメですよとか、この列には日付しか入れちゃダメですよっていう、縦の列の項目っていうところを、結構このルールに従えっていうことを言えるようになっています。ここに出してるものだと、名前とメールアドレスと登録日っていうことが縦の列としてあって、田中太郎さんと佐藤花子さんが横の行として追加されてて、こういう感じでどんどんどんどんデータが入っていくようなものになってます。なので構造自体は結構シンプルに、スプレッドシート、Excelと同じ感じです。

じゃあ、この縦のデータの持ち方っていうのをデータ型って言ったりするんですけど、どういうものがあるのって言うと、そのうちの1つの例としてこんな感じのものがあります。文字列型、数値型、日付型、真偽値。これはTrueかFalseか、0か1かしか取れない、そういう型があります。ざっくりこの下に、VARCHARとかINTEGERとかDATEとか書いてありますけれども、こういう風に型があるんだな、タイプがあるんだなと思っていただければと思います。

よく使うキーワードを4つだけあげます。これね、結構いっぱいあるんだけど、まず初心者向けに4つだけあげます。まず1つがテーブルっていうものです。テーブルっていうのは1枚の表のことです。実はデータベースの中って、何個も何個もテーブルを作るんですよね。例えば今言ったように、ユーザーの登録として名前とメールアドレスといつ登録されたのっていう表もあれば、例えばそれがゲームだったとした時に、この人が何月何日にプレイして何点取りましたよっていう、例えばスコアのテーブルがあったりとか、あとはその人がどういう設定をしているのか、例えばなんだろうな、この人はハードモードがいいとか、この人はイージーモードでやってるとか、画面は軽めにしてる、暗めにしてるみたいな個人の設定のテーブル、セッティングのテーブルみたいな感じで、いくつものテーブルを用意することができます。それをつなぎながら使うことができるよと。

2つ目のキーワードとしてレコードというものがあります。これは行ですね。横の行です。3つ目が縦の列というもので、カラムです。最後がデータ型と言って、さっき言っていた、この列はこういうデータ型だよっていう、そういう感じですね。この4つを組み合わせながらデータを保存していくのがデータベースです。

続きまして2個目に、Supabaseとは何ぞという話をしたいと思います。まず、Supabaseっていうのは、データベースを簡単に使えるように、いろんな裏側の設定を0から用意しなくても済むようなサービスです。有償のサービスで、データベースっていうものをゼロから本当に用意しようとすると、例えばサーバーを作る、そして色々設定するみたいな、結構専門知識が要求されるんですけど、もう本当にデータベースをすぐさらっと使いたいとなったら、こういうSupabaseのような、データベースの機能をまとめて使えるようなサービスを使うとお手軽に使えます。これをBackend as a Service、BaaS、バースと呼んだりしますけれども、そういうものがあります。これを入れると、データベースをただ使えるようになるだけじゃなくて、認証の仕組み、この人は本当に大丈夫かなっていうログインの仕組みであるとか、APIで繋ぐ仕組みであるとか、そういうものもまとめてできるということです。なので、面倒な準備ができるんだなと思っていただくといいと思います。

実は、そのSupabaseというサービスの中でベースとなっているのは、ポスグレというものになってまして、これね、MySQLとか色々なタイプのデータベースがあるんですけれども、1つ標準的な、世界中で使われてるポスグレというものを使えるようになっていまして、これを0からポスグレを用意することもできますが、Supabaseを使うと、まずはお手軽に、バイブコーディングをやり始めたばかりの人も、ちょっとハードルはあるけど、それなりに使えるよというものです。結構バイブコーディングとの相性はいいなと思っていて、色々AIに言って「Supabaseでよしなにやっといて」と言うと、それなりにやってくれるので、なので今回はSupabaseを紹介してます。でも他にもいろんな製品があるので、是非興味を持った方がいたら色々調べてみていただくといいと思います。

はい、次に、バイブコーディングで実際にこのデータベース、Supabaseでもいいですし、ポスグレとかMySQLとかを自分で立てたものでもいいんですけど、それを使う時の注意点についてお話しします。この単語を覚えておくといいよっていう単語がいくつかあるので、それもご紹介いたします。

まず1番大事なのは、データベースを壊さないように気をつけるということですね。セキュリティ面の話はまた別の回でやろうと思うんですけれども、1番データベースを使ってる時に怖いのは、データが意図せずに消えてしまったり、入ってたデータが整合しなくなったりすることで、これをなるべく防ぎながらAIで作業をする必要があります。壊さない意識です。壊さない意識。AIはかなり最近賢くなってきてますけど、度々聞くのは、AIが勝手に操作してデータベースの中身を全部消しちゃったとか、壊しちゃったとか、書き換えちゃったとか、そういうことが起きるので、AIがそういう変に壊したりすることを防ぎながら使う必要があります。本番のデータを守りながらAIを使う、これをもう絶対やる必要があります。この意識が大事、壊さない意識が。

えっとですね、危険な言葉があります。この壊さない意識をする時に注意するべきことがあって、この危険な言葉が出てきた時に気をつけるっていうことで、ここに書いてあるのがDELETE、UPDATE、WHERE句っていう、この3つが出てきたらちょっと注意度を上げようということなんですけど、

まず前提として何を言ってるかと言うと、データベースをいじるという時に、データベースに対して命令を送ります。こういうデータを追加してくださいね、こういうデータを削除してくださいね、この3行目のデータをこうこうこういう風に変えてくださいね、山田さんを山田花子さんに変えてくださいね、とか、そういう命令をします。AIで言うところのプロンプトを送るみたいなもんなんですけど、このプロンプトがいわゆるSQL構文というものになっておりまして、SQLっていうのがStructured Query Languageと呼ばれるものなんですけれど、こういうタイプの機械言語、プログラミングの言語があって、このSQL、構造化されたクエリの言語を送ると、それに沿ってデータベース側がいろんな処理をしてくれるものになってます。これもですね、バイブコーディングの超入門講座を見てる皆さんは、SQL構文の詳細はまだ何も知らないと思うんですけれども、これはおいおい、慣れていくごとにどんどん、こういうことがSQLでやられているんだなっていうのを、興味ある方はどんどん調べていただいて。一定、細かいものを作ろうとした時にはこういういろんな知識が必要になってくるわけですけれども、一旦この3つ、DELETE、UPDATE、WHERE句が出てきた時に気をつけてみようということです。

このSQL文の中にDELETEっていうものとUPDATEっていうものとWHERE句ってものがあるわけですけれども、DELETEはもうそのまま名の通り、このデータを削除してっていう命令ですね。これが本番のデータベースに飛ぶと削除、消えちゃってやばい。UPDATEも、例えば山田太郎を山田花子にしてっていうのが送られるわけですけど、そうすると山田太郎だったという情報が消えちゃうんで、UPDATEする時も非常に気をつけないといけない。WHERE句っていうのは、どのデータを対象にするのかっていうのを指定するものです。

例えばこれ、呪文みたいなもんだと思って見ていただきたいんですけど、安全な例と書いてあるのが「DELETE FROM users WHERE id = 5」って書いてあります。これは何を言ってるかというと、DELETEなので消すと。「FROM users」って書いてあるのが、さっき言ってたテーブルっていうのが何枚もあるよね、表が何枚もあるよねってことなんですけど、ユーザーのテーブル、ユーザーの表から消すということになっていて、WHEREという文字が入っているので、IDが5番だったらっていう条件が指定されてるわけですね。IDが5番の人のユーザーの情報を消してねっていうのが、このSQL文の言ってることになります。ところが、これもしWHERE句を付け忘れていると大変なことになって、「DELETE FROM users」なんで、ユーザーの表の一覧が一撃で全部消えちゃうわけですよね。なので、このWHEREが入ってるか入ってないか、そしてそのIDの条件がID=5なのか、IDが5じゃないことなのかで、もう全然変わっちゃうわけですよ。IDが5ではない、って書いてたら、これはもうID5番以外の人の情報が全部消えちゃうわけですね。ということで、SQL文っていうのはちょっと間違えるだけで、もう本番のデータが危機にさらされてしまうようなものです。

バイブコーダーの皆さんは、これをそのまんま書くことはまだあんまりないと思いますが、こういったDELETEとかが出てきた時には、おやっていうことをちゃんと考える必要があるということです。どう考えれば良いかと言うと、例えば時々AIが、こういうSQL文を打っていいですかみたいな話をしてくるんですけど、DELETEやUPDATEが入ってるようなものの場合は、もしかするとデータが消えちゃうかもしれないものなので、ちょっと待って、ちゃんと確認しようねということです。

じゃあ、どうやって気をつければいいのかというところなんですが、この事故を防ぐコツをちょっとお話しします。データベースを触る人なら基礎的にやっていることではあるんですけど、まず何かデータを操作しようと思った時には、件数とかサンプルを見て確認しましょうということですね。例えばさっきの「DELETE FROM users」のDELETEっていうのを、SELECTっていうのに変えることができるんですね。SELECTっていうのは選択するってことなんですけど、「SELECT FROM users」みたいな形にして、「WHERE id = 5」って言うと、その対象となるデータがまず引かれてきます。データベースが、これが対象となるデータだよっていうのを返してくれて、その中身とかその件数とかを見ると、自分が変なことしてるかしてないかってのが分かるので、それをまず見てください。例えばさっきのケースで言うと、「DELETE FROM users WHERE」でIDが5ではない、と、=5じゃなくて「not =5」にしちゃってた場合は、なぜか1人のデータだけ消そうとしたのに、例えばユーザーが1万人いたら、1万件のデータが対象になってるよっていうのが出てくるんで、おやおや、これはちょっとなんかもう完全に違うなみたいなことが分かるわけですね。っていうのが1つ。必ず本番のデータを触る時には、SELECT文、あるいはその対象となるデータの中身を確認してからやりましょうという。

そして2つ目が、本番と開発を分けることです。これが非常に大事で、実際に開発してたらデータを壊しちゃいがちなんですよね。なんですけど、例えばもう本番でユーザーがついていて、ユーザーが触っているようなものの場合は、それを開発しながら壊しちゃうと大変なことになるので、開発用と本番用を切り分けるということです。この開発と本番を分けるっていうのも、もうちょっとだけ言うと、このキーワードだけ覚えておくとAIと会話しやすいかなと思うのが、本番環境のことをプロダクション環境と呼びます。本番のこと、プロダクション環境ということ。そのちょっと直前の検証環境のことをステージング環境と呼びます。もう本番に出る直前のものですね。ステージング環境。もっと初期的な開発用にわちゃわちゃやってるものを、デベロップメント環境とか開発環境って呼んだりするんで、このいろんなわちゃわちゃした開発環境でやってたものがステージングに昇格して、さらにそれがプロダクション環境になるということで、データベースもその数だけ置いておくといいよということです。ここら辺も色々流派があったりしますけれども。

そしてあともう1つ大事なのが、バックアップを取ることですね。毎日バックアップをこの時間に取るとか、そういうことが今のデータベースの製品だとできるようになっているので、毎日バックアップを取りましょう。この取ったデータのことをダンプデータと呼んだりします。このダンプデータっていう単語も覚えておくと、AIとお話ししやすいかもしれないです。このダンプデータ、あるいはバックアップデータを持っておくと、仮に本番データを壊しても、後からこの日のこの時間までは直してあげるよ、と。例えば毎日朝7時にバックアップを取ってて、間違えて12時に消しちゃったら、5時間分の情報は失われるかもしれないんですけど、そこまでの情報は担保できるよとか、あとは製品によっては、直前まで復旧できるようなものとかもあったりするので、バックアップをしっかり取っておくと、仮にデータを壊しちゃってもなんとかなるっていう、ここを覚えておいていただきたいと思います。

Supabaseだと、バックアップを毎日やってくれるというものがありますし、フリープランでも手動でバックアップすることができるので、難しい作業をする直前にバックアップを取っておくと。あるいはClaude Codeに「今バックアップ取っといて」って言うと、バックアップを取ってくれるので、そういう機能もSupabaseはついてるよということです。

AIをどこまで信頼するのかという話なんですけれども、基本的に最終的な確認をちゃんとやっていただきたいということですね。なので、何を消すか、そして何を書き換えるか、どこで実行してるのか、開発環境なのか、ステージング環境なのか、あるいはバックアップがあるかっていうことは、ちゃんと人間が確認しながら仕事を一歩一歩進めていきましょうということです。

ということで、ここまでお話ししてきました。普通にやるとデータベースってもうめちゃくちゃ時間がかかるというか、これはもういろんな深い知識があるんですけれども、本当に表層的なところだけまず解説させていただきましたが、自分がやりたいことがあったら、どんどんAIに「これできる？」っていうのを聞いてみて、分からない概念が出てきたら、それもまたAIに聞いて、どんどん理解していっていただければと思います。ざっくり今日お話ししたのは、まずデータベースの基本ということで、これはざっくり言うと、すげえExcel、すげえスプレッドシートだということです。普通のExcelとかスプレッドシートと違って、列ごとにデータ型というのがあって、それごとにかっちりした構造があるよということです。2つ目が、生のデータベースのソフトウェアをそのまま使うんじゃなくて、Backend as a Serviceの、例えばSupabaseであるとか、そういったものを使うと、AIエージェントでも非常に使いやすいよということです。3つ目が注意点ということで、ちゃんとバックアップを取ろうねとか、何か消したりアップデートしたりする時には範囲を確認しようねとか、あとは環境もちゃんといくつか用意しておいて、本番環境っていうのは絶対に死守しようねとか、そういう話をさせていただきました。ちょっと難しいかもしれないですが、今日聞いた話、キーワードをもとに色々深掘って、色々試行錯誤をしてみて、AIと対話してみてください。

今日入れようかと思ったけど入れなかった、コンセプトというかキーワードとかが色々あるので、ここら辺のキーワードを知っておくと、より次のステップに行けるよっていう、それだけ紹介したいと思います。まずデータベースの基本っていうところで、プライマリーキーとか外部キーとか、テーブルとテーブルをどうやって紐付けるかっていう概念があるんですけれども、覚えておくといいと思います。あとSQLの基本操作というところで、SELECT、INSERT、JOIN、INDEX、UNIQUE、NOT NULL、トランザクション、ロールバック、あとは制約ですね、コンストレイント。はい、ここら辺が分かってくると中級者って感じですね。インデックスっていうのは、データベースを読み取る速度とかが、やっぱりどうしてもデータが大きくなってくると時間がかかっちゃうわけですけど、それを事前に目次をつけておくことによって爆速にするみたいな機能です。

セキュリティの話も大事で、SQLインジェクションと呼ばれるような、変なSQL文を打つことによってデータを意図しない形で壊したり書き換えたりできちゃうようなものがあったりするので、それも大事ですね。あと正規化ですね。正規化も大事です。この正規化とか、テーブルの設計がうまいか下手かみたいなのによって、大きくアプリケーションの作り方とかメンテナンスの効率とか、そこら辺も全然変わってくるんですけれども、昔はこのデータベースをどう設計するのがいいのかっていうことで、ものすごい知見が色々あったんですけど、最近だと多分AIと壁打ちしていくと、AIがめちゃめちゃいいテーブル設計を考えてくれると思うので、基本的には自分がやりたいことをすごいよく考えて、AIとちゃんと壁打ちしながらテーブル設計をしていくのが大事です。このデータベースの1番最初の設計の部分って、実際にアプリケーションが始まった後から直すのが結構大変だったりするので、最初の段階でClaudeであるとかGPTとちゃんと壁打ちをして、テーブルの正規化っていうところを詰めておく、仕様を詰めておくのがおすすめです。

多分、今回も結構飛ばして喋ってる。本当はめちゃめちゃ時間がかかる概念を高速に喋っていってるので、なんか分かんないこととかあったら、ここが分かりにくかったよとか、ここは分かりやすかったよみたいなのもコメントいただければと思います。ということで、バイブコーディング超入門、あともう1回か2回で終わりに行けるかなと思いますが、次の動画もよろしくお願いします。少しでも参考になったら、チャンネル登録、高評価もよろしくお願いします。では、では。