Slide 1

Slide 1 text

会員登録時の画像アップロード処理を改善した 会員登録時の画像アップロード処理を改善した r-sugi 1

Slide 2

Slide 2 text

自己紹介 フリーランスエンジニア5年目 会員登録時の画像アップロード処理を改善した r-sugi 2

Slide 3

Slide 3 text

今回のアジェンダ システムデザインの例をもっと知りたい 試しに1つ提示するので、みんなであれこれ議論したい 会員登録時の画像アップロード処理を改善した r-sugi 3

Slide 4

Slide 4 text

システムデザインの例 https://www.techinterviewh andbook.org/ 会員登録時の画像アップロード処理を改善した r-sugi 4

Slide 5

Slide 5 text

投稿済の記事 会員登録時の画像アップロード処理を改善した r-sugi 5

Slide 6

Slide 6 text

会員登録フォーム 会員登録時の画像アップロード処理を改善した r-sugi 6

Slide 7

Slide 7 text

シーケンス図 LINE認証する フォームでPOSTする バックエンドで画像圧縮処理 会員登録時の画像アップロード処理を改善した r-sugi 7

Slide 8

Slide 8 text

メトリクス 会員登録時の画像アップロード処理を改善した r-sugi 8

Slide 9

Slide 9 text

改善案1 会員登録時の画像アップロード処理を改善した r-sugi 9

Slide 10

Slide 10 text

改善案2 会員登録時の画像アップロード処理を改善した r-sugi 10

Slide 11

Slide 11 text

実装 フロントで画像圧縮させた 会員登録時の画像アップロード処理を改善した r-sugi 11

Slide 12

Slide 12 text

結果 平均10秒以下に収まったように 見える 最終的にResponseTimeが3秒以 内になると期待していた。 が、5秒程度という結果になっ た。 どこがボトルネックになってい るか詳細は改めて調査が必要 (というか検討時点で計測して おくべき) 会員登録時の画像アップロード処理を改善した r-sugi 12

Slide 13

Slide 13 text

まとめ (頻出する)API設計のベストプラクティスをまずは頭に入れて、個々の実装で臨機応 変に対応していきたい 会員登録時の画像アップロード処理を改善した r-sugi 13