Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Supabase × GASでサクッと作る!社内向け管理画面の作成法
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kana Haebaru
August 26, 2024
Technology
0
710
Supabase × GASでサクッと作る!社内向け管理画面の作成法
【夏夜の技術LT大会】Webエンジニアが最近気になっているこの夏発散したい実用的な技術について語るの登壇資料
https://connpass.com/event/327003/
Kana Haebaru
August 26, 2024
Tweet
Share
More Decks by Kana Haebaru
See All by Kana Haebaru
そろそろ本格的にはじめたい生成AIアプリ開発
kanasann1106
0
18
おさえておきたい!LLM アプリケーション開発の基礎とLangChain/LangGraph の概要解説
kanasann1106
0
12
開発以外の業務も、Cursor で効率化できる?
kanasann1106
0
93
生成AI活用機能のプロンプト設計と開発の裏側
kanasann1106
0
290
バイアスを越えて、自分らしいエンジニアキャリアを見つける
kanasann1106
0
170
OpenAIとLangChainを活用して ジェンダーバイアス解消ツールを作った話
kanasann1106
0
39
いいプロダクトを作りたい!の想いで動いていた結果 テックリードになっていた話
kanasann1106
0
90
駆け出しエンジニア時代に書いた クソコードをリファクタしてみた
kanasann1106
0
710
フロントエンドエンジニアがLaravelでテストコードを書いてみた
kanasann1106
0
840
Other Decks in Technology
See All in Technology
[JAWSDAYS2026]Who is responsible for IAM
mizukibbb
0
540
AI実装による「レビューボトルネック」を解消する仕様駆動開発(SDD)/ ai-sdd-review-bottleneck
rakus_dev
0
120
Claude Codeの進化と各機能の活かし方
oikon48
22
12k
AWS DevOps Agent vs SRE俺 / AWS DevOps Agent vs me, the SRE
sms_tech
3
570
[JAWS DAYS 2026]私の AWS DevOps Agent 推しポイント
furuton
0
150
親子 or ペアで Mashup for the Future! しゃべって楽しむ 初手AI駆動でものづくり体験
hiroramos4
PRO
0
110
事例に見るスマートファクトリーへの道筋〜工場データをAI Readyにする実践ステップ〜
hamadakoji
1
310
Dr. Werner Vogelsの14年のキーノートから紐解くエンジニアリング組織への処方箋@JAWS DAYS 2026
p0n
1
130
決済サービスを支えるElastic Cloud - Elastic Cloudの導入と推進、決済サービスのObservability
suzukij
2
620
AI時代の「本当の」ハイブリッドクラウド — エージェントが実現した、あの頃の夢
ebibibi
0
110
銀行の内製開発にて2つのプロダクトを1つのチームでスクラムしてみてる話
koba1210
1
120
身体を持ったパーソナルAIエージェントの 可能性を探る開発
yokomachi
1
110
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
390
It's Worth the Effort
3n
188
29k
Context Engineering - Making Every Token Count
addyosmani
9
740
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.9k
Music & Morning Musume
bryan
47
7.1k
Everyday Curiosity
cassininazir
0
160
Discover your Explorer Soul
emna__ayadi
2
1.1k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
67
37k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
160
The browser strikes back
jonoalderson
0
790
Transcript
Supabase × GASでサクッと作る! 社内向け管理画面の作成法 - 夏 夜 の 技 術
L T 大 会 2 0 2 4 . 0 8 . 2 6 -
話すこと (スタートアップでありがちな)社内向け管理画面をち ゃんと作る余裕もコストもない中でいかに簡単かつ迅速 に作成できるかについて事例を紹介します。 SupabaseとGASの相性いいぞ!
アジェンダ 01 02 03 04 自己紹介 スタートアップあるある なぜSupabaseとGASか? 事例紹介 05
まとめ
南風原 香奈 Haebaru Kana 2018年:Webエンジニアになる 2019年:建設SaaSの事業会社に転職 プロダクト開発・EM・PdMを経験 2023年:フリーランスになる ランサーズエージェント WAKE
Career(女性IT/Webエンジニアのためのハ イスキル転職サイト) 将来やりたいこと:地元の与那国島にTechカフェを作 り、島の人たちにプログラミングを教えながらまったり 過ごすこと X: @kanasann1106
スタートアップあるある 開発リソース不足 ユーザー向け 機能開発 手動でデータ登録 スピード重視
スタートアップあるある Biz データ取得やデータ登録の依頼 Engineer
データ取得やデータ登録の依頼 スタートアップあるある Biz Engineer 非効率すぎる 😫 自動化できないものか。 。
なぜSupabaseとGASか? 元々Supabaseを用いてプロダクト開発をしていた Supabaseは、API経由でDB操作が可能 bizはユーザー情報などのデータ管理を主にGoogle スプレッドシートを用いて運用していた 普段から使い慣れているGoogleフォームやスプレ ッドシートをそのまま活用できる
技術スタック SupabaseのRESTful API Postg REST(PostgreSQLデータベースから自動的 にRESTful APIを生成するツール) Google App Script
事例紹介①:ユーザ情報の管理
事例紹介①:ユーザ情報の管理
事例紹介①:ユーザ情報の管理
事例紹介②:データ入力
事例紹介②:データ入力
事例紹介②:データ入力
まとめ 毎週手動でデータ取得、スプレッドシートに反映 していた作業がなくなってHAPPY! bizがリアルタイムにデータを確認できる bizがエンジニアへ毎回依頼する負担がなくなる Googleのツールを用いてるので閲覧権限の設定が できセキュリティ的にもGood!
Thank You