ツクリンクで実践している画像処理(フロー部分)
by
Tetsu Nishimura
×
Copy
Open
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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でアクセスできるようになる 画像アップロードの処理の流れ