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
Kana Haebaru
August 26, 2024
Technology
0
530
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
11
おさえておきたい!LLM アプリケーション開発の基礎とLangChain/LangGraph の概要解説
kanasann1106
0
7
開発以外の業務も、Cursor で効率化できる?
kanasann1106
0
87
生成AI活用機能のプロンプト設計と開発の裏側
kanasann1106
0
270
バイアスを越えて、自分らしいエンジニアキャリアを見つける
kanasann1106
0
170
OpenAIとLangChainを活用して ジェンダーバイアス解消ツールを作った話
kanasann1106
0
34
いいプロダクトを作りたい!の想いで動いていた結果 テックリードになっていた話
kanasann1106
0
87
駆け出しエンジニア時代に書いた クソコードをリファクタしてみた
kanasann1106
0
710
フロントエンドエンジニアがLaravelでテストコードを書いてみた
kanasann1106
0
830
Other Decks in Technology
See All in Technology
AWS re:Inventre:cap ~AmazonNova 2 Omniのワークショップを体験してきた~
nrinetcom
PRO
0
130
Java 25に至る道
skrb
3
190
あの夜、私たちは「人間」に戻った。 ── 災害ユートピア、贈与、そしてアジャイルの再構築 / 20260108 Hiromitsu Akiba
shift_evolve
PRO
0
520
形式手法特論:コンパイラの「正しさ」は証明できるか? #burikaigi / BuriKaigi 2026
ytaka23
16
4.8k
純粋なイミュータブルモデルを設計してからイベントソーシングと組み合わせるDeciderの実践方法の紹介 /Introducing Decider Pattern with Event Sourcing
tomohisa
1
870
Everything As Code
yosuke_ai
0
500
First-Principles-of-Scrum
hiranabe
3
1.7k
[PR] はじめてのデジタルアイデンティティという本を書きました
ritou
1
790
_第4回__AIxIoTビジネス共創ラボ紹介資料_20251203.pdf
iotcomjpadmin
0
180
会社紹介資料 / Sansan Company Profile
sansan33
PRO
11
390k
202512_AIoT.pdf
iotcomjpadmin
0
190
2025年の医用画像AI/AI×medical_imaging_in_2025_generated_by_AI
tdys13
0
320
Featured
See All Featured
Skip the Path - Find Your Career Trail
mkilby
0
39
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
The Curious Case for Waylosing
cassininazir
0
200
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
0
410
Utilizing Notion as your number one productivity tool
mfonobong
2
190
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
270
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Tell your own story through comics
letsgokoyo
0
780
Color Theory Basics | Prateek | Gurzu
gurzu
0
170
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
140
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