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
56
狩猟 × IT with Supabase
位置情報共有アプリでSupabaseを使った話
natady
September 19, 2024
Tweet
Share
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
Package Management Learnings from Homebrew
mikemcquaid
0
220
SourceGeneratorのススメ
htkym
0
200
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
270
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
azukiazusa1
1
730
Best-Practices-for-Cortex-Analyst-and-AI-Agent
ryotaroikeda
1
110
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
nash_efp
1
970
MDN Web Docs に日本語翻訳でコントリビュート
ohmori_yusuke
0
650
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
450
dchart: charts from deck markup
ajstarks
3
990
CSC307 Lecture 06
javiergs
PRO
0
690
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
690
CSC307 Lecture 08
javiergs
PRO
0
670
Featured
See All Featured
Deep Space Network (abreviated)
tonyrice
0
48
Optimizing for Happiness
mojombo
379
71k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
270
It's Worth the Effort
3n
188
29k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
190
A better future with KSS
kneath
240
18k
BBQ
matthewcrist
89
10k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
How to make the Groovebox
asonas
2
1.9k
Designing for Timeless Needs
cassininazir
0
130
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
これでがいいじゃん
おしまい