画像のリサイズができない

[Oba-eng]

• 質問内容・実現したいこと メニュー作成時に画像のリサイズができません。メニュー一覧の画像の大きさを全部一緒にしたいです。

• 現状発生している問題・エラーメッセージ

画像のように投稿した画像のサイズがバラバラなためこれを直したいです。

menu_image_uploader.rb
process resize_to_limit: [300, 300]

アップローダーファイルにリサイズのコードをを追加しましたが、反応していない状況です。

• どの処理までうまく動いているのか 画像の保存は正しくできています。

↓メニュー作成時のログ
0.1ms)  SELECT "users".* FROM "users" WHERE "users"."id" = ? LIMIT ?  [["id", 9], ["LIMIT", 1]]
  ↳ app/controllers/application_controller.rb:9:in `current_user'
  TRANSACTION (0.1ms)  begin transaction
  ↳ app/controllers/menus_controller.rb:29:in `create'
  Menu Create (0.3ms)  INSERT INTO "menus" ("name", "material", "make", "point", "user_id", "created_at", "updated_at", "menu_image") VALUES (?, ?, ?, ?, ?, ?, ?, ?)  [["name", "iii"], ["material", "iii"], ["make", "iii"], ["point", "iii"], ["user_id", 9], ["created_at", "2024-03-11 06:33:00.597895"], ["updated_at", "2024-03-11 06:33:00.597895"], ["menu_image", "fede2c99bfc040e35baf4935a856f754.png"]]
  ↳ app/controllers/menus_controller.rb:29:in `create'
  TRANSACTION (0.3ms)  commit transaction
  ↳ app/controllers/menus_controller.rb:29:in `create'
Redirected to http://localhost:3000/menus
Completed 200 OK in 786ms (ActiveRecord: 0.7ms | Allocations: 40760)

• 該当のソースコード

  _menu.html.erb
  <%= link_to menu_path(menu), class: 'menu-card' do %>
    <!-- 画像がある場合は以下のように表示 -->
    <div class="menu-content-container">
      <div class="menu-image">
        <% if menu.menu_image.present? %>
          <%= image_tag menu.menu_image.url, alt: 'Menu Image', class: 'img-menu_image' %>
        <% else %>
          画像なし
        <% end %>
      </div>
    </div>
  <% end %>

  
  _form.html.erb
  <%= form_with model: menu do |f| %>
  <div class="mb-3">
  <%= f.label :メニュー名 %>
  <%= f.text_field :name, class: 'form-control' %>
  </div>
  <div class="mb-3">
  <%= f.label :材料 %>
  <%= f.text_area :material, class: 'form-control', rows: 8 %>
  </div>
  <div class="mb-3">
  <%= f.label :作り方 %>
  <%= f.text_area :make, class: 'form-control', rows: 8 %>
  </div>
  <div class="mb-3">
  <%= f.label :ポイント %>
  <%= f.text_area :point, class: 'form-control', rows: 8 %>
  </div>
  
  <% if menu.errors.any? %>
  <div id="error_explanation">
    <h2><%= pluralize(menu.errors.count, "error") %> prohibited this menu from being saved:</h2>
    <ul>
      <% menu.errors.full_messages.each do |message| %>
        <li><%= message %></li>
      <% end %>
    </ul>
  </div>
  <% end %>
  
  <div class="mb-3">
  <%= f.label :サムネイル %>
  <!-- 画像を添付するためのコード↓ -->
  <%= f.file_field :menu_image, class: 'form-control js-file-select-preview mb-3', accept: 'image/*', data: { target: '#preview-target' } %>
  <!-- プレビューを表示するコード↓ -->
  <%= image_tag @menu.decorate.menu_image, id: 'preview-target', class: 'w-50 border' %>
  </div>
  <%= link_to '戻る', menus_path, class: 'btn btn-primary ml-2' %>
  <%= f.submit '登録', class: 'btn btn-primary' %>
  <% end %>

- エラーから考えられる原因
gemの設定が間違っている？

- 試したこと
何か他にcssの設定をしていて上書きされているかを確認。
→そもそもcssの設定はリサイズとは関係がない。
gemのインストールができているかを確認。

リサイズのコード
 ``` process resize_to_limit: [300, 300]```
 を追加してもログにその結果が現れないため何を確認したらいいのかわからず手が止まっています。

- 参考UPL
https://qiita.com/mmaumtjgj/items/509eed8e52ae53c4b41a

- バージョン情報
Rails 6.1.4
ruby 3.0.2
gem 'carrierwave', '~> 2.0'
gem 'mini_magick'

[kenchasonakai]

設定追記後サーバーの再起動は行なっていますか？

[Oba-eng]

サーバーを再起動をした結果添付した画像の画面になっています。

[kenchasonakai]

コードが全く上がっておらず状況がうまく掴めないのでDraftでプルリクエストを作成してこのissueに作成したプルリクエストのURLの共有をお願いします

[Oba-eng]

https://github.com/Oba-eng/-curry_web/pull/23/commits Draftでプルリクエストがうまくできなかったため通常のプルリクエストを作成しました。 こちらでよろしいでしょうか？

[kenchasonakai]

差分がなにも見えないのでmainブランチか開発用のupstreamブランチがあるならそちらに対してプルリクエストを作成してください

[Oba-eng]

mainブランチにプルリクエストをしようとすると差分がないためプルリクエストが作成できません。 どこかで操作間違えてしまったのでしょうか？ dev#6-login→mainにプルリクエストができない時点で正直何が起こっているのか分からない状態です。 申し訳ありません。 差分というのは画像のリサイズについてのコードを記載する前と後ということで合ってますか？

[kenchasonakai]

ありがとうございます！ 作成出来ないならこれで大丈夫です 見てみますね

[kenchasonakai]

ちなみに元画像のサイズはリサイズしようとしているサイズより大きいですかね、小さいですかね？

[Oba-eng]

本当に申し訳ないです。お手数おかけします。

元の画像はリサイズしようとしているサイズより大きいです。 ・元サイズ 836×294 現在表示されているサイズ 300×105

[kenchasonakai]

現在表示されているサイズが元の画像より小さいのでリサイズされているのではないかと思うのですがどうでしょうか？

[Oba-eng]

試しに違う画像を貼り付けてみると高さが変わってしまいます。

menu_image_uploader.rb
  process resize_to_limit: [300, 300]

と設定したので画像の大きさも300×300で固定になると予想していましたがそうではないので質問をさせていただきました。 元の画像より小さい＝リサイズされているとしたらその設定をどこでしたのか自分でもわかってません。 リサイズ＝どの大きさの画像を添付しても同じ大きさで投稿される という認識なのですがそもそもこの認識が間違っているのでしょうか？

[kenchasonakai]

resize_to_limitは最大の大きさを定めるメソッドなので同じ大きさに揃えるなら別のメソッドを使用する必要がありそうですね https://qiita.com/wann/items/c6d4c3f17b97bb33936f#resize_to_limitwidth-height