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
390
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
9
おさえておきたい!LLM アプリケーション開発の基礎とLangChain/LangGraph の概要解説
kanasann1106
0
6
開発以外の業務も、Cursor で効率化できる?
kanasann1106
0
77
生成AI活用機能のプロンプト設計と開発の裏側
kanasann1106
0
260
バイアスを越えて、自分らしいエンジニアキャリアを見つける
kanasann1106
0
170
OpenAIとLangChainを活用して ジェンダーバイアス解消ツールを作った話
kanasann1106
0
31
いいプロダクトを作りたい!の想いで動いていた結果 テックリードになっていた話
kanasann1106
0
87
駆け出しエンジニア時代に書いた クソコードをリファクタしてみた
kanasann1106
0
700
フロントエンドエンジニアがLaravelでテストコードを書いてみた
kanasann1106
0
830
Other Decks in Technology
See All in Technology
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.3k
私のRails開発環境
yahonda
0
180
ブロックテーマとこれからの WordPress サイト制作 / Toyama WordPress Meetup Vol.81
torounit
0
310
Ryzen NPUにおけるAI Engineプログラミング
anjn
0
220
GitLab Duo Agent Platformで実現する“AI駆動・継続的サービス開発”と最新情報のアップデート
jeffi7
0
160
履歴テーブル、今回はこう作りました 〜 Delegated Types編 〜 / How We Built Our History Table This Time — With Delegated Types
moznion
16
9.5k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
37k
32のキーワードで学ぶ はじめての耐量子暗号(PQC) / Getting Started with Post-Quantum Cryptography in 32 keywords
quiver
0
200
原理から解き明かす AIと人間の成長 - Progate BAR
teba_eleven
2
300
Design System Documentation Tooling 2025
takanorip
1
930
Data Hubグループ 紹介資料
sansan33
PRO
0
2.3k
AI 時代のデータ戦略
na0
8
3.3k
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
40
2.2k
Optimizing for Happiness
mojombo
379
70k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Writing Fast Ruby
sferik
630
62k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
69k
The Cost Of JavaScript in 2023
addyosmani
55
9.3k
How to Ace a Technical Interview
jacobian
280
24k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Facilitating Awesome Meetings
lara
57
6.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.3k
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