강의

멘토링

커뮤니티

NEW
Programming

/

Back-end

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

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

206名 が受講中です。

難易度 初級

受講期間 無制限

  • 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,177

受講生

1,712

受講レビュー

9,759

回答

4.8

講座評価

23

講座

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 전) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • Former CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

カリキュラム

全体

49件 ∙ (5時間 46分)

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

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

受講レビュー

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

期間限定セール

¥33,000

33%

¥6,071

zerochoの他の講座

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

似ている講座

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