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
1k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Supabase × GASでサクッと作る!社内向け管理画面の作成法
【夏夜の技術LT大会】Webエンジニアが最近気になっているこの夏発散したい実用的な技術について語るの登壇資料
https://connpass.com/event/327003/
Kana Haebaru
August 26, 2024
More Decks by Kana Haebaru
See All by Kana Haebaru
技術だけじゃ足りなくなった日 ~エンジニアがFDE的に越境して見えたこと~
kanasann1106
0
42
そろそろ本格的にはじめたい生成AIアプリ開発
kanasann1106
0
33
おさえておきたい!LLM アプリケーション開発の基礎とLangChain/LangGraph の概要解説
kanasann1106
0
41
開発以外の業務も、Cursor で効率化できる?
kanasann1106
0
120
生成AI活用機能のプロンプト設計と開発の裏側
kanasann1106
0
350
バイアスを越えて、自分らしいエンジニアキャリアを見つける
kanasann1106
0
190
OpenAIとLangChainを活用して ジェンダーバイアス解消ツールを作った話
kanasann1106
0
54
いいプロダクトを作りたい!の想いで動いていた結果 テックリードになっていた話
kanasann1106
0
110
駆け出しエンジニア時代に書いた クソコードをリファクタしてみた
kanasann1106
0
720
Other Decks in Technology
See All in Technology
2026-09-11 【Snowflake World Tour Tokyo 2026】Snowflakeを起点に、AI Agentが自律稼働し続ける未来へ / Driving AI Agents with Snowflake
civitaspo
0
190
現場に行くだけでは足りない——プロダクトエンジニアが業務の流れを捉える観点と、その鍛え方
takumiengineering
0
330
生成AIのテナント制御とシャドーMCP対策 | AIを"止めずに"、情報を守る
yukun
0
130
Deploying a Full-Stack Bun-Native Framework on Cloudflare Workers
7nohe
0
100
AI-DLCって実際どう? 〜聞きたいこと全部聞いてみる〜
news_it_enj
0
240
Jetpack Compose で挑む新聞紙面UI ─ 複合ジェスチャー・ポリゴン記事領域・適応的ページ構成という3つの壁/droidkaigi2026
nikkei_engineer_recruiting
0
240
KPIだけでは評価できないプロダクトが考えるべき Evalsという第二の評価系 / Beyond KPIs: Evals as a Second Evaluation Framework for Products #PdEConf
aki_iinuma
4
3.7k
プロダクト思考 × 基盤思考を AIで実現する Compound Engineering
tkc66buzz
1
290
AIとペアプロを始める。人とのペアプロをやめる。ペアプロの良さを改めて知る。もっと好きになった。 / Rediscovering Pair Programming
honyanya
1
290
Amazon S3 Tablesに全部任せてみた結果——コンパクション/スナップショット管理は本当に手放せるか
shigeruoda
0
410
プロダクトエンジニアに必要な「いい感じ」に作る能力 〜たくさん作れる時代に、どこまで作るかの決め方〜
jnishime_dresscode
2
1.4k
AIエージェントの開発・提供におけるセキュリティリスクの論点と対策
flatt_security
2
610
Featured
See All Featured
Building Applications with DynamoDB
mza
96
7.2k
Thoughts on Productivity
jonyablonski
76
5.4k
The Curse of the Amulet
leimatthew05
2
14k
Site-Speed That Sticks
csswizardry
13
1.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
WENDY [Excerpt]
tessaabrams
12
39k
Exploring anti-patterns in Rails
aemeredith
3
500
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
570
Faster Mobile Websites
deanohume
310
32k
Crafting Experiences
bethany
1
300
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
3k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
820
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