Ruby on Rails

【Rails】AWS EC2 カスタムフォント 反映

AWS EC2にデプロイした際にカスタムフォントの反映がされない場合の解決法について 現象:以下2点の記事を参考にやったが、反映されない。 というより、scssファイルのsrcをasset_ur...
AWS

AWS EC2 S3 デプロイで躓いたことまとめ

プログラミング初心者が、オリジナルポートフォリオ作成にあたり、初めてAWS EC2 S3にデプロイした際に、つまずいたことをまとめています。 deploy checkでエラー app ~]$ bundle exec cap p...
Ruby on Rails

【Rails】最新投稿のメッセージがscrollボックス内一番下に常に表示される

目標物 このように、新規メッセージを投稿した際に最新投稿が常に一番下に表示されるようにする。 scrollのCSSを追加した場合、デフォルトでは、最上部が常に表示される。そのため、投稿したメッセージがscrollボック...
30代Webエンジニア転職

30代Webエンジニア転職奮闘記 プログラミングスクール第17週目

こんにちは。Almontaです! この記事では、Webエンジニアへの転職を決めた、私のプログラミングスクールDIVE INTO CODE入校から卒業までの4ヶ月間(18週、123日)、更には就職までの軌跡を記していきます。 1...
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...