» TechAcademyの無料体験

【体験談】テックアカデミーメンタリング10回目:Herokuへのデータ投入、背景画像が上手く表示されない問題

【体験談】テックアカデミーメンタリング10回目:Herokuへのデータ投入、背景画像が上手く表示されない問題テックアカデミー体験記

テックアカデミーWebアプリケーションコース10回目のメンタリング。今回はHerokuへのデータ投入と、背景画像が上手く表示されない問題について詳しく書いています!

今現在の進捗度合いとしては、オリジナルサービスに退会機能やレイアウトを整えてデプロイした状態です。

【第10回】テックアカデミーメンタリング内容

第10回目となるメンタリングの内容は、

  • Herokuでのデータ投入
  • デプロイ後、背景画像が表示されない問題

Herokuにデプロイ後にデータ投入

Cloud9のデータベースとHerokuのものは、別のものを参照しているので、Herokuの方にもデータを投入しないといけません。

そこで、cloud9上でデータを投入した際には、

rails db:seed_fu FILTER=○○_csv

としてデータを投入していたので、herokuの方にデータを投入するために、

heroku run db:seed_fu FILTER=○○_csv

とするだけでデータを投入できました。

ちなみにCSVファイルではなく、config/seed.rbにデータを書いた場合にも先頭に heroku runをつければ良いだけです。

heroku run rails db:seed

デプロイ後、背景画像が表示されない問題

herokuにデプロイする前は背景画像が上手く表示されていたのですが、デプロイ後、背景画像が表示されていませんでした。

その際のコードはこちらです。

app/assets/custom.scss

.jumbotron{
background: url(university_lessons.jpg) no-repeat;
}

こちらのコードをまず以下のように直します。

.jumbotron {
background-image: image-url('university_lessons.jpg');
}

その次に、

config/environments/production.rbの中に

デフォルトで、

config.assets.compile = false

と書いてあるところを

config.assets.compile = true

に直すことによってherokuで背景画像が上手く表示されるようになりました。

config.assets.compile = true

trueにすることで、production環境で動くrailsがサーバー側でコンパイルしてくれるそうです。

テックアカデミーメンタリング10回目【まとめ】

今回は、デプロイ後のデータ投入や背景画像の表示についての質問がメインでした

これでオリジナルサービスは完成したのですが、画像アップロード機能や学部を選択すると、それに合う学科を次に選択することができるような機能も実装したいと考えているので、次回からそれらについても相談していきたいと思います!

次回はこちら

テックアカデミーを無料体験して見る!

コメント

タイトルとURLをコピーしました