0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【AWS】家計簿APLをAWSへCI/CD構築してデプロイする備忘録

0
Last updated at Posted at 2026-06-01

はじめに

この記事は、初めて自作APLをAWSへCI/CD構築する方に向けて発信していきます。
この時点(20260601)で筆者もあまりよく分かっていないため、色々と調べながら進めていきたいと考えています。

尚、記事の修正はしない方向で進めます。
理由として、構築前 → 構築後でどれ程成長したのかの過程も楽しみたいからです。


AWSを知らない人向け

AWSとはなにか?
https://docs.aws.amazon.com/ja_jp/AmazonECS/latest/developerguide/Welcome.html


AIに色々と聞いたりして調べた結果

下記の様な流れでCI/CD構築が可能らしい

  1. CI/CDの流れを決める
  2. 本番構成を決める
  3. backendだけ先にECSへ載せる
  4. GitHub ActionsでECRへpush
  5. ECSへ自動デプロイ

技術構成(AWSを使用する前提、考慮済)

種類 使用技術
Frontend S3 + CloudFront
Backend ECS Fargate ※1
DB MongoDB Atlas or DocumentDB ※2
Image ECR
CI/CD GitHub Actions

※1
安く抑えるなら、
EC2(無料枠) or Lightsail

※2
調べた結果、
個人開発だとDocumentDBは高いので安く抑えるなら、
MongoDB Atlas(無料枠)一択


CI/CD Pipeline

CI/CD Pipeline詳細(backendのみ)

現ローカル環境

React
 ↓
Express(Node.js)
 ↓
MongoDB

AWSイメージ構築(CI/CD)

ユーザー
   ↓
ALB
   ↓
ECS Service
   ↓
ECS Task(Node.js)
   ↓
MongoDB Atlas

AWSイメージ構築済資材置き場

Docker Image
   ↑
ECR

ログ監視資材

ログ
 ↓
CloudWatch Logs

deploy.yml(構成)

ECSへ自動デプロイ

構築
build
test
push to ECR
deploy to ECS

まとめ

構成決め→CI/CD構築→自動デプロイ→AWSへのようなイメージで進めます。

とりあえず手を動かしてみて、躓いた部分は備忘録として記事にUPしていこうと思います。


0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?