質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Q&A

解決済

1回答

5292閲覧

商品出品機能で画像が表示されない

Arale...3

総合スコア9

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

0グッド

1クリップ

投稿2020/10/28 18:16

編集2020/10/28 18:26

フリマアプリ作成にて、アクティブストレージ導入済、アソシエーション、プライベートメソッドにも:imageは記述しております

ruby

1class ItemsController < ApplicationController 2 before_action :authenticate_user!, except: [:index] 3 def index 4 @item = Item.all 5 end 6 7 def new 8 @item = Item.new 9 end 10 11 def create 12 @item = Item.new(item_params) 13 if @item.save 14 redirect_to root_path 15 else 16 render :new 17 end 18 end 19 20 private 21 22 def item_params 23 params.require(:item).permit(:name, :price, :category_id, :condition_id, :postage_id, :region_id, :shipping_date_id, :description, :image).merge(user_id: current_user.id) 24 end 25 26end

ruby

1class Item < ApplicationRecord 2 extend ActiveHash::Associations::ActiveRecordExtensions 3 4 5 belongs_to :user 6 has_one :purchase 7 has_one_attached :image 8 9 with_options presence: true do 10 validates :name 11 validates :price, numericality: { greater_than_or_equal_to: 300, less_than_or_equal_to: 9_999_999 } 12 validates :category_id 13 validates :condition_id 14 validates :postage_id 15 validates :region_id 16 validates :shipping_date_id 17 validates :description 18 validates :image  19 end 20 21end

ruby

1<div class="items-sell-contents"> 2 <header class="items-sell-header"> 3 <%= link_to image_tag('furima-logo-color.png' , size: '185x50'), "/" %> 4 5 </header> 6 <div class="items-sell-main"> 7 <h2 class="items-sell-title">商品の情報を入力</h2> 8 <%= form_with model: @item, local: true do |f| %> 9 10 <%# インスタンスを渡して、エラー発生時にメッセージが表示されるようにしましょう。%> 11 <%= render 'shared/error_messages', model: f.object %> 12 <%# //インスタンスを渡して、エラー発生時にメッセージが表示されるようにしましょう。%> 13 14 <%# 出品画像 %> 15 <div class="img-upload"> 16 <div class="weight-bold-text"> 17 出品画像 18 <span class="indispensable">必須</span> 19 </div> 20 <div class="click-upload"> 21 <p> 22 クリックしてファイルをアップロード 23 </p> 24 <%= f.file_field :image, id:"item-image" %> 25 <%= image_tag item.image.variant(resize: '500x500'), class: 'item-image' if @item.image.attached? %> 26 </div> 27 </div> 28 <%# /出品画像 %> 29 <%# 商品名と商品説明 %> 30 <div class="new-items"> 31 <div class="weight-bold-text"> 32 商品名 33 <span class="indispensable">必須</span> 34 </div> 35 <%= f.text_area :name, class:"items-text", id:"item-name", placeholder:"商品名(必須 40文字まで)", maxlength:"40" %> 36 <div class="items-explain"> 37 <div class="weight-bold-text"> 38 商品の説明 39 <span class="indispensable">必須</span> 40 </div> 41 <%= f.text_area :description, class:"items-text", id:"item-info", placeholder:"商品の説明(必須 1,000文字まで)(色、素材、重さ、定価、注意点など)例)2010年頃に1万円で購入したジャケットです。ライトグレーで傷はありません。あわせやすいのでおすすめです。" ,rows:"7" ,maxlength:"1000" %> 42 </div> 43 </div> 44 <%# /商品名と商品説明 %> 45 46 <%# 商品の詳細 %> 47 <div class="items-detail"> 48 <div class="weight-bold-text">商品の詳細</div> 49 <div class="form"> 50 <div class="weight-bold-text"> 51 カテゴリー 52 <span class="indispensable">必須</span> 53 </div> 54 <%= f.collection_select(:category_id, Category.all, :id, :name, {}, {class:"select-box", id:"item-category"}) %> 55 <div class="weight-bold-text"> 56 商品の状態 57 <span class="indispensable">必須</span> 58 </div> 59 <%= f.collection_select(:condition_id, Condition.all, :id, :name, {}, {class:"select-box", id:"item-sales-status"}) %> 60 </div> 61 </div> 62 <%# /商品の詳細 %> 63 64 <%# 配送について %> 65 <div class="items-detail"> 66 <div class="weight-bold-text question-text"> 67 <span>配送について</span> 68 <a class="question" href="#">?</a> 69 </div> 70 <div class="form"> 71 <div class="weight-bold-text"> 72 配送料の負担 73 <span class="indispensable">必須</span> 74 </div> 75 <%= f.collection_select(:postage_id, Postage.all, :id, :name, {}, {class:"select-box", id:"item-shipping-fee-status"}) %> 76 <div class="weight-bold-text"> 77 発送元の地域 78 <span class="indispensable">必須</span> 79 </div> 80 <%= f.collection_select(:region_id, Region.all, :id, :name, {}, {class:"select-box", id:"item-prefecture"}) %> 81 <div class="weight-bold-text"> 82 発送までの日数 83 <span class="indispensable">必須</span> 84 </div> 85 <%= f.collection_select(:shipping_date_id, ShippingDate.all, :id, :data, {}, {class:"select-box", id:"item-scheduled-delivery"}) %> 86 </div> 87 </div> 88 <%# /配送について %> 89 90 <%# 販売価格 %> 91 <div class="sell-price"> 92 <div class="weight-bold-text question-text"> 93 <span>販売価格<br>(¥3009,999,999)</span> 94 <a class="question" href="#">?</a> 95 </div> 96 <div> 97 <div class="price-content"> 98 <div class="price-text"> 99 <span>価格</span> 100 <span class="indispensable">必須</span> 101 </div> 102 <span class="sell-yen">¥</span> 103 <%= f.text_field :price, class:"price-input", id:"item-price", placeholder:"例)300" %> 104 </div> 105 <div class="price-content"> 106 <span>販売手数料 (10%)</span> 107 <span> 108 <span id='add-tax-price'></span>円 109 </span> 110 </div> 111 <div class="price-content"> 112 <span>販売利益</span> 113 <span> 114 <span id='profit'></span>円 115 </div> 116 </span> 117 </div> 118 </div> 119 <%# /販売価格 %> 120 121 <%# 注意書き %> 122 <div class="caution"> 123 <p class="sentence"> 124 <a href="#">禁止されている出品、</a> 125 <a href="#">行為</a> 126 を必ずご確認ください。 127 </p> 128 <p class="sentence"> 129 またブランド品でシリアルナンバー等がある場合はご記載ください。 130 <a href="#">偽ブランドの販売</a> 131 は犯罪であり処罰される可能性があります。 132 </p> 133 <p class="sentence"> 134 また、出品をもちまして 135 <a href="#">加盟店規約</a> 136 に同意したことになります。 137 </p> 138 </div> 139 <%# /注意書き %> 140 <%# 下部ボタン %> 141 <div class="sell-btn-contents"> 142 <%= f.submit "出品する", class:"sell-btn" %> 143 <%=link_to 'もどる', root_path, class:"back-btn" %> 144 </div> 145 <%# /下部ボタン %> 146 </div> 147 <% end %> 148 149 <footer class="items-sell-footer"> 150 <ul class="menu"> 151 <li><a href="#">プライバシーポリシー</a></li> 152 <li><a href="#">フリマ利用規約</a></li> 153 <li><a href="#">特定商取引に関する表記</a></li> 154 </ul> 155 <%= link_to image_tag('furima-logo-color.png' , size: '185x50'), "/" %> 156 <p class="inc"> 157 ©︎Furima,Inc. 158 </p> 159 </footer> 160</div>

イメージ説明
ご教授よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

validates :image[ ]
ここ、全角スペースのようですが、問題ないですか?
エラーもそのような指摘をしているように見受けられます。

投稿2020/10/28 21:36

編集2020/10/28 21:36
m.ts10806

総合スコア80875

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Arale...3

2020/10/29 01:06

全角スペースでした。本当にありがとうございます。無事に挙動確認できました。エラー文の読み方がまだわからず一つ勉強になりました。ありがとうございました。
m.ts10806

2020/10/29 01:09

メソッド名がクォーテーションで囲われているわけですけど、妙な間に「おかしいな」と気づけるかどうかだと思います。 私もRubyは最近始めたばかりですが、調べたところRubyでは全角スペースも定義に使えるようなので、 https://qiita.com/GandT/items/75c346680177d21d6d15 「それも込みのメソッド名」として認識されて、全角スペースでエラーというのが起きないようですね。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問