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
狩猟 × IT with Supabase
Search
natady
September 19, 2024
Programming
69
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
狩猟 × IT with Supabase
位置情報共有アプリでSupabaseを使った話
natady
September 19, 2024
More Decks by natady
See All by natady
開発効率爆上げアプリ紹介 〜 BTT編 〜
natady
1
180
LaravelでGraphQLを試してみた
natady
1
620
Other Decks in Programming
See All in Programming
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
tomohisa
0
1.7k
「人を評価する AI」の設計と実装
ryoyanara
0
200
わからない話を追いかけたら、プログラミング言語を作る側にいた
ydah
3
500
the container ship “Apple Silicon”@WWDC26 Recap -Japan-\(region).swift
shingangan
0
120
PHP初心者セッション2026 〜生成AIでは見えない裏側を知る:今だからLAMPを通して仕組みを学ぶ〜
kashioka
0
920
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
rick_ds
0
560
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
pizzacat83
0
140
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
kentaroutakeda
3
690
楽しそうなつよつよエンジニアと目が死んでる僕/A brilliant engineer having a blast, and dead-eyed me.
3l4l5
2
180
React本体のコードリーディング
high_g_engineer
1
140
リアルな遅延を測る仕様
kota_yata
1
100
ITヒヤリハットを整理してみた ~ライフサイクルと原因から考える再発防止策~
koukimiura
1
140
Featured
See All Featured
Utilizing Notion as your number one productivity tool
mfonobong
4
540
Mobile First: as difficult as doing things right
swwweet
225
10k
Leo the Paperboy
mayatellez
8
2.1k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
3
430
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
860
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.1k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
220
Navigating Team Friction
lara
192
16k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
340
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.8k
Transcript
🦌 狩猟 × IT with Supabase⚡ 2024/09/20 @natady_
自己紹介 X (Twitter) なたでー @natady_ 趣味 FPS / クレー射撃 /
狩猟 / サバゲー / 子育て ハマっている食べ物 ケンタッキーフライドチキン
ある日の 師匠のぼやき
🙄「グループ猟でメンバーの位置情報が 共有できるアプリがあったらいいのに〜」
None
None
None
やります
フロント - アプリ Flutter Google製Dartフレームワーク 1つのソースコードからWeb/iOS/Androidなど複数のプラットフォームで動作するアプリを生成できる バックエンド Firebase? AWS?
自前実装 on AWS? 技術スタック 🤔
None
None
is 何?
• 読み方はスーパベース • BaaS ◦ Firebase Alternative OSS • 機能
◦ DB(PostgreSQL) ◦ Authentication ◦ Storage ◦ Edge Functions ◦ などなど Supabaseとは
• 便利機能 ◦ DBのスキーマ情報から自動でRest/GraphQL APIを公開できる ◦ 変更を検知して取得するRealtime機能 • セキュリティ ◦
Row Level Securityで行単位でデータを守れる ▪ 例:所属するグループIDのデータしか参照・変更できない • 公開されているsupabase clientを使えばクエリビルダを使える Supabaseとは - DB(PostgreSQL)
None
Supabaseとは - 無料枠 • APIリクエスト無制限 • 50000アクティブユーザー / 月 •
データベース容量 500MB • RAM 500MB • 下り通信帯域 5GB / 月 • ファイルストレージ 1GB 趣味でやる分には 十分
使ってみる
① 位置情報取得 user_locations ② 位置情報送信 ③ 位置情報取得
テーブル作成
テーブル作成
テーブル完成 👏 次はアプリ側の実装
実装 - 初期化
実装 - 位置情報送信
実装 - 位置情報取得
かんたん
Supabaseはいいぞ
が、悲報
None
None
これでがいいじゃん
おしまい