Slide 1

Slide 1 text

AWS Cloud
 CloudFront
 S3
 Application
 ImageMagick
 Ruby on Rails
 ECS
 ALB
 フォームで画像を選択した時点で 
 S3へアップロードするための1時的な事前署名付きURLをリクエスト 
 DB
 User(Frontend) 
 画像アップロードの処理の流れ

Slide 2

Slide 2 text

AWS Cloud
 CloudFront
 S3
 Application
 ImageMagick
 Ruby on Rails
 ECS
 ALB
 事前署名付きURL(tmpディレクトリ)に 
 画像をアップロードしてURLを取得 
 DB
 User(Frontend) 
 画像アップロードの処理の流れ

Slide 3

Slide 3 text

AWS Cloud
 CloudFront
 S3
 Application
 ImageMagick
 Ruby on Rails
 ECS
 ALB
 FormをSubmitしてImageレコードがcreateされる 
 DB
 Imageレコードがcreate 
 tmpのurlを記録 
 User(Frontend) 
 画像アップロードの処理の流れ

Slide 4

Slide 4 text

AWS Cloud
 CloudFront
 S3
 Application
 ImageMagick
 Ruby on Rails
 ECS
 ALB
 画像の軽量化処理を 
 非同期のActiveJobで実施 
 DB
 User(Frontend) 
 画像アップロードの処理の流れ

Slide 5

Slide 5 text

AWS Cloud
 CloudFront
 S3
 Application
 ImageMagick
 Ruby on Rails
 ECS
 ALB
 DB
 User(Frontend) 
 画像には1時的にtmp画像にCloudFrontでアクセスできるようになる 
 画像アップロードの処理の流れ

Slide 6

Slide 6 text

AWS Cloud
 CloudFront
 S3
 Application
 ImageMagick
 Ruby on Rails
 ECS
 ALB
 Imageレコードを 
 軽量化した画像のURLに更新 
 DB
 User(Frontend) 
 画像アップロードの処理の流れ

Slide 7

Slide 7 text

AWS Cloud
 CloudFront
 S3
 Application
 ImageMagick
 Ruby on Rails
 ECS
 ALB
 DB
 User(Frontend) 
 軽量化した画像にCloudFrontでアクセスできるようになる 
 画像アップロードの処理の流れ