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

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

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

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

Q&A

0回答

530閲覧

instagramクローンのtopにUnsplashAPIから画像を表示したい。

nil1000

総合スコア13

Ruby on Rails

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

0グッド

0クリップ

投稿2021/05/17 04:07

現在ポートフォリオ作成中で、instagramのクローンを作っています。
基本的な機能は実装してしまって、
ログイン機能、画像投稿機能、いいね機能,フォロー機能、コメント機能がついています。
一部を掲載します。

Ruby

1class CommentsController < ApplicationController 2 before_action :authenticate_user! 3 4 def create 5 @photo = Photo.find(params[:photo_id]) 6 @comment = current_user.comments.new(comment_params) 7 8 if @comment.save 9 redirect_to [@photo] 10 else 11 render 'photos/show' 12 end 13 end 14 15 def destroy 16 comment = current_user.comments.find(params[:id]) 17 comment.destroy 18 19 redirect_to [:photo, { id: params[:photo_id] }] 20 end 21 22 private 23 def comment_params 24 params.require(:comment).permit(:body).merge(photo_id: params[:photo_id]) 25 end 26end

見た目をカッコ良くしたいので、topにUnsplash sourceAPIから、ランダムで画像を拾ってきて、表示させたいです。
views/home/index.html.erb

Ruby

1<div class="tabs"> 2 <ul> 3 <li> 4 <%= link_to '写真投稿', [:new, :photo] %> 5 </li> 6 <li> 7 <%= link_to 'logout', destroy_user_session_path, method: :delete %> 8 </li> 9 </ul> 10</div> 11https://source.unsplash.com/random #←ここで画像データを表示させたい。 12 13<% @feeds.each do |photo| %> 14 <div class="card mb-4"> 15 <div class="card-image"> 16 <figure class="image"> 17 <%= link_to [photo] do %> 18 <%= image_tag photo.image %> 19 <% end %> 20 </figure> 21 </div> 22 <div class="card-content"> 23 <div> 24 <%= link_to photo.user.email, [photo.user] %> 25 </div> 26 <div> 27 <%= photo.caption %> 28 </div> 29 </div> 30 </div> 31<% end %>

変更させるファイルは上記で合っていますでしょうか?
また、有識者の方がいらしたら、実装のベストプラクティス等教えて頂きたいです。
質問の意図が伝わらない、実際のコードをもっと見ないと分からない等、ご指摘頂けるとありがたいです。
どうぞよろしくお願いします。

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問