Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Supabase × GASでサクッと作る!社内向け管理画面の作成法
Search
Kana Haebaru
August 26, 2024
Technology
0
450
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
10
おさえておきたい!LLM アプリケーション開発の基礎とLangChain/LangGraph の概要解説
kanasann1106
0
6
開発以外の業務も、Cursor で効率化できる?
kanasann1106
0
83
生成AI活用機能のプロンプト設計と開発の裏側
kanasann1106
0
270
バイアスを越えて、自分らしいエンジニアキャリアを見つける
kanasann1106
0
170
OpenAIとLangChainを活用して ジェンダーバイアス解消ツールを作った話
kanasann1106
0
32
いいプロダクトを作りたい!の想いで動いていた結果 テックリードになっていた話
kanasann1106
0
87
駆け出しエンジニア時代に書いた クソコードをリファクタしてみた
kanasann1106
0
700
フロントエンドエンジニアがLaravelでテストコードを書いてみた
kanasann1106
0
830
Other Decks in Technology
See All in Technology
Strands Agents × インタリーブ思考 で変わるAIエージェント設計 / Strands Agents x Interleaved Thinking AI Agents
takanorig
4
2k
さくらのクラウド開発ふりかえり2025
kazeburo
2
1.1k
Connection-based OAuthから学ぶOAuth for AI Agents
flatt_security
0
360
「もしもデータ基盤開発で『強くてニューゲーム』ができたなら今の僕はどんなデータ基盤を作っただろう」
aeonpeople
0
240
オープンソースKeycloakのMCP認可サーバの仕様の対応状況 / 20251219 OpenID BizDay #18 LT Keycloak
oidfj
0
160
事業の財務責任に向き合うリクルートデータプラットフォームのFinOps
recruitengineers
PRO
2
200
AI with TiDD
shiraji
1
270
日本の AI 開発と世界の潮流 / GenAI Development in Japan
hariby
1
380
「図面」から「法則」へ 〜メタ視点で読み解く現代のソフトウェアアーキテクチャ〜
scova0731
0
490
Bedrock AgentCore Evaluationsで学ぶLLM as a judge入門
shichijoyuhi
2
240
Introduce marp-ai-slide-generator
itarutomy
0
110
re:Invent2025 3つの Frontier Agents を紹介 / introducing-3-frontier-agents
tomoki10
0
400
Featured
See All Featured
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
37
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
72
Game over? The fight for quality and originality in the time of robots
wayneb77
1
66
Test your architecture with Archunit
thirion
1
2.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
SEO for Brand Visibility & Recognition
aleyda
0
4.1k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
120
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
110
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
0
75
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