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

テックアカデミーメンタリング10回目:herokuへのデータ投入、背景画像が上手く表示されない~ テックアカデミー

TechAcademy [テックアカデミー]Webアプリケーションコース(8週間プラン)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回目【まとめ】

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

 

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

 

 

次回はこちら

テックアカデミーメンタリング11回目:ajax通信やあいまい検索のようなもの
テックアカデミーWebアプリケーションコース(8週間プラン)第11回目となるメンタリングの内容について書いています。非同期通信を行えるajax通信や、あいまい検索のようなものについて詳しく説明しています。

コメント