inflearn logo
知識共有
inflearn logo

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

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

35名 が受講中です。

難易度 初級

受講期間 無制限

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)で構成されたウェブフルスタックプロジェクトを対象に、AWSクラウドに直接デプロイする実践中心のクラスです。

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


これから開発と運用のギャップを埋め、真のサービス運営者になるための第一歩を踏み出すことができます。😃


🎯 このような方に最適です!

  • ReactとSpringBootで開発はしたことがあるが、デプロイは初めてのWeb開発入門者
    → 実践的なデプロイプロセスを辿りながら、直接サービス運営まで経験できます

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


講義の実習時のAWSインフラ構成図

✅ こんな内容を学びます!


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

  • .envシークレット変数を使用する理由 secret variables

  • 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ウェブサーバーの設定およびAPI接続

  • HTTPS証明書の適用 (certbot)

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

フロントドメイン構造図

受講前のご注意事項

実習環境

  • OS: 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基本)

こんにちは
ehtjd339667です。

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

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

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

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

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

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

もっと見る

カリキュラム

全体

13件 ∙ (2時間 10分)

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

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

受講レビュー

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

似ている講座

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

¥4,326