inflearn logo
知識共有
inflearn logo

Spring BootとReactで実装するソーシャルログインとセキュリティJWTログイン

この講座は、Spring Boot 3、Spring Security 6、Reactを活用し、一般ログイン、ソーシャルログイン、JWTベースのトークン認証を体系的に学習するコースです。MPAとSPAの両方の環境でOAuth2ソーシャルログインとセキュリティが強化されたJWT認証システムを構築し、XSS・CSRF対策、HTTPSの適用、トークンの再発行および廃棄戦略、秘密鍵の安全な管理など、セキュリティ実務全般を扱います。AWSを通じたビルド・デプロイ、Redisを利用したパフォーマンス最適化まで、実際のサービスレベルの環境構築を実習し、講座で提供される完成プロジェクトのソースコードを通じてログインフロー全体を理解し、すぐに実務に適用することができます。

7名 が受講中です。

難易度 中級以上

受講期間 無制限

React
React
Java
Java
Spring Boot
Spring Boot
JPA
JPA
Spring Security
Spring Security
React
React
Java
Java
Spring Boot
Spring Boot
JPA
JPA
Spring Security
Spring Security

受講後に得られること

  • 一般ログインとソーシャルログインが統合された認証システムの実装

  • Spring Boot 3とSpring Security 6に基づいた安全な認証システムの構築

  • Google、Naver、Kakao、GitHubソーシャルログイン連携

  • MPAとSPAの環境に適した認証処理方式の実装

  • XSS、CSRFなど主要なウェブセキュリティ攻撃の防御手法の習得

  • Refresh Tokenの再発行およびブラックリスト方式によるトークン廃棄の実装

  • HTTPSの適用、AWSデプロイ、Redisを活用したトークン廃棄性能最適化の実習

  • 実務に即適用可能なフルスタックプロジェクトのソースコードを確保

📢 講義紹介

急速に変化するウェブ技術環境の中で、実務にすぐ適用可能なログインシステムとセキュリティ技術を学べるよう、この講義を作りました。単なるログインの実装を超え、一般ログインとソーシャルログインの統合実装から、実際のサービスレベルのセキュリティ構造設計までを扱うことが目標です。

講義では、Spring Boot 3とSpring Security 6、Reactを活用し、OAuth2ソーシャルログインとJWTベースのトークン認証をMPAとSPAの両方の環境で実装します。HTTPSの適用、XSS・CSRF対策、トークンの再発行および破棄戦略などのセキュリティの核心概念を実際のコードで扱い、AWS環境でのビルド・デプロイ、AWS Secrets Managerを通じた秘密鍵の管理、Redisを利用した認証処理のパフォーマンス最適化まで進めます。

受講を終えると、ソーシャルログインとセキュリティが強化されたJWT認証システムを自ら開発し、ReactベースのSPAと連動させて実務レベルのWebサービスを構築できるようになります。これにより、バックエンド・フロントエンド・クラウド環境を網羅するフルスタック・セキュリティプロジェクトの経験を積み、すぐに実務やポートフォリオに活用可能な完成された成果物を得ることができます。

✨ 講義の魅力ポイント

  • Google、Naver、Kakao、GitHubまで、4つのソーシャルログインと一般ログインを統合して実装します。

  • 単なる理論ではなく、実際のサービスレベルのJWT認証システムを直接設計し、実装します。

  • MPA(Thymeleaf)とSPA(React)の両方の環境におけるログイン実装方式を比較学習できます。

  • XSS、CSRF、HTTPS、トークンの再発行・破棄など、核心的なセキュリティ技術を実際のコードで実習します。

  • JWTトークンの保存場所別のセキュリティ問題(localStorage、HttpOnlyクッキーなど)を理解し、安全に処理します。

  • Refresh Tokenの再発行戦略を3つの方式で直接設計し、実装します。

  • AWSビルド・デプロイ、Redis性能最適化まで、クラウド環境を直接経験します。

  • Spring Boot 3, Spring Security 6, React, JPA, MySQL, Redisなど、最新の技術スタックを活用します。

  • 講義のサンプルソースコードを実務環境にそのまま適用できます。

📘 講義で学ぶ内容

この講義は理論よりも実習を中心に構成されており、実務ですぐに活用できる認証システムの構築能力を養うことに重点を置いています。

1. 一般ログインとソーシャルログインの統合実装

ID/パスワードベースの一般ログイン機能を実装し、Google、NAVER、カカオ、GitHubの4種類のソーシャルログインを連動させます。OAuth2プロバイダーの登録から統合処理ロジックの構造化まで全過程を実習し、Spring Securityの設定および認証フローのカスタマイズを通じて、一つの認証システムへと統合します。

2. MPAとSPA環境における認証処理

MPA(Thymeleafベース)ウェブアプリケーションでのログイン処理と、SPA(Reactベース)アプリケーションでのJWTトークン認証方式をそれぞれ実装し、両環境の違いとそれぞれに適した認証処理方式を比較学習します。

3. JWTベースの認証とセキュリティ強化

JWTの概念と動作原理を理解し、Bearer認証とクッキー認証の違い、トークンの署名と検証方式など、セキュリティの核心概念を実習を通して学びます。XSSやCSRF攻撃を直接体験して防御手法を実装し、トークンの保存場所別(localStorage、HttpOnlyクッキー、メモリ)のセキュリティの違いを分析します。Refresh Tokenの再発行戦略を3つの方式で設計・実装し、ブラックリストベースのトークン廃棄戦略をRDBとRedisの2つの環境で実装します。

4. AWSベースの実務環境の構築およびプロジェクトの完成

AWS RDS、EC2、S3、CloudFront、Route 53、ELBを活用し、バックエンドとフロントエンドを分離したデプロイ構成を構築します。HTTPSを両方のサーバーに適用し、AWS Secrets ManagerとParameter Storeを利用して秘密鍵を安全に管理する方法を学びます。最終的に、React + Spring Boot + JWTベースのセキュリティ強化型フルスタックプロジェクトを完成させます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 一般ログインとソーシャルログインを統合して実装したいWeb開発者

  • Spring Boot 3とSpring Security 6を実務に適用したいJava開発者

  • JWT認証の仕組みを理解し、Reactと連携させたいフロントエンド開発者

  • XSS、CSRF、HTTPSなどのウェブセキュリティ技術を実際のコードで学びたい開発者

  • AWSデプロイとRedisを活用した認証システムの構築を経験してみたい開発者

  • セキュリティ重視のフルスタックプロジェクトをポートフォリオに追加したい就職準備生

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

  • Javaの基礎文法とオブジェクト指向プログラミング概念の理解

  • Spring Bootの基本構造とREST API開発の経験

  • Reactのコンポーネント構造と状態管理に関する基礎的な理解

  • HTTPプロトコルとリクエスト/レスポンス、クッキーなどの概念の理解

  • (オプション) JPA、Spring Security、OAuth2、JWTに関する基本概念

こんにちは
oncodingです。

447

受講生

7

受講レビュー

19

回答

4.7

講座評価

4

講座

カリキュラム

全体

158件 ∙ (29時間 20分)

講座掲載日: 
最終更新日: 

受講レビュー

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

oncodingの他の講座

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

似ている講座

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

期間限定セール

¥36,300

70%

¥15,175