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
47
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Supabase超入門: 基本から応用まで
「Supabase × LINE DC ローンチウィーク14 Meetup」にて登壇した資料です
https://supabase.connpass.com/event/347290/
4geru
April 02, 2025
More Decks by 4geru
See All by 4geru
Rails で Remote MCP サーバーを作った話
4geru
0
7
1ヶ月Vizを眺めた話
4geru
0
23
年齢で見るチームの特徴
4geru
0
22
Boom!ヒーロー!! - ポーズを決めろ!その瞬間、キミは主役のヒーローだ -
4geru
0
67
AIと考える MCP tools の実装
4geru
0
32
AI様、あとは"よしなに"やっといて! 〜MCPサーバ開発「裏」入門〜
4geru
0
69
その物件でホントにいいの君?_第3回_Dify_Studio_ハッカソン
4geru
0
70
How OpenAPI Is Transforming API Client Development
4geru
0
90
AI時代のハンズオン:未来の“相棒”と出会う実践体験
4geru
0
63
Featured
See All Featured
Embracing the Ebb and Flow
colly
88
5.1k
Raft: Consensus for Rubyists
vanstee
141
7.6k
Abbi's Birthday
coloredviolet
3
8.4k
sira's awesome portfolio website redesign presentation
elsirapls
0
290
Odyssey Design
rkendrick25
PRO
2
720
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
62
55k
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
Building Adaptive Systems
keathley
44
3.1k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
220
エンジニアに許された特別な時間の終わり
watany
107
250k
We Have a Design System, Now What?
morganepeng
55
8.2k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
410
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人 をフォローしろ!
あと、公式も忘れないでください(笑)