강의

멘토링

커뮤니티

NEW
Programming

/

Back-end

AI時代を生き抜く:Supabaseでバックエンドをサクッと構築!

AI時代が到来し、開発者に求められる能力はますます複雑になっています。「フロントエンドさえできればいいだろう」と思っていても、自分だけのサービスを作ったりAI機能を組み込もうとしたりすると、結局バックエンドという巨大な壁に突き当たることになります。 しかし、いざバックエンドを始めようとすると、データベース設計、ユーザー認証(Auth)、ストレージ管理、そして複雑なインフラ構築まで、学ぶべきことが多すぎて圧倒されていませんか?もう、その重荷を下ろしてください。 本講義では、これらすべてのバックエンド機能を一気に解決してくれるSupabaseを活用します。複雑なサーバーの知識がなくてもバックエンドを「サクッと」完成させ、アイデアを即座に具現化するフルスタック開発者へと生まれ変わるための、最短の近道をご案内します。

209名 が受講中です。

難易度 初級

受講期間 無制限

  • zerocho
Node.js
Node.js
DBMS/RDBMS
DBMS/RDBMS
OAuth
OAuth
backend
backend
supabase
supabase
Node.js
Node.js
DBMS/RDBMS
DBMS/RDBMS
OAuth
OAuth
backend
backend
supabase
supabase

受講後に得られること

  • バックエンドがどのように動作するかについての概括的な概念。

  • 簡単なSupabaseコードでDB設計とAPI連携を攻略

  • 最も厄介な「認証(Auth)」システムを完璧に実装

  • 複雑なインフラ管理なしでサービスをデプロイ


バックエンド、もう難しくありません!
Supabaseでサクッと完成させましょう。

AI時代、フロントエンドだけでは不十分です。自分だけのサービスを作ったり、AI機能を実装しようとしたりするとき、バックエンドという大きな壁にぶつかることがあります。データベース設計、ユーザー認証、ストレージ管理、複雑なインフラ構築まで…学ぶべきことが多すぎて、なかなか手が出せなかったのではないでしょうか?本講座は、そんな皆さんのために用意されました。複雑なサーバーの知識なしにSupabase一つでバックエンドを「サクッと」作り、アイデアを即座に形にするフルスタックエンジニアへと成長する最短ルートをご案内します。


サービス拡張のためにバックエンドの学習を始めなければならないが、学ぶべきことが多すぎて何から手をつければいいか分からない時

毎回繰り返されるバックエンド機能(ユーザー認証、DB、ストレージ)の実装に疲れたとき

自分のアイデアをプロトタイピングするのに時間がかかりすぎているとき

この講義はSupabaseだけを教える講義ではありません。
バックエンド(Backend)に関する基礎的な概念をしっかり固めるための講義です。AWSのようなクラウドは、初心者が勉強するにはあまりにも複雑すぎます。それに比べてSupabaseは、基本的な概念さえ知っていれば、すぐにバックエンド開発を始めることができます。私がバックエンド(HTTP、DB、ネットワーク、CDN、ログインなど)の概念から説明します!


フロントエンドエンジニアがフルスタックエンジニアに生まれ変わる瞬間、

Supabase!

複雑なDB設計、認証、インフラの心配なしに
自分だけのサービスを素早く完成させる
最短の近道をお教えします。

この講義が終わる頃には、あなたは


Supabaseでバックエンドをサクッと完成させる体験をします。

  • 複雑なサーバー管理やインフラ構築なしに、Supabaseの強力な機能を活用して、データベース設計からAPI連携までわずか数時間で自分だけのサービスを構築する方法を学びます。アイデアを即座にプロトタイピングしたい個人開発者起業家にとって、最適なコースです。

AI時代に必要なフルスタック開発スキルを身につけます。

  • フロントエンド開発者であっても、自分だけのサービスを作ったりAI機能を統合したりするためにはバックエンドの知識や概念が不可欠であることを認識し、Supabaseを通じてこれを素早く簡単に解決する方法を学びます。「フロントエンドだけでは不十分だ」という悩みを解消し、サービスの実装能力を一段階アップグレードします。

厄介な認証(Auth)システムを完璧に実装できます。

  • メールログイン、OAuth(Googleログインなど)の連携、OTP認証、パスワード変更、ユーザー情報の管理、そしてトークンの再発行まで、複雑で時間のかかる認証関連の機能をSupabaseを活用してわずか数行のコードで実装する方法を習得します。ユーザー体験を損なわない、安全で便利な認証システム構築のエキスパートになれます。

複雑なインフラ管理なしでサービスをデプロイする自信がつきます。

  • サーバーのデプロイ、データベース管理、ストレージ設定など、難しく感じられたバックエンドのインフラ構築の負担を、Supabaseを通じて完全に解消します。講義の後半では、エッジ関数を利用したサーバーレス機能の実装およびデプロイまでを経験し、アイデアを素早く形にして世に送り出せる実践的なスキルを身につけることができます。


✔️

この講座が最短の解決策である理由

Supabaseでバックエンド、
サクッと完成させる

AI時代に複雑化するバックエンド開発、途方に暮れていませんか?本講座では、Supabaseを活用してデータベース設計、ユーザー認証、ストレージ管理などの複雑なバックエンド機能を、簡単かつスピーディーに実装する方法を解説します。

実践!Supabase連携およびAPI構築

Node.jsをベースにSupabaseのORMを活用してテーブルとカラムを設計し、1:1、1:N、N:Mのリレーションを構築します。また、RLSやトリガーの設定、マイグレーションまで実習し、DB運用に不可欠な知識を学習します。

安全で高速なバックエンド実装

メール、Google OAuthログインなどの強力な認証システムを直接実装し、ストレージ機能を活用して画像のアップロードおよび管理方法を習得します。さらに、エッジ関数を通じてサーバーレス機能を実装し、複雑なインフラなしでもサービスをデプロイする方法を学びます。

ちなみに、私の講義スタイルが今回の講義を機に大きく変わることになりました。AI時代ということもあり、もはやコードをライブで打ちながら皆さんに書き写してもらうことを期待する講義は行いません。AIに対して「上手く」質問し、「上手く」命令する能力が最も重要であるため、AIをより上手く扱えるように基本的な概念を解説する講義へと方向性を修正しました。また、講義の合間に皆さんが自ら考えて解決しなければならないミッションを盛り込み(今後さらに増やしていく予定です)、ただ視聴するだけの講義よりも、皆さんが直接手を動かす講義へと方向を転換しようと思います。


📚

アイデアさえあればパパッと!
バックエンド完成ロードマップ

データベースの概念からしっかり押さえておきましょう。

セクション 1

Supabaseの紹介とデータベースの基礎

Supabaseプロジェクトの作成と基本設定について解説します。データベースの核心概念であるテーブルとカラムを理解し、さまざまなリレーショナルモデリングを学習します。


JS/TSでDBを操作してみましょう

セクション 2

Supabase ORMとデータベース連携

ORMを活用してデータベースとやり取りする方法を学びます。CRUD操作、JOIN、マイグレーション、トランザクションなど、データベースの管理および操作技術を習得します。


Googleログインなども簡単に実装できます。

セクション 3

認証システムの実装

ユーザー認証の基本概念を学習し、メールログイン、OAuth(Google)、OTPを活用した安全な認証システムを実際に実装します。ユーザー情報の管理やトークンの再発行方法まで扱います。


ファイルの保存先であるストレージに画像をアップロードしてみましょう。

セクション 4

ストレージ管理およびCDNの活用

画像などのファイルのアップロードおよび管理のためのSupabase Storageを設定し、活用します。バケットポリシーの設定、CDNを通じたアクセスURLの生成、署名付きURLを利用したアップロードおよびダウンロード機能を学習します。


バックエンドロジックの作成が必要な場合は、エッジ関数を使用してください。

セクション 5

エッジ関数とサーバーレス実装

Supabase Edge Functionsを使用してサーバーレスロジックを実装する方法を学びます。HTTPリクエストおよびレスポンスの処理、ローカルテスト、そして実際のサーバーへのデプロイまで、ステップバイステップで進めます。


リアルタイムで内容が更新されるカンバンボードです。

セクション 6

最終プロジェクト

これまで学んだ内容の集大成となる、リアルタイム共同作業カンバンボードプロジェクトを進行します。ミッションも用意されていますので、AIと一緒に実装してみてください。


ボーナス: Supabaseの AI Vector, Cron, Queue といった追加機能の概念を学び、どこで活用されるのかを理解します。

このような方々の悩みを
解決できます!

📌

フロントエンド開発者

単なる機能実装を超えて自分だけのサービスを作りたいけれど、バックエンド開発の複雑さゆえに始めることさえできなかった経験がある方
AI機能を連携させたいが、バックエンドの知識不足で途方に暮れた経験がある方

📌

個人開発者・起業家

アイデアを素早くプロトタイピングして実際のサービスとしてリリースしたいものの、サーバー構築やデータベース管理、ユーザー認証といった複雑なバックエンド開発に時間とコストをかけるのが難しい状況にある方
迅速な市場検証のために、MVP(実用最小限の製品)をスピーディーに開発したい方

📌

バックエンド入門者

バックエンド開発の基礎からしっかり固めたいけれど、どこから始めればいいか分からず途方に暮れている方
データベース設計、API連携、ユーザー認証など、バックエンドの主要概念を分かりやすく明確に学びたい方

受講前の注意事項

実習環境

  • OS:Windows、macOS、Linuxのいずれも可能です。

  • 必須インストールプログラム: Node.js (最新のLTSバージョン推奨)

  • 推奨スペック: 4GB RAM 以上

  • PostgreSQL DBMS/RDBMSは直接インストールしません。

前提知識および注意事項

  • ウェブベースの実習を行うため、JavaScriptの基礎知識が必要です。

  • 最終実習でReactを使用しますが、重要ではないので知らなくても大丈夫です。

  • バックエンド開発の経験がなくても大丈夫です。Supabaseを通じて簡単に始められます。

  • アイデアを素早く形にしたい個人開発者や起業家の方に最適です。

学習資料

  • 講義資料と実習コードはGitHubで提供されます。

  • Q&A掲示板を通じて質問し、回答を受け取ることができます(24時間以内に回答いたします。Inflearn回答王を2回受賞)。


こんな方に
おすすめです

学習対象は
誰でしょう?

  • バックエンドへの拡張を目指すフロントエンドエンジニア

  • バックエンド開発の第一歩を踏み出すバックエンド入門者

  • 独自のプロダクトをスピーディーに開発してローンチしたい個人開発者/起業家

前提知識、
必要でしょうか?

  • 基本的なJavaScript/TypeScriptの文法知識が必要です。

  • React、Node.jsの実習があるため、Node.jsがインストールされている必要があります。

  • React、Node.jsについては詳しく知らなくても大丈夫です。

  • バックエンド関連(クライアント/サーバー/DB/ストレージ/ログイン)は授業で教えます。

こんにちは
です。

67,189

受講生

1,713

受講レビュー

9,759

回答

4.8

講座評価

23

講座

私の講義の強みはQ&Aです(Inflearn回答王を2回受賞)。24時間以内にできる限りお答えします!一緒に悩んでいるという気持ちで回答させていただきます!

私の講座の大きな強みはQ&Aサポートです。(インフラーンQ&A王賞を2回受賞)24時間以内にご質問にお答えし、最善を尽くしてサポートいたします!問題を一緒に解決している感覚を味わっていただけるでしょう。

👉ZeroCho Lectures
ZeroCho(ゼロチョ)講義の全ロードマップ。私の全コースの完全なロードマップはこちらでご確認いただけます。

– 『Node.js教科書』、『コーディング自律学習 ZeroChoのJavaScript』、『Let's Get IT JavaScript』、『TypeScript教科書』著者
ZeroCho.com 運営者
– 現) YouTubeにてZeroCho TVで開発関連の放送中
– 元) Smoretalk CTO
– 元) 今日のピックアップ CTO(カカオモビリティにエグジット後、カカオモビリティ最年少開発パート長)

  • Node.js教科書ZeroChoの独学JavaScriptLet's Get IT JavaScriptTypeScript教科書の著者

  • ZeroCho.comの運営者

  • 現在、開発関連のトピックを扱うYouTubeチャンネルZeroCho TVを運営中

  • SmoreTalk CTO

  • Today Pickup CTO(カカオモビリティに買収、最年少リード開発者として合流)

カリキュラム

全体

49件 ∙ (5時間 46分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

期間限定セール

¥33,000

33%

¥6,111

zerochoの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!