生成AIコーディング× Supabase:社内備品管理アプリを作ろう

生成AIコーディング× Supabase:社内備品管理アプリを作ろう Supabaseで作る認証付き備品管理アプリ実践

この講座では、生成AI(Claude Code等)とSupabaseを使って認証・データベース・ファイルストレージを備えた本格的な社内備品管理アプリを作ります。

サンプルアプリはこちら。ぜひ実際に動かしてみてくださいね。

【講座を通じて作成するWebアプリ】

認証機能付き:Supabaseを使って安心の認証機能を手軽に搭載します。

CRUD機能付きSupabase上のデータベースに、データの新規登録・更新・削除を行います。

権限機能付:投稿した本人のみが編集・削除できるようにします。

実際の研修・コンサルにて社内Webアプリ開発内製化支援も行っております。こちらから、お気軽にお問い合わせください。
AI系ツール

Supabaseとは?バイブコーディング時代のバックエンド。Firebaseとの比較や特徴を解説

Supabase(スパベース)とは、バックエンドの機能をまるごと提供してくれる BaaS(Backend as a Service) のひとつ。「認証」「データベース」「ストレージ」「リアルタイム通信」といった、Webアプリ開発に欠かせない...
2025.11.18
Supabaseで作る認証付き備品管理アプリ実践

Supabaseとは?生成AI時代のバックエンドサービスを分かりやすく解説01:Supabaseの人気の秘密

Supabase(スーパーベース・スパベース)って聞いたことあります? 生成AIコーディング(バイブコーディング)のバックエンドともいえるBaaS(Backend as a Service:バックエンドをまとめて提供するサービス) で...
2025.11.19
Supabaseで作る認証付き備品管理アプリ実践

社内備品管理アプリをつくってみよう:準備編:生成AIツールのインストール(Claude Codeのインストール方法)

今回の備品管理システムを開発する上で、次の2点が必要となります。 Node.js:JavaScriptの実行環境。ReactなどのWeb開発に必要 Claude Code:AIコーディングツール本体 もしまだ生成AIツ...
2026.02.23
Supabaseで作る認証付き備品管理アプリ実践

Supabaseとは02:データベースを使った社内備品管理アプリを作ってみる【ReactでCRUD操作】

Supabase(スーパーベース・スパベース)の使い方2回目。今回はSupabaseでデータベースを使ってみます。 今回は社内備品管理用のWebアプリのデータベースとして、Supabaseを使うという想定でいきます。 ...
2026.02.14
Supabaseで作る認証付き備品管理アプリ実践

Supabaseとは03:社内備品管理アプリに認証機能(ユーザー登録・ログイン)を追加

Supabase(スーパーベース・スパベース)の使い方3回目。今回はSupabaseで認証機能をつけていきます。 前回作成したWebアプリを使っていきます。前回の内容はこちら。 くまみ ...
2025.11.21
Supabaseで作る認証付き備品管理アプリ実践

Supabaseとは04:データベースを使った社内備品管理アプリにRLSを設定してセキュリティ強化

Supabase(スーパーベース・スパベース)の使い方4回目。 今回はこれまで作成してきたWebアプリに、RLS設定も行っていきます。本人しか編集・削除できなくしていきましょう。 RLSをオンにすると、セキュ...
2026.02.15
タイトルとURLをコピーしました