よっちゃん

申し訳ないです。2点細かいですが修正お願いいたします 1. `React`を読み込む際に`bin/setup`を変更確認方法の2あたりに追加していただけますと🙏 2. ブランチ名(今回は修正の必要なしです) ブランチ名はなんでもいいのですが、フィヨルドのルールに則った方がいいかなと🤔 [こちら](https://bootcamp.fjord.jp/pages/305#-3)の記事を参考になさってください！

@wata00913 さん こちら切り抜きについて、僕の方でクラスを作成して共通化させていただきます！ 今日中にPRを送って〜になりますので、今しばらくお待ちいただけますと🙏 経緯は[こちら](https://github.com/fjordllc/bootcamp/pull/7431#discussion_r1529907660)

@wata00913 さん cc: @kyokucho1989 さん wataさん、お疲れ様です。画像リサイズの処理を共通化しましたのでご確認いただきたく🙏 現状、このような形で[クラス](https://github.com/fjordllc/bootcamp/pull/7431/files#diff-b3d6575c0d2f1e44a6287b1473ecd65a2d0969a6ca12f62e759c486384bb40d7)に抽出し共通化しました 処理の流れとしましては、[この部分](https://github.com/fjordllc/bootcamp/pull/7431/files#diff-9802ca3c9c4cf89904fd44bc114e35ebdf2c5dd3d5b645491e2b253e1afef29bR595-R597)でインスタンス化して使用します。詳しく解説します ### 処理の流れ [インスタンスを生成する](https://github.com/fjordllc/bootcamp/pull/7431/files#diff-9802ca3c9c4cf89904fd44bc114e35ebdf2c5dd3d5b645491e2b253e1afef29bR596)際、 対象のオブジェクトと切り取りたい「幅・高さ」、あとはオプションがあれば指定するようにします。 そして、`resize`メソッドを呼び出すと、現状の[縦横比を見て](https://github.com/fjordllc/bootcamp/pull/7431/files#diff-b3d6575c0d2f1e44a6287b1473ecd65a2d0969a6ca12f62e759c486384bb40d7R29-R36)、短い辺を基準に拡大or縮小します。([値を返す部分](https://github.com/fjordllc/bootcamp/pull/7431/files#diff-b3d6575c0d2f1e44a6287b1473ecd65a2d0969a6ca12f62e759c486384bb40d7R41-R54)・実際に[拡大・縮小して切り取る部分](https://github.com/fjordllc/bootcamp/pull/7431/files#diff-b3d6575c0d2f1e44a6287b1473ecd65a2d0969a6ca12f62e759c486384bb40d7R13)) ### 要約 完全に理解する必要はないのですが、要するに`ImageResizer`クラスを使うと 1. 短い辺を基準に拡大(or縮小) 2. そして、切り取る という処理ができます。こう言った処理でよろしかったでしょうか？🤔 wataさん、ご確認して返信いただけますと嬉しいです！ また、kyokuchoさんも後ほど実装すると思いますのでccさせていただきました！ 失礼しました🙇‍♂️