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
0
23
狩猟 × IT with Supabase
位置情報共有アプリでSupabaseを使った話
natady
September 19, 2024
Tweet
Share
More Decks by natady
See All by natady
開発効率爆上げアプリ紹介 〜 BTT編 〜
natady
1
160
LaravelでGraphQLを試してみた
natady
1
600
Other Decks in Programming
See All in Programming
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
700
Ça bouge du côté des animations CSS !
goetter
2
170
Kotlinの開発でも AIをいい感じに使いたい / Making the Most of AI in Kotlin Development
kohii00
5
2k
バイセルでの AI を用いた開発の取り組み ~ Devin, Cursor の活用事例・知見共有 ~
umaidashi
0
110
Modern Angular with Signals and Signal StoreNew Rules for Your Architecture @bastacon 2025 in Frankfurt
manfredsteyer
PRO
0
110
Introduction to C Extensions
sylph01
3
130
TCAを用いたAmebaのリアーキテクチャ
dazy
0
240
.NET Frameworkでも汎用ホストが使いたい!
tomokusaba
0
210
AWS Step Functions は CDK で書こう!
konokenj
5
920
JAWS Days 2025のインフラ
komakichi
1
360
iOSでQRコード生成奮闘記
ktcryomm
2
140
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
330
Featured
See All Featured
The Language of Interfaces
destraynor
156
24k
Why Our Code Smells
bkeepers
PRO
336
57k
A Philosophy of Restraint
colly
203
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Building Adaptive Systems
keathley
40
2.4k
It's Worth the Effort
3n
184
28k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Building Your Own Lightsaber
phodgson
104
6.2k
The Invisible Side of Design
smashingmag
299
50k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Site-Speed That Sticks
csswizardry
4
420
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
これでがいいじゃん
おしまい