Supabaseで作る記録アプリ

全3回

データベース・認証・ストレージ・サーバーレスランタイム環境などバックエンド機能を提供しているサービス「Supabase」の使い方を解説します。普段あまりバックエンドの知識に馴染みのないフロントエンドエンジニアでも使いやすいサービスです。

第3回 テーブル結合で関連付けてデータを取得する

筋トレ記録アプリの種目一覧ページで、「部位」を親、「種目」を子として、関連付けて表示させます。関連するデータを別のテーブルとして分割し、それぞれをユニークなIDによって紐づけるという「テーブル結合」を用いてデータを取得しましょう。

第2回 Supabaseのデータを取得する

筋トレ記録アプリを作るために、フロントエンドのプロジェクトを作成し、Supabaseのデータを取得します。Supabaseが提供しているJavaScriptクライアントライブラリを用いてデータ取得をしましょう。

第1回 プロジェクトの作成と簡単なテーブルの作成

Supabaseは、データベース・認証・ストレージ・サーバーレスランタイム環境などバックエンド機能を提供しているサービスです。この記事では、Supabaseを使って記録アプリを作っていきます。