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
48
狩猟 × IT with Supabase
位置情報共有アプリでSupabaseを使った話
natady
September 19, 2024
Tweet
Share
More Decks by natady
See All by natady
開発効率爆上げアプリ紹介 〜 BTT編 〜
natady
1
170
LaravelでGraphQLを試してみた
natady
1
610
Other Decks in Programming
See All in Programming
Laravel Boost 超入門
fire_arlo
3
220
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
330
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
470
複雑なフォームに立ち向かう Next.js の技術選定
macchiitaka
2
130
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
310
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
tomoya0x00
0
1.5k
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
3
300
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
160
AIと私たちの学習の変化を考える - Claude Codeの学習モードを例に
azukiazusa1
10
4.2k
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
540
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
1.6k
AIコーディングAgentとの向き合い方
eycjur
0
270
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
Agile that works and the tools we love
rasmusluckow
330
21k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
920
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Six Lessons from altMBA
skipperchong
28
4k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Embracing the Ebb and Flow
colly
87
4.8k
GitHub's CSS Performance
jonrohan
1032
460k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
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
これでがいいじゃん
おしまい