常連

注目の的

社会貢献

質問力

##前提
Vue.js 2.0を使っています。


##やりたいこと

v-forの中でv-bindを使いたいです。
ネット上の記事を探してみたのですが、v-forの中で使っている例は見つからず困っています。
皆さまはforの中でv-bindをどのように使われているのでしょうか？



##コード
```html
<div id="message_board">
 <div v-for="item in items">
    <div>
      <img v-bind:src={{item.icon}}>
    </div>
 </div>
</div>
```
```javascript
var message_board = new Vue({
            el: '#message_board',
            data: {
                items: [
                    { icon: 'https://pbs.twimg.com...'},
                    { icon: 'https://pbs.twimg.com...'},
                    { icon: 'https://pbs.twimg.com...'},
                ]
            }
        })
```


##エラー
[Vue warn]: failed to compile template
invalid expression: v-bind:src="{{item.icon}}"


##試したこと
<img v-bind:src="{{item.icon}}">
<img v-bind:src={{item.icon}}>

上記２点ともうまくいきませんでした。

v-forの中でimg v-bind:srcを使いたい。 Vue.js

### 前提・実現したいこと
heroku エラー
heroku loginしたら以下のメッセージが現れます。
heroku: Press any key to open up the browser to login or q to exit: 
heroku: Waiting for login… （loading..)

### 発生している問題・エラーメッセージ
```
heroku: Press any key to open up the browser to login or q to exit: 
heroku: Waiting for login… ⣽
```

### 該当のソースコード

```ここに言語名を入力
$ heroku login
```

### 試したこと
![イメージ説明](6c9f0159bb8970e423034a6c3633e1b9.png)
$ wget -qO- https://cli-assets.heroku.com/install-ubuntu.sh | sh
をしても現状は同じです。

heroku loginしたら以下のメッセージが現れます。

heroku: Press any key to open up the browser to login or q to exit: 
heroku: Waiting for login… （loading..)
が出てしまいます。。
よろしくお願いします。。
### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

コンソールからheroku loginするとき無限loadingエーラ

Railsで画像をアップロードして、アップロードした画像を画面に表示する機能がある
アプリケーションを開発しています。
しかし、サイズの大きい画像をアップロードした場合、**レイアウトが崩れたりしそうで**
**心配です**。
そこで２つほど思いつく対策があるのですが、それぞれに問題があります。

なので、何か良い対策方法があれば教えてください。
宜しくお願いします。

Rails サイズが大きい画像をアップロードした時の処理について

###前提・実現したいこと
rails4で開発中。 

現在練習でツイッターのような投稿サイトを作成しています。  

アソシエーションで誰がどの投稿をしたかマッピングしました。

モデルはUserとTweetで、user_idを作成して紐づけております。

そこで各ユーザー毎のマイページで、自分の投稿だけを取得して表示させたいのですが、その表示方法が分かりません。

コントローラーへの定義方法。  
Viewでの取得した投稿の表示方法。

どのように記述すればよいのでしょうか？

###該当のソースコード
現状このように記述しております。

``users_controller.rb``
```Ruby
def show
  @user = User.find(params[:id]) 
end
```
``users/show.html.erb``

```
<% @user.tweets.each do |user| %>
  <p><%= profile_img(tweet.user) %><b><%= tweet.user.name %></b></p>
    <h4><strong><%= tweet.content %></strong></h4>
<% end %>
```

このように記述してshowページにアクセスすると
```
NameError - undefined local variable or method `tweet' for・・・
```
このようにエラーになってしまいます。

どのように改善すればいいのでしょうか？
作成方針やアドバイスなどでも構いませんのでご教授いただけると助かります。

twitterのようにユーザー毎のマイページで自分の投稿したデータだけを取得する方法

### 前提・実現したいこと

railsでtwitterのようなSNSサイトを作成しており、
ユーザープロフィール画面にお気に入りに登録した投稿を一覧で表示したいのですがうまくいかないです。

### 発生している問題・エラーメッセージ

```
No route matches [GET] "/users/4/favorites"
```

### show.html.erb(ユーザープロフィール画面)

```
<ul class="user-tabs">
      <li class="active"><%= link_to("投稿一覧", "/users/#{@user.id}") %></li>
      <li><%= link_to("お気に入り", "/users/#{@user.id}/favorites") %></li>
</ul>
```

### routes.rb
```

Rails.application.routes.draw do
  root "home#top"
  
  resources :sessions, only: [:new, :create, :destroy]
  resources :users
  
  resources :posts do
    collection do
      post :confirm
    end
  end
  
  
  resources :favorites, only: [:create, :destroy]
  
  
  
  get "about", to: "home#about"
  
end
```

よろしくお願いいたします。

ユーザープロフィール画面にお気に入りに登録した投稿一覧を表示したい。

Railsを勉強中です。現在、フォームの作成で入力画面を作成しています。

submitボタンを押した時に以下のエラーが出てしまいます。

```
NoMethodError in ContactController#create
undefined method `save' for nil:NilClass
```

フォームを入力した状態と空の状態、どちらもこのエラーが出てしまいます。

前回質問した際と同じ(https://teratail.com/questions/95645)モジュール問題なのかなと思っているのですが、モジュールについてよくわかっていません。

Railsの予約語のように同じ単語が重複してはならないようなもの何でしょうか？

よくわかりませんが、わかりやすく教えていただけると幸いです。

contact_contoller.rb
```ここに言語を入力
class ContactController < ApplicationController
  def index
    @msg = "メッセージだよ"
    @contact = Contactkun.new
  end

  def create
    if @contact.save(new_params)
      @msg = "送信完了"
    else
      @msg = "エラー"
    end
  end

  private
  def new_params
    params.require(:contactkun).permit(:name, :content)
  end
end
```

contactkun.rb
```
class Contactkun < ApplicationRecord
  # フォームのバリデーション
  validates :name, presence: true
  validates :contact, presence: true
end
```

index.html.erb
```ここに言語を入力
<p><%= @msg %></p>

<%= form_for(@contact, url:{controller:'contact', action:'create'}) do |f| %>

  <% if @contact.errors.any? %>
    <% @contact.errors.full_messages.each do |message| %>
      <p><%= message %></p>
    <% end %>
  <% end %>

<table>
  <tr><td>名前</td><td><%= f.text_field :name %></td></tr>
  <tr><td>内容</td><td><%= f.text_area :content %></td></tr>
  <tr><td></td><td><%= f.submit "問い合わせる" %></td></tr>
</table>
<% end %>
```

###追記1 2017/10/24 3:27
**plaさん**
ご回答ありがとうございます。
ご指摘の通りに記述したのですが、index.html.erbでエラーが発生しました。

```
ArgumentError in Contact#index
First argument in form cannot contain nil or be empty

<%= form_for(@contact, url:{controller:'contact', action:'create'}) do |f| %>
```

あと気になったのが、インスタンス変数(@contact)の宣言についてなんですが、
createアクションに ```@contact``` が宣言されていないということは、indexアクションに宣言されていても、他のアクション内からは参照できないということなんでしょうか？

Ruby on Rails フォームの作成でエラー

###前提・実現したいこと
Ruby（Ruby on Rails）でブログサイトを作っています。
ログインユーザーがコメントをするような仕組みと想定しているのですが、どのようにして記事と関連づけるべきであるか迷っています。

**ユーザーと記事に紐づいたコメントの登録**を実装するうえで、表示されている記事にコメントを関連づけるためにはどうすればいいですか？

###該当のソースコード
・コメントコントローラー
```Ruby
class CommentsController < ApplicationController

  def create
    @comment = current_user.comments.build(comment_params)
    if @comment.save
      flash[:success] = "コメントが投稿されました！"
      redirect_to root_path
    else
      @feed_items = []
      redirect_to root_path
    end
  end

  def comment_params
    params.require(:comment).permit(:content)
  end
end
```

・マイグレーションファイル
```Ruby
class CreateComments < ActiveRecord::Migration[5.0]
  def change
    create_table :comments do |t|
      t.text :content
      t.references :user, foreign_key: true
      t.references :article, foreign_key: true

      t.timestamps
    end
    add_index :comments, [:user_id, :article_id, :created_at]
  end
end
```

・コメントモデル
```Ruby
class Comment < ApplicationRecord
  belongs_to :user
  belongs_to :article
  default_scope -> { order(created_at: :desc)}
  validates :user_id, presence: true
  validates :article_id, presence: true
end
```
・ビュー
```Ruby
<%= form_for(@comment) do |f| %>
  <%= render 'shared/error_messages', object: f.object %>
  <div class="field">
    <%= f.text_area :content, placeholder: "コメントを入力する" %>
  </div>
  <%= f.submit "コメントする", class: "btn btn-primary" %>
<% end %>
```

###試したこと
・ここからどうやって進めればよいのか見当がつかず、いっさい進められておりません。

###補足情報(言語/FW/ツール等のバージョンなど)
開発環境：Ruby on Rail 5.0.0.1

###追記情報（該当ソース）

・ビュー（articles/show.html.erb）

```
・・・
<section>
  <div class="title">
    <h2>コメント</h2>

    <% if logged_in? %>
      <div class="row">
        <aside class="col-md-4">
          <section class="cooment_form">
            <%= render 'shared/comment_form' %>
          </section>
        </aside>
      </div>
    <% else %>
      <div></div>
    <% end %>
    <%= render 'shared/feed' %>

</section>
・・・
```
・ビュー（shared/comment_form）
```Ruby

<%= form_for(@comment) do |f| %>
  <%= render 'shared/error_messages', object: f.object %>
  <div class="field">
    <%= f.text_area :content, placeholder: "コメントを入力する" %>
  </div>
  <%= f.submit "Post", class: "btn btn-primary" %>
<% end %>
```
・ビュー（shared/feed）
```Ruby
<%if @feed_items.any? %>
  <%= render @feed_items %>
  <%= will_paginate @feed_items %>
<% end %>
```
・コントローラー（artcles/controller）
```Ruby
class ArticlesController < ApplicationController
  before_action :comment_feed, only:[:show, :comment]

  def show
  end

  def search
    @articles = Article.paginate(page: params[:page])
    @categories = Category.all
  end

  def new
    @article = Article.new(create_params)
  end

  private

  def article_params
    params.require(:space).permit(:title, :content)
  end

  def set_article
    @article = Article.find(params[:id])
  end

  def comment_feed
    if logged_in?
      @comment = current_user.comments.build
      @feed_items = current_user.feed.paginate(page: params[:page])
    end
  end
end
```