Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Supabase超入門: 基本から応用まで
Search
4geru
April 02, 2025
0
28
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
Boom!ヒーロー!! - ポーズを決めろ!その瞬間、キミは主役のヒーローだ -
4geru
0
6
AIと考える MCP tools の実装
4geru
0
5
AI様、あとは"よしなに"やっといて! 〜MCPサーバ開発「裏」入門〜
4geru
0
28
その物件でホントにいいの君?_第3回_Dify_Studio_ハッカソン
4geru
0
41
How OpenAPI Is Transforming API Client Development
4geru
0
64
AI時代のハンズオン:未来の“相棒”と出会う実践体験
4geru
0
29
ツンデレさんと考える LINE bot MCP の使い方
4geru
0
600
アマゾンの最強の働き方 読書シェア会
4geru
1
62
LINE, Supabase MCP でバイブスを上げる
4geru
0
110
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1371
200k
Optimizing for Happiness
mojombo
379
70k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
Designing for Performance
lara
610
69k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
700
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Faster Mobile Websites
deanohume
310
31k
4 Signs Your Business is Dying
shpigford
186
22k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Documentation Writing (for coders)
carmenintech
76
5.2k
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人 をフォローしろ!
あと、公式も忘れないでください(笑)