Supabase CLIのある開発日常 株式会社Berry 浅沼　敬 2024/8/22 Supabase Tokyo Meetup

会社紹介：株式会社Berry 赤ちゃん向けの頭蓋形状矯正ヘルメットを提供する医療機器メーカーです 株式会社Berry https://www.berryinc.co.jp/

BerryはSupabaseを採用して3年 Findy Toolsへ導入事例を寄稿したり、テックブログで紹介したりしています Findy Tools Supabase導入事例 https://findy-tools.io/products/supabase/32/117 Berry テックブログ Supabaseでアプリをリリースする前に確認すること https://zenn.dev/berry_blog/articles/cfce64da076878

背景・モチベーション Supabaseを使うなら、Supabase CLIも使わないともったいない！ Berry入社時は、リモートのSupabaseを共有して開発していた ↓ Supabase CLIを利用：ローカル開発・CIの開発体験が爆上がり

Supabase CLI：よく使うコマンド > yarn supabase gen types typescript --local も必須で使う

開発の流れ ローカル SupabaseUI Supabase CLI テーブル 追加・編集 db diff テストデータ db dump VSCode 実装・テスト Github Pull Request Github Actions CI db reset

デモ https://youtu.be/xYMo_KTpaHU?si=tyH-Qokoh9OfCk OY

ローカル & Github Actions の容易さ Supabase CLIの旨味はGithub Actions - Migration & seed.sqlでローカルも Github Actions上も同じ状態にできる - 公式のActionsが用意されているので、 簡単にCIを始めることができる - 環境違いに困ることがない

環境による認知負荷を生みにくい ⇒ 開発体験向上 ローカル＆Github Actionsとリモートは、すべて同じ環境になる ＝ 環境によって覚えることを変えなくて良い！ Supabase CLI migration seed Github Actions Develop ment Supabase migration Staging Production

まとめ: 認知負荷と学習コストの軽減は、クラウドの本質的な恩恵でありがたい ・学習コストも低い Docker File, Docker Compose, Kube Manifest, TeraForm… で、開発環境を構築してきた中で、もっとも簡単で快適

おまけ：Authを通してRLSをテストする Berry テックブログ VitestをつかってSupabaseのRow Level Security（RLS）の Policyをテストする https://zenn.dev/berry_blog/articles/03beda8c668127

Wantedly：株式会社Berry 3D ✕ 医療機器ベンチャーの幹部候補エンジニア募集！ https://www.wantedly.com/projects/159442 6