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

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

ただいまの
回答率

88.04%

【Ruby on Rails】非同期のいいね機能を実装時、2つある非同期いいねのうち1つだけ非同期でいいねがされない

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 647

score 17

実現したいこと

非同期のいいね機能を実装時、2つある非同期いいねのうち1つだけ非同期でいいねがされない為、2つとも非同期いいねをさせたい。

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

非同期いいねされないボタンを押すと下記のエラーメッセージが表示されます。

No template found for CosplayFavoritesController#favorite, rendering head :no_content

該当のソースコード

cosplay_favorite.rb

class CosplayFavorite < ApplicationRecord
  belongs_to :post_image, counter_cache: :cosplay_favorites_count
  belongs_to :user
end


post_image.rb

class PostImage < ApplicationRecord
    belongs_to :user
    has_many :favorites, dependent: :destroy
    has_many :fav_users, through: :favorites, source: :user
    has_many :cosplay_favorites, dependent: :destroy
    has_many :cosplay_fav_users, through: :cosplay_favorites, source: :user
    has_many :post_comments, dependent: :destroy

    attachment :real_image
    attachment :cosplay_image

    default_scope -> { order(created_at: :asc) }
end


user.rb

class User < ApplicationRecord
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :validatable

  has_many :post_images, dependent: :destroy
  has_many :favorites, dependent: :destroy
  has_many :fav_post_images, through: :favorites, source: :post_image
  has_many :cosplay_favorites, dependent: :destroy
  has_many :cosplay_fav_post_images, through: :favorites, source: :post_image
  has_many :post_comments, dependent: :destroy

  validates :name, presence: true, length: { in: 2..15 }

  attachment :profile_image
end


cosplay_favorites_controller.rb

class CosplayFavoritesController < ApplicationController
  before_action :set_variables

  def favorite
    favorite = current_user.cosplay_favorites.new(post_image_id: @post_image.id)
    favorite.save
  end

  def unfavorite
    favorite = current_user.favorites.find_by(post_image_id: @post_image.id)
    favorite.destroy
  end

  private

  def set_variables
    @post_image = PostImage.find(params[:id])
    @id_name = "#cosplay_favorite-link-#{@post_image.id}"
  end
end


post_images/_cosplay_post_images.html.erb

<%= render 'cosplay_favorites/cosplay_favorite', post_image: post_image %>


cosplay_favorites/_cosplay_favorite.html.erb

<div class="cosplay_favorite-link" id="cosplay_favorite-link-<%= post_image.id %>">
  <% if current_user.cosplay_favorites.find_by(post_image_id: post_image.id) %>
    <%= link_to cosplay_favorite_path(post_image.id), method: :post, remote: true do %>
        <div class = "iine__button">❤️<%= post_image.cosplay_favorites.count %> コスプレの写真いいね!</div>
    <% end %>
  <% else %>
    <%= link_to cosplay_favorite_path(post_image.id), method: :post, remote: true do %>
        <div class = "iine__button">♡️<%= post_image.cosplay_favorites.count %> コスプレの写真いいね!</div>
    <% end %>
  <% end %>
</div>


cosplay_favorites/cosplay_favorite.js.erb

$("<%= @id_name %>").html('<%= escape_javascript(render("cosplay_favorites/cosplay_favorite", post_image: @post_image  )) %>');


post_images/index.html.erb

<div class="header">
  <nav class="navigation">
    <img src="/assets/logo.png">
    <ul>
      <li>
        <%= link_to "ログアウト", destroy_user_session_path, method: :delete %>
      </li>

      <li>
        <%= link_to '投稿する', new_post_image_path %>
      </li>

      <li>
        <%= link_to 'マイページ', user_path(current_user.id) %>
      </li>
    </ul>
  </nav>
</div>
<div class="post_images_index_wrapper">
  <% @post_images.each do |post_image| %>
    <div class="index_box">
      <div class="post_images_index_user">
        <ul>
          <li><%= attachment_image_tag @user, :profile_image, fallback: "no_image.jpg" %></li>
          <li><p><%= post_image.user.name %></p></li>
        </ul>
      </div>
      <div class="post_images_index_title">
        <div class="image_title">
          <h2>Real</h2>
        </div>
        <div class="image_title">
          <h2>Cosplay</h2>
        </div>
      </div>
      <div class="post_images_box">
        <div class="post_image">
          <%= attachment_image_tag post_image, :real_image %>
        </div>
        <div class="post_image">
          <%= attachment_image_tag post_image, :cosplay_image %>
        </div>
      </div>
      <div class="image_name">
        <%= post_image.real_image_name %>
      </div>
      <div class="image_name">
        <%= post_image.cosplay_image_name %>
      </div>
      <div class="favorite_area">
        <%= render partial: 'post_images/post_images', locals: { post_image: post_image } %>
      </div>



      <div class="favorite_area">
        <%= render partial: 'post_images/cosplay_post_images', locals: { post_image: post_image } %>
      </div>



      <div class="image_caption">
        <ul>
          <li>
            <%= attachment_image_tag @user, :profile_image, fallback: "no_image.jpg" %>
          </li>
          <li>
            <p><%= post_image.user.name %> </p>
          </li>
          <li>
            <p><%= link_to "#{post_image.post_comments.count}件のコメント", post_image_path(post_image.id) %></p>
          </li>
        </ul>
        <span class="caption"><%= post_image.caption %></span>
      </div>
      <% if post_image.user == current_user %>
      <%= link_to "削除", post_image_path(post_image), method: :delete %>
      <% end %>
    </div>
  <% end %>
  <%= paginate @post_images, class: "pagenate" %>
</div>

試したこと

色々調べると、CosplayFavoritesController#favoriteに対応するテンプレートがないというエラーメッセージということが分かり、viewを作成しましたが解決しませんでした。

補足情報(FW/ツールのバージョンなど)

ruby 2.5.7p206
Rails 5.2.4.1

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

check解決した方法

0

CosplayFavoritesController#favoriteの、favoriteメソッドと同じ名前のViewファイルを作成していないことが原因でした。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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

  • ただいまの回答率 88.04%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • トップ
  • Rubyに関する質問
  • 【Ruby on Rails】非同期のいいね機能を実装時、2つある非同期いいねのうち1つだけ非同期でいいねがされない