Ruby on Rails 【Rails】最新投稿のメッセージがscrollボックス内一番下に常に表示される
目標物
このように、新規メッセージを投稿した際に最新投稿が常に一番下に表示されるようにする。
scrollのCSSを追加した場合、デフォルトでは、最上部が常に表示される。そのため、投稿したメッセージがscrollボック...
Ruby on Rails
Ruby on Rails Ruby on Rails 【Rails】Bootstrap header navbar の navbar-brand をロゴ画像に変更する方法
Bootstrapのnavbarで作ったheaderのnavbar-brand部をロゴ画像に変更する方法について。
画像保存先
app/assets/images/logo_set.png
テキストロゴのコード
...
Ruby on Rails 【Rails】マウスオーバーで背景が黒くなるのを解消する方法
結論
divタグで囲う
具体例
<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
&...
Ruby on Rails 【Rails】検索機能 検索実行後のフォームの値保持・消去方法
検索実行後のフォームの値の保持、消去方法についてご紹介します。
ransack使用の場合
ransackの導入についてはこちらを参照ください。
この方法だと、以下の通り、検索実行後に値は保持されたままになりま...
Ruby on Rails 【Rails】scaffold form_with エラーメッセージ表示時のデザイン崩れ解決法
scaffoldで作成したform_withのバリデーションエラーメッセージ表示時のデザイン崩れ解決法についてご紹介します。
デフォルトでは、エラー表示時に以下のようにradio_buttonのデザイン崩れが発生してしまいます。この...
Ruby on Rails 【Rails】CSSでの要素中央配置はこの方法に尽きる
form_withで作成したフォームを中央配置にしたい。そんな方法をご紹介します。
方法としてはこれだけ！この方法に尽きます。
<div class="outer">
<div cla...
Ruby on Rails 【Rails】Scaffold バリデーションエラーメッセージ カラーデザイン変更
scaffoldのバリデーションエラーメッセージの表示はデフォルトで、以下のようになっています。
これだと赤の主張が強すぎますよね！
そこで色を変更する方法のご紹介
<% if product.erro...
Ruby on Rails 【Rails】Ajax コメント機能にバリデーションエラーメッセージを表示する
目標物はこちら
このようにバリデーションのエラーメッセージが表示されるようにする。
コントローラー
def create
@product = Product.find(params)
@pr...
Ruby on Rails 【Rails】bin/rspec と bundle exec rspec の違い
Rspecを、bin/rspecで実行すると、viewが更新されていない現象が起きた。
そこでbundle exec rspecで実行すると、ちゃんと最新のviewとなった。
この違いはなんなのか？それぞれの動きについて説明し...
Ruby on Rails 【Rails】form_withのformの幅を要素幅に合わせる方法
form_withのformの幅を要素幅に合わせる方法についてご紹介します。
目標物
formのサイズ変更は、こんなふうにsizeを指定してやればいいですが、これだとレスポンシブでないです。要素や画面幅に対しformサ...