railsのimg_tagで画像が表示されない。「"」と「'」の違いは何でしょうか？

Question

疑問点

1. image_tagを使用する際、 "/fabrics/..." と '/fabrics/...' の違いは何なのか（""と''の違いはあるのか）
2. 画像を表示させるにはどうすればいいか

アパレル向けのRPAを作っています。

生地リスト (fabric)で登録した画像を最適テキスタイル検索 (nuances)で表示しようと思うのですが表示されず困っています。

<%= image_tag "/fabrics/#{@fabric.id}.jpg", :size =>'320x240' %>

にするとNoMethodErrorが表示されます。
idと書いていたのでコントローラーに
@fabric =Fabric.find_by(id:params[:id])
を追加したのですが違ったようです。

しかし、「"/fabrics..."」を「'/fabric...'」にするとエラーは発生しないのですが画像が表示されません。

<h1>最適テキスタイル検索</h1>

<div class="container">
  <% @fabrics.each do |fabric| %>
  <div class="posts-index-item">

<table border="1">
<tr>
  <td><%= fabric.number %></td>
 <!-- imag_tagの「"/fabrics/..."」を「'/fabrics/...'」に変更するとエラーは解消されるが画像は出ない -->
  <%= image_tag '/fabrics/#{@fabric.id}.jpg', :size =>'320x240' %>
</tr>
</table>

<% end %>
</div>

生地詳細画面では「"/fabrics/..."」でちゃんと表示されています。

 <!-- localhost3000/fabrics/:id -->

<div class="main posts-show">
  <div class="container">
    <div class="posts-show-item">

    <p>品番：<%= @fabric.number %></p><br>
    <p>業態：<%= @fabric.category %></p><br>
    <p>ブランド：<%= @fabric.brand %></p><br>
    <p>打込：<%= @fabric.uchikomi %></p><br>
    <p>組織：<%= @fabric.organization %></p><br>
    <p>規格：<%= @fabric.standard %></p><br>
    <p>生地画像：<%= @fabric.fabricImg %></p><br>
    <%= image_tag "/fabrics/#{@fabric.id}.jpg", :size =>'320x240' %>

    </div>

原因が分からず行き詰まっています。
ご教授いただければ幸いです。

よろしくお願いいたします。

コントローラーはこちらです。

 //controllers/nuances.controller.rb //


class NuancesController < ApplicationController
  def index
    @fabrics = Fabric.all
  end
end

//controllers/fabrics.controller.rb //

class FabricsController < ApplicationController
  def index
    @fabrics = Fabric.all
  end

  def new
  end

  def create
    @fabric = Fabric.new(number: params[:number], category: params[:category], uchikomi: params[:uchikomi],
    organization: params[:organization], standard: params[:standard], fabricImg: params[:fabricImg], brand: params[:brand],
    hardness: params[:hardness], thickness: params[:thickness], glossiness: params[:glossiness])

    @fabric.save
    redirect_to("/fabrics/#{@fabric.id}")
  end

  def show
    @fabric =Fabric.find_by(id:params[:id])
  end

  def edit
    @fabric = Fabric.find_by(id:params[:id])
  end

  def update
    @fabric = Fabric.find_by(id: params[:id])
    @fabric.number = params[:number]
    @fabric.category = params[:category]
    @fabric.brand = params[:brand]
    @fabric.standard = params[:standard]
    @fabric.organization = params[:organization]
    @fabric.uchikomi = params[:uchikomi]
    @fabric.hardness = params[:hardness]
    @fabric.thickness = params[:thickness]
    @fabric.glossiness = params[:glossiness]

    if params[:fabricImg]
      @fabric.fabricImg ="#{@fabric.id}.jpg"
    fabricImg = params[:fabricImg]
    File.binwrite("public/fabrics/#{@fabric.id}.jpg", fabricImg.read)
    end

    @fabric.save
    redirect_to("/fabrics/")
  end

  def destroy
    @fabric = Fabric.find_by(id: params[:id])
    @fabric.destroy
    redirect_to("/fabrics")
  end

end

Answer 1

<%= image_tag "/fabrics/#{fabric.id}.jpg", :size =>'320x240' %> と「@」を取る必要があると思います。

クォートによる挙動の違いはRubyドキュメントをご参照ください。
https://docs.ruby-lang.org/ja/latest/doc/spec=2fliteral.html#exp

Comments

[kazuki0714]

ありがとうございます。
参考にさせていただきます！

Answer 2

"/fabrics/..." と '/fabrics/...' の違い

二重引用符では、#{}のような変数展開が適用されるのに対して、一重引用符ではそのままとなります。

NoMethodError

@fabricがnilであるために発生しているエラーです。

Comments

[kazuki0714]

ありがとうございます。
ようやく理解できました！

Answer 3

「"」にして
views/nuances/index.html.erbで
#{@fabric.id}.jpgの@を外して下記にすると表示される。

<%= image_tag "/fabrics/#{fabric.id}.jpg", :size =>'320x240' %>