Supabase × GASでサクッと作る！社内向け管理画面の作成法

【夏夜の技術LT大会】Webエンジニアが最近気になっているこの夏発散したい実用的な技術について語るの登壇資料
https://connpass.com/event/327003/

Transcript

1. Supabase × GASでサクッと作る！ 社内向け管理画面の作成法 - 夏 夜 の 技 術 L T 大 会 2 0 2 4 . 0 8 . 2 6 -
2. 話すこと （スタートアップでありがちな）社内向け管理画面をち ゃんと作る余裕もコストもない中でいかに簡単かつ迅速 に作成できるかについて事例を紹介します。 SupabaseとGASの相性いいぞ！
3. アジェンダ 01 02 03 04 自己紹介 スタートアップあるある なぜSupabaseとGASか？ 事例紹介 05 まとめ
4. 南風原 香奈 Haebaru Kana 2018年：Webエンジニアになる 2019年：建設SaaSの事業会社に転職 プロダクト開発・EM・PdMを経験 2023年：フリーランスになる ランサーズエージェント WAKE Career（女性IT/Webエンジニアのためのハ イスキル転職サイト） 将来やりたいこと：地元の与那国島にTechカフェを作 り、島の人たちにプログラミングを教えながらまったり 過ごすこと X: @kanasann1106
5. スタートアップあるある 開発リソース不足 ユーザー向け 機能開発 手動でデータ登録 スピード重視
6. スタートアップあるある Biz データ取得やデータ登録の依頼 Engineer
7. データ取得やデータ登録の依頼 スタートアップあるある Biz Engineer 非効率すぎる 😫 自動化できないものか。 。
8. なぜSupabaseとGASか？ 元々Supabaseを用いてプロダクト開発をしていた Supabaseは、API経由でDB操作が可能 bizはユーザー情報などのデータ管理を主にGoogle スプレッドシートを用いて運用していた 普段から使い慣れているGoogleフォームやスプレ ッドシートをそのまま活用できる
9. 技術スタック SupabaseのRESTful API Postg REST（PostgreSQLデータベースから自動的 にRESTful APIを生成するツール） Google App Script
10. 事例紹介①：ユーザ情報の管理
11. 事例紹介①：ユーザ情報の管理
12. 事例紹介①：ユーザ情報の管理
13. 事例紹介②：データ入力
14. 事例紹介②：データ入力
15. 事例紹介②：データ入力
16. まとめ 毎週手動でデータ取得、スプレッドシートに反映 していた作業がなくなってHAPPY！ bizがリアルタイムにデータを確認できる bizがエンジニアへ毎回依頼する負担がなくなる Googleのツールを用いてるので閲覧権限の設定が できセキュリティ的にもGood！
17. Thank You