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
43
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
1ヶ月Vizを眺めた話
4geru
0
21
年齢で見るチームの特徴
4geru
0
19
Boom!ヒーロー!! - ポーズを決めろ!その瞬間、キミは主役のヒーローだ -
4geru
0
63
AIと考える MCP tools の実装
4geru
0
31
AI様、あとは"よしなに"やっといて! 〜MCPサーバ開発「裏」入門〜
4geru
0
68
その物件でホントにいいの君?_第3回_Dify_Studio_ハッカソン
4geru
0
69
How OpenAPI Is Transforming API Client Development
4geru
0
89
AI時代のハンズオン:未来の“相棒”と出会う実践体験
4geru
0
61
ツンデレさんと考える LINE bot MCP の使い方
4geru
0
1.2k
Featured
See All Featured
Docker and Python
trallard
47
3.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
3.4k
Into the Great Unknown - MozCon
thekraken
41
2.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.1k
Making the Leap to Tech Lead
cromwellryan
135
9.9k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
140
Automating Front-end Workflow
addyosmani
1370
210k
Leo the Paperboy
mayatellez
7
1.8k
Designing for Performance
lara
611
70k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.6k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
180
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人 をフォローしろ!
あと、公式も忘れないでください(笑)