
はじめの一歩
フロントエンド・バックエンド・データベース — 3層構造を理解する|バイブコーディング入門 第2回
Webアプリを構成する3つの役割(フロントエンド・バックエンド・データベース)を、レストランの店舗運営に例えて解説する。CursorやClaude Codeが生成するコードが「どの層の処理なのか」を判断できるようになると、エラー対応とAIへの指示が劇的に改善する。
2026/08/1710分で読了
#バイブコーディング#フロントエンド#バックエンド

はじめの一歩
データベースの基本 — Webアプリの「記憶」を理解する|バイブコーディング入門 第18回
バイブコーディングでアプリを作ると、AIが「Supabaseにテーブルを作りましょう」と言ってくる。テーブル? カラム? リレーション? 何のことだかわからないまま「はい」と答えていないだろうか。今回はデータベースの基本を解説する。Excelとの違い、テーブル・行・列の構造、SQLの読み方、そしてバイブコーディングでよく使うSupabaseの仕組みを、非エンジニアでもわかる言葉で説明する。第2回の3層構造、第17回のSQLインジェクションの知識がここでつながる。
2026/04/1621分で読了
#バイブコーディング#データベース#SQL