강의

멘토링

커뮤니티

Programming

/

Devops & Infra

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ReactフロントエンドとSpringBootバックエンドをAWSクラウドに直接デプロイするポートフォリオ中心の講座! 素早く自分のポートフォリオにフロント、バックエンドプロジェクトをデプロイしたい方に役立つ講座です!デプロイに必要な知識を、サーバー設定からDocker、Domain接続、Nginx、HTTPS適用まで段階別に短期間で実習できるようになります!

34名 が受講中です。

難易度 初級

受講期間 無制限

  • ehtjd339667
React
React
Java
Java
AWS
AWS
Spring Boot
Spring Boot
Docker
Docker
React
React
Java
Java
AWS
AWS
Spring Boot
Spring Boot
Docker
Docker

受講後に得られること

  • クラウド環境でEC2、Nginx、Dockerなどを活用してDevOpsの感覚を身につけます

  • フロント/バックエンド分離アーキテクチャを理解し、一人でもデプロイ可能な能力を身につけます

😆 一人でも可能なReact & SpringBootポートフォリオプロジェクト

AWSサービスでデプロイしてみよう!


この講義はフロントエンド(React)バックエンド(SpringBoot, Java)で構成されたWebフルスタックプロジェクトを対象にAWSクラウドに直接デプロイする実戦中心のクラスです。

AWS EC2サーバー環境設定、Dockerコンテナ作成、ドメイン接続、Nginx設定、HTTPS適用、デプロイ自動化(CI/CD)まで実際のサービス運営に必要な核心技術を素早く習得し、開発者ポートフォリオに自信を持って入れることができる成果物を完成させます


これから開発と運営の間隙を縮め、本当のサービス運営者になる第一歩を一緒に歩みましょう😃


🎯 こんな方に適しています!

  • ReactとSpringBootで開発経験はあるが、デプロイは初めてのWeb開発入門者
    → 実戦デプロイ過程を追いながら直接サービス運営まで体験できます

  • ポートフォリオに実際にデプロイされたプロジェクトを載せたい開発者志望生、ジュニア開発者
    → ドメイン接続、HTTPS適用まで完了した成果物を作ることができます


講義実習時、aws インフラ構成図

✅ このような内容を学びます!


セクション (0) .env 環境変数適用方法

  • .env シークレット変数の使用理由

  • SpringBoot バックエンド内のapplication.yml.env連携

  • docker-composeでmysql DBコンテナ作成時、連携

  • React内の環境別(local、prod).envファイル分離方法


セクション (1) AWS EC2 およびバックエンド

  • EC2サーバー設定およびSSH接続

  • DockerでMySQL環境構築

  • SpringBoot バックエンド デプロイ (nohup)

  • React フロントビルド及び実行 (pm2)

バックエンド構成図

セクション (2) フロント及びドメイン

  • ドメイン購入およびRoute53連携

  • Nginx Webサーバー設定およびAPI接続

  • HTTPS証明書の適用(certbot)

  • GitHub Actionを通じた自動デプロイ

フロントドメイン構造図

受講前の参考事項

実習環境

  • オペレーティングシステム: Windows / macOS / Linux (Ubuntu推奨)

  • 使用ツール: IntelliJ, VSCode, Git, MobaXterm, AWS コンソール, Docker, Nginx

  • PC仕様:最低i5 CPU、8GB RAM以上推奨

学習資料

  • 講義用PDFおよび実習資料提供

  • GitHub リポジトリ連携による実習プロジェクト zip

  • 段階別実習ガイド文書を含む

前提知識および注意事項

  • ReactとSpringBootプロジェクト実行経験

  • Git使用および基本コマンドの理解

  • ターミナルコマンド(Linux)使用能力

  • AWS アカウント及びドメイン購入可能可否


こんな方に
おすすめです

学習対象は
誰でしょう?

  • ReactとSpringBootで開発は経験があるが、デプロイは初めてのWeb開発入門者

  • ポートフォリオに実際にデプロイされたプロジェクトを載せたい開発者志望生

  • AWS EC2、Nginx、Dockerなどのクラウド環境を初めて触れる開発者

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

  • Reactプロジェクトの作成と実行経験

  • SpringBootプロジェクト実行経験

  • Git使用およびGitHub連携経験

  • ターミナルコマンド使用能力(Linux基本)

こんにちは
です。

主にバックエンドのSpringBoot、AWSインフラ構築、ウェブ・アプリのPRD企画から、Next.jsベースのプロダクト開発、AI Pythonによる業務自動化、

LLMチャットボット開発、Flutterアプリ開発技術を扱う開発者のコーディングドニです 😃

NAVERのプラットフォーマースタディカフェと、CodingDoni(コーディングドニ)YouTubeチャンネルを運営しながら、

インフラ、フルスタック開発、ウェブ・アプリ開発、業務自動化、収益化まで

「奮闘する生計型エンジニア」として、現実を反映したコンテンツを発信しています。

YouTubeチャンネル:https://www.youtube.com/@코딩도니

カリキュラム

全体

13件 ∙ (2時間 10分)

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

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

受講レビュー

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

¥4,184

似ている講座

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