Supabase。無料OSS/APIフル活用！サクッと作るログイン認証・パスワードリセット機能開発実践講座

＜コースの概要＞

SupabaseとAngular、TypeScriptを駆使して、実践的なユーザー認証機能を開発してみませんか？
本コースでは、家電量販店ECアプリを題材に、ユーザー登録、ログイン、ログアウト、パスワードリセット、メール通知、認証ガードまで、モダンなWebアプリケーションに必要なセキュアな機能を全て網羅。初心者から上級者まで、あなたのスキルを次のレベルに引き上げる内容が満載です。

Supabaseの強力なAPIとAngularのフレームワークを組み合わせた開発を通じて、リアルなプロジェクトの構築プロセスを体験し、即戦力として活躍できる実践力を養いましょう。次世代のWeb開発をリードするための技術を、このコースで手に入れてください！

＜他教材との違い＞

本コースと他教材（書籍やYoutube動画教材等）との違いは以下の通りです。

• 一貫した学習体験: １本完結型コースであり、ネット検索やマニュアル確認の手間を省きます。

• 詳細な解説: Supabase, Angular, TypeScriptの技術や手順を、なぜその手順を選ぶのか、その理由や背景を詳細に説明します。

• 柔軟な学習環境: 全レクチャー動画をダウンロード可能で、場所を問わずどこでも学習できます。

• 実践的なサポート: 全ハンズオンに完成版のコードを添付し、コーディングミスによる原因調査の手間を省きます。

  
  

＜コースの内容＞

本コースの内容は以下の通りです。

コース概要

• ユーザー認証機能デモ

• 本コース受講にあたって

• 自己紹介

• 本コースのねらい

ハンズオン

• 基礎知識編１ Angular・TypeScript・Node.jsとは①

• 基礎知識編２ Angular・TypeScript・Node.jsとは②

• 基礎知識編３ Angularアーキテクチャ概要

• 開発編１ 準備① Supabaseプロジェクト作成

• 開発編２ 準備② メール通知設定（Gmail SMTP Server）

• 開発編３ 準備③ 開発プロジェクトセットアップ

• 開発編４ 準備④ Supabaseクライアントライブラリインストール

• 開発編５ ユーザー登録機能① カスタムバリデーション

• 開発編６ ユーザー登録機能② Supabaseサインアップ

• 開発編７ ログイン機能① カスタムバリデーション

• 開発編８ ログイン機能② Supabaseサインイン

• 開発編９ ログイン機能③ ナビゲーションバー（表示制御）

• 開発編１０ ログイン機能④ ナビゲーションバー（ユーザーメニュー追加）

• 開発編１１ ログアウト機能 Supabaseサインアウト

• 開発編１２ 認証ガード機能 ガード設定

• 開発編１３ リセットリンク送信機能① カスタムバリデーション

• 開発編１４ リセットリンク送信機能② Supabaseリセットリンク

• 開発編１５ パスワードリセット機能① カスタムバリデーション

• 開発編１６ パスワードリセット機能② Supabaseリセットパスワード

ボーナスレクチャー

• ボーナスレクチャー

＜変更履歴＞

・2024/11/19: Angularフレームワーク初心者の方でもご受講いただけるように基礎知識編１～３レクチャーを追加