Ruby on Railsサービス開発逆引き辞典

Ruby on RailsでWebサービス開発をする時に『やりたいことから探せる』簡単逆引き辞典です。

RailsでCSS(スタイルシート)を読み込みたい

スタイルシートファイルを配置する

  • スタイルシートのファイル(custom.css(例))を、app/assets/stylesheets配下に置く。

スタイルシートを読み込む

  • ビューファイルに下記のように書く。
  • スタイルシートがcustom.cssというファイル名の場合、customとだけ指定すれば良い。ファイル名の.cssは省く。
スタイルシートを読み込むコード
<%= stylesheet_link_tag "custom", :media => "all" %>

プリコンパイルをする

  • production環境では、CSSの更新を反映させるためにプリコンパイルをする。これを忘れると、CSSファイルを更新したのに、新しいCSSが反映されないという問題が起こる。
rake assets:precompile
rake assets:precompile:all

関連するページ

 

Ruby on Railsを学びたい

開発環境を作りたい

画面を作りたい(ビュー)

ロジックを作りたい(モデル)

URLを作りたい(コントローラ)

Controller(コントローラ)を作るときによく使うコードです。

データベースを使いたい

Railsアプリを公開したい

エラーを解決したい

メンテナンス性を高めたい