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
56
0
Share
狩猟 × 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
The free-lunch guide to idea circularity
hollycummins
0
420
LM Linkで(非力な!)ノートPCでローカルLLM
seosoft
0
400
Symfonyの特性(設計思想)を手軽に活かす特性(trait)
ickx
0
130
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
shin1x1
0
340
「効かない!」依存性注入(DI)を活用したAPI Platformのエラーハンドリング奮闘記
mkmk884
0
300
車輪の再発明をしよう!PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
h1r0
3
500
forteeの改修から振り返るPHPerKaigi 2026
muno92
PRO
3
240
実践ハーネスエンジニアリング #MOSHTech
kajitack
7
5.8k
Vibe하게 만드는 Flutter GenUI App With ADK , 박제창, BWAI Incheon 2026
itsmedreamwalker
0
540
3分でわかるatama plusのQA/about atama plus QA
atamaplus
0
110
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
seike460
PRO
2
220
今こそ押さえておきたい アマゾンウェブサービス(AWS)の データベースの基礎 おもクラ #6版
satoshi256kbyte
1
230
Featured
See All Featured
Utilizing Notion as your number one productivity tool
mfonobong
4
290
A designer walks into a library…
pauljervisheath
211
24k
Design in an AI World
tapps
0
190
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
500
Being A Developer After 40
akosma
91
590k
Optimising Largest Contentful Paint
csswizardry
37
3.6k
For a Future-Friendly Web
brad_frost
183
10k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
220
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
310
Facilitating Awesome Meetings
lara
57
6.8k
Claude Code のすすめ
schroneko
67
220k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
95
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
これでがいいじゃん
おしまい