月: 2024年9月

TypeScriptでリレーションを使用してSupabaseのテーブルからデータを取得する方法についてまとめました。 リレーションとは、データベース内の複数のテーブル間で関係を構築することを指します。これにより、複数のテーブルから関連データを一度に取得しやすくなります。 この記事では、1対1、1対多、多対多のリレーションを設定し、実際にデータを取得する手順を例を交えて紹介します。 SupabaseはPostgreSQLをベースにしているため、リレーション機能をサポートしています。これにより、データの結合や集約が容易に行え、効率的なデータ操作が可能になります。 今回使用するテーブル構成 • users テーブル • id • username • profile_id • profiles テーブル • id • name • posts テーブル • id • user_id • title • user_roles テーブル • user_id • role_id • roles テーブル • id • role_name 外部キーを設定する Supabaseでリレーションを設定するには、データベーステーブルの定義において適切な外部キー（foreign key）制約を追加する必要があります。 以下のようにusersテーブルにprofile_idカラムを追加し、これをprofilesテーブルのidカラムに関連付けることで、リレーションを貼ることができます。 [crayon-671629f9f2496778680370/] こんな感じで、他のテーブルにも外部キーを貼っていきます。 実際にリレーションを使ってデータを取得する 1対1のリレーション users と profiles のリレーションを取得する例です。 [crayon-671629f9f2499583664094/] レスポンス例 [crayon-671629f9f249a756088964/] 1対多のリレーション users と posts のリレーションを取得する例です。 [crayon-671629f9f249b145911362/] レスポンス例 [crayon-671629f9f249c462627122/] 多対多のリレーション users と roles の多対多のリレーションを user_roles テーブルを通じて取得する例です。 [crayon-671629f9f249d474658753/] レスポンス例 [crayon-671629f9f249e552205472/] 複数のリレーションの組み合わせ 複数のリレーションを組み合わせてデータを取得することも可能で、users、profiles、postsを同時に取得する場合は以下のようになります。 [crayon-671629f9f249f530032407/] レスポンス例 [crayon-671629f9f24a0435065116/] INNER JOINとLEFT JOINで取得する場合 SupabaseはPostgreSQLを基盤としているため、PostgreSQLでサポートされているJOINの種類を利用できます。 INNER JOIN INNER JOINは、両方のテーブルに共通するデータのみを取得します。 [crayon-671629f9f24a1018093044/] LEFT JOIN LEFT JOINは、左側のテーブルのすべてのデータと、右側のテーブルに一致するデータを取得します。一致しない場合、右側のテーブルのデータはNULLになります。 [crayon-671629f9f24a2617501323/] おわりに リレーションを利用することで、複数のテーブルにまたがる複雑なデータを効率的に扱うことができます。 Supabaseの柔軟なクエリ機能を活用することで、INNER JOINやLEFT JOINなどの様々なJOINを使ってデータを取得することもできます。 TypeScriptとSupabaseを使ってリレーションを設定し、データを取得する方法について個人的な備忘録としても兼ねて紹介しました。

TypeScriptでSupabaseのテーブルからリレーションを使ってデータを取得する