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

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

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

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

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

0回答

1204閲覧

rails CarrierWaveでデフォルトの画像にバージョンをつけると表示されなくなる

bok_sakai

総合スコア20

Ruby

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

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

0クリップ

投稿2019/10/15 20:55

前提・実現したいこと

rails6をTwitterのデモアプリを作りながら勉強している者です。

画像(icon)のアップロード・表示のためにCarrierWaveを導入し、新規登録時にiconカラムにはデフォルトの画像が設定されるようにしています。タイムラインやプロフィール画面用にそれぞれ違う大きさにリサイズしたバージョンを指定しているのですが、ページには?マークが表示されてしまいます。

ユーザーがアイコンをカスタマイズするとうまく表示されます。

ご教授のほどお願いいたします。

###アイコン アップローダ

#uploaders/icon_uploader class IconUploader < CarrierWave::Uploader::Base # Include RMagick or MiniMagick support: # include CarrierWave::RMagick # include CarrierWave::MiniMagick # Choose what kind of storage to use for this uploader: storage :file # storage :fog # Override the directory where uploaded files will be stored. # This is a sensible default for uploaders that are meant to be mounted: def store_dir "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}" end # Provide a default URL as a default if there hasn't been a file uploaded: def default_url(*args) # # For Rails 3.1+ asset pipeline compatibility: # # ActionController::Base.helpers.asset_path("fallback/" + [version_name, "default.png"].compact.join('_')) ActionController::Base.helpers.asset_path("/images/" + [user_page, "default_userpage.jpg"].compact.join('_')) ActionController::Base.helpers.asset_path("/images/" + [index_page, "default_indexpage.jpg"].compact.join('_')) ActionController::Base.helpers.asset_path("/images/" + [end_of_post, "default_endofpost.jpg"].compact.join('_')) "/images/" + [user_page, "default_userpage.jpg"].compact.join('_') "/images/" + [index_page, "default_indexpage.jpg"].compact.join('_') "/images/" + [end_of_post, "default_endofpost.jpg"].compact.join('_') # "/images/fallback/" + [version_name, "default.png"].compact.join('_') end # Process files as they are uploaded: # process scale: [200, 300] # # def scale(width, height) # # do something # end # Create different versions of your uploaded files: # version :thumb do # process resize_to_fit: [50, 50] # end # Add a white list of extensions which are allowed to be uploaded. # For images you might use something like this: # def extension_whitelist # %w(jpg jpeg gif png) # end # Override the filename of the uploaded files: # Avoid using model.id or version_name here, see uploader/store.rb for details. # def filename # "something.jpg" if original_filename # end # リサイズしたり画像形式を変更するのに必要 include CarrierWave::RMagick # 保存形式をJPGにする process :convert => 'jpg' # サムネイルを生成する設定 version :index_page do process resize_to_fill: [48, 48, gravity = ::Magick::CenterGravity] end version :user_page do process resize_to_fill: [300, 300, gravity = ::Magick::CenterGravity] end version :end_of_post do process resize_to_fill: [48, 48, gravity = ::Magick::CenterGravity] end # jpg,jpeg,pngしか受け付けない def extension_white_list %w(jpg jpeg png) end # 拡張子が同じでないとGIFをJPGとかにコンバートできないので、ファイル名を変更 def filename super.chomp(File.extname(super)) + '.jpg' if original_filename.present? end end

各ビュー

#タイムラインのビュー(部分テンプレート) _home_post.html.erb <% @post.each do |post| %> <p><%= link_to image_tag(post.user.icon.to_s), user_path(post.user) %> <%= link_to(post.user.nickname, "http://localhost:3000/post/#{post.id}") %> <%= post.user.user_name %></p> <div > <h2><%= link_to(post.title, "http://localhost:3000/post/#{post.id}") %></h2> </div> <% end %>
#プロフィール画面のビュー users/show.html.erb <body> <div> <p><%= image_tag @user.icon.user_page.to_s %> <h1><%= @user.nickname %></h1> <%= @user.user_name %> <%= @user.profile %></p> <% if @user.id == current_user&.id %> <%= link_to("アカウント設定", "http://localhost:3000/users/#{@user.id}/setting") %> <% end %> </div> <%= render "layouts/users_post" %> </body>

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問