Herokuデプロイしたらレイアウトが総崩れした

忘れないための備忘録！

今回Herokuにデプロイした時に
開発環境側で出来ていたレイアウトを確認したら
レイアウトがぐちゃぐちゃになっていて
唖然としました。

Heroku上で動作する環境の仕様やアセットパイプラインの挙動が異なるため見たいです。

野呂さんが自分が直面している問題の解決法を載せていてくださったので
試してみたらすぐ解決。

Rails初学者がつまずきやすい「アセットパイプライン」

Heroku上に反映するためには、2つの作業をすることが確実な方法。

・本番環境上でアセットパイプラインを通るようにプリコンパイル処理を実行する

・本番環境上でアセットパイプラインを自動で通るように設定を変更する

Herokuにファイルを送付する前に

$ rake assets:precompile RAILS_ENV=production

を開発環境上のコンソールで実行します。

config/production.rbファイル内の記述のうち

config.assets.compile = false

の記述を見つけ、「falseをtrueに書き換えて」保存する。

これで、Heroku上で使われる環境上のHTMLにCSSやJavaScriptを反映させることができる。