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
Supabase超入門: 基本から応用まで
Search
4geru
April 02, 2025
0
24
Supabase超入門: 基本から応用まで
「Supabase × LINE DC ローンチウィーク14 Meetup」にて登壇した資料です
https://supabase.connpass.com/event/347290/
4geru
April 02, 2025
Tweet
Share
More Decks by 4geru
See All by 4geru
AIと考える MCP tools の実装
4geru
0
1
AI様、あとは"よしなに"やっといて! 〜MCPサーバ開発「裏」入門〜
4geru
0
22
その物件でホントにいいの君?_第3回_Dify_Studio_ハッカソン
4geru
0
34
How OpenAPI Is Transforming API Client Development
4geru
0
61
AI時代のハンズオン:未来の“相棒”と出会う実践体験
4geru
0
26
ツンデレさんと考える LINE bot MCP の使い方
4geru
0
530
アマゾンの最強の働き方 読書シェア会
4geru
1
58
LINE, Supabase MCP でバイブスを上げる
4geru
0
99
オンプレからクラウドへ。大規模なAWS移行を支えたリアーキテクチャプロジェクト達
4geru
1
270
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
2.9k
A better future with KSS
kneath
239
18k
Navigating Team Friction
lara
190
15k
The Language of Interfaces
destraynor
162
25k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
The Invisible Side of Design
smashingmag
302
51k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Transcript
Supabase超入門: 基本から応用まで @しげる
自己紹介 名前:しげる 所属:マネーフォワード HR領域→横断領域→BizOps 好きな技術: Ruby, LINE API, React 趣味:
LINE API で遊ぶこと。
自己紹介 - Zenn への投稿
Supabase とは?
Supabase とは? Supabaseの概要: Firebaseのオープンソース代替となるBaaS(Backend as a Service)プラットフォームで あること。 Firebaseとの違い: •
オープンソースであること • PostgreSQLをベースにしていること • ベンダーロックインのリスクが低いこと
Supabase とは? 主な特徴: • PostgreSQLデータベース • 認証機能 • リアルタイムデータベース •
ストレージ機能 • APIの自動生成
Supabase Tutorial 公式の Tutorial が充実! 主要フレームワーク! • Next.js, React •
Nuxt, Vue • Flutter, iOS Switft UI, Android Kotlin • Laravel PHP, Ruby on Rails
Supabase Tutorial 公式の Tutorial が充実! 主要フレームワーク! • Next.js, React •
Nuxt, Vue • Flutter, iOS Switft UI, Android Kotlin • Laravel PHP, Ruby on Rails
Supabase Tutorial 公式の Tutorial が充実! 具体的な機能も! • Postgre, Vector database
• 自動生成 REST, GraphQL API • Data Webhook • Database backup • Email, Social, Phone login • File storage, S3 compatibility • CLI, Management API • Deno Edge Functions
Edge Functions Tutorial Edge Function も充実! • With supabase-js •
Github Actions • Hagging Face • Amazon Bedrock, Open API • Stripe Webhook • Send emails • Upload File • Slack Bot Mention
新しい機能のデモも どんどん出てくるよ!
キャッチアップしたいなら 2人 をフォローしろ!
あと、公式も忘れないでください(笑)
主要な機能紹介 以下の主要機能について、デモを交えながら説明します。 • データベース(PostgreSQL) • 認証機能 • Edge Functions •
APIの自動生成 • リアルタイムデータベース • ストレージ機能
主要な機能紹介 Part1. データベース(PostgreSQL) • スキーマ定義、データ操作、SQLの活用 • PostgreSQLの強み(信頼性、拡張性) 認証機能 • ユーザー登録、ログイン、ソーシャルログイン
• 認証認可の仕組み、セキュリティ
主要な機能紹介 Part1. - データベース(PostgreSQL) • スキーマを簡単に 確認できる
主要な機能紹介 Part1. - データベース(PostgreSQL) • PostgresSQL の 拡張機能は試せる • ベクターデータベース
◦ pgvector • 定期実行 ◦ pg_cron
• PostgresSQL の 拡張機能は試せる 主要な機能紹介 Part1. - 認証機能 • 様々な認証機能が提供されている
◦ メール, 電話 ◦ Facebook, Github, Google, Slack • 外部認証の設定も可能!
主要な機能紹介 Part2. Edge Functions • サーバーレス関数の実行、エッジコンピューティング • Edge Functionsの活用例 APIの自動生成
• RESTful API、GraphQL API • APIドキュメントの自動生成
主要な機能紹介 Part2. - API 自動生成
主要な機能紹介 Part2. - API 自動生成
主要な機能紹介 Part3. リアルタイムデータベース • データのリアルタイム同期、WebSocket • リアルタイムアプリケーションの例 ストレージ機能 • ファイルのアップロード、ダウンロード、管理
• ストレージの利用シーン
主要な機能紹介 Part3. - ストレージ機能
新しい機能のデモも どんどん出てくるよ!
キャッチアップしたいなら 2人 をフォローしろ!
あと、公式も忘れないでください(笑)