質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

Q&A

解決済

1回答

1586閲覧

herokuにデプロイした際指定フォントが適用されません。

chizuru.

総合スコア2

Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

0グッド

0クリップ

投稿2020/04/24 01:24

編集2020/04/24 09:43

前提・実現したいこと

AWSでHPを作成し、Herokuにデプロイ致しました。
言語はRuby on Rails です。
開発環境では表示されていた指定フォントが
ブラウザで確認したところ普通のフォントになってしまっておりました。
指定フォントで表示させたいです。

発生している問題・エラーメッセージ

Errorは特にでていないと思います。

該当のソースコード

app/assets/stylesheets/setting.scss @font-face { font-family: 'mokumoku'; src: url('mokkumokumo.ttf') format('truetype');  font-weight: 400;  font-style: normal; } @font-face { font-family: 'huwahuwa'; src: url('KFhimaji.otf') format('truetype'); font-weight: 500; font-style: normal; } .menu { font-family: 'mokumoku'; height:60px; font-weight:400; font-size: 2em; background-color:#87ceeb; } body { font-family:'huwahuwa'; font-weight:500; }
gemfil source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } ruby '2.5.1' # Bundle edge Rails instead: gem 'rails', github: 'rails/rails' gem 'rails', '~> 5.2.1' # Use mysql as the database for Active Record #gem 'mysql2', '>= 0.4.4', '< 0.6.0' # Use Puma as the app server gem 'puma', '~> 3.11' # Use SCSS for stylesheets gem 'sass-rails', '~> 5.0' # Use Uglifier as compressor for JavaScript assets gem 'uglifier', '>= 1.3.0' # See https://github.com/rails/execjs#readme for more supported runtimes # gem 'mini_racer', platforms: :ruby # Use CoffeeScript for .coffee assets and views gem 'coffee-rails', '~> 4.2' # Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks gem 'turbolinks', '~> 5' # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder gem 'jbuilder', '~> 2.5' # Use Redis adapter to run Action Cable in production # gem 'redis', '~> 4.0' # Use ActiveModel has_secure_password # gem 'bcrypt', '~> 3.1.7' # Use ActiveStorage variant # gem 'mini_magick', '~> 4.8' # Use Capistrano for deployment # gem 'capistrano-rails', group: :development # Reduces boot times through caching; required in config/boot.rb gem 'bootsnap', '>= 1.1.0', require: false group :development, :test do # Call 'byebug' anywhere in the code to stop execution and get a debugger console gem 'byebug', platforms: [:mri, :mingw, :x64_mingw] gem 'mysql2', '>= 0.4.4', '< 0.6.0' end group :production do gem 'pg', '0.20.0' gem 'rails_12factor' end group :development do # Access an interactive console on exception pages or by calling 'console' anywhere in the code. gem 'web-console', '>= 3.3.0' gem 'listen', '>= 3.0.5', '< 3.2' # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring gem 'spring' gem 'spring-watcher-listen', '~> 2.0.0' end group :test do # Adds support for Capybara system testing and selenium driver gem 'capybara', '>= 2.15' gem 'selenium-webdriver' # Easy installation and use of chromedriver to run system tests with Chrome gem 'chromedriver-helper' end # Windows does not include zoneinfo files, so bundle the tzinfo-data gem gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] gem 'mini_magick' gem 'carrierwave' gem 'kaminari' gem 'devise' gem 'image_processing'

試したこと

Ruby on Railsで作成したアプリケーションをawsやHerokuにデプロイした時、
アセットパイプラインをコンパイルする必要があると調べたら出てきましたので
config/environments/production.rb内にconfig.assets.compile = falseの記述がある事を確認し、
config/application.rb内にconfig.assets.initialize_on_precompile = falseの記述を加え、
heroku run bundle exec rake assets:precompile RAILS_ENV=production -a アプリ名
を実行してみましたが変わりませんでした。

ご回答いただいた方をヒントに(コメント欄に詳細あります)Error↓

Mysql2::Error::ConnectionError: Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2)

を改善すべく、$heroku addons:add heroku-postgresqlを実行して、
$ heroku run rails db:migrateをしてみましたが

LoadError: Error loading the 'postgresql' Active Record adapter. Missing a gem it depends on? pg is not part of the bundle. Add it to your Gemfile.

というErrorがでました。そもそもpostgresqlの設定をしていないと思いましたので、
gemfileにpostgresqlを追加し、$ sudo yum install postgresql-develを実行、
$bundle installをしてみましたら、

Gem::Ext::BuildError: ERROR: Failed to build gem native extension.

An error occurred while installing pg (0.20.0), and Bundler cannot continue.
Make sure that gem install pg -v '0.20.0' --source 'https://rubygems.org/' succeeds before bundling.

In Gemfile:
pg

のErrorが出てきて、今まで確認できていたブラウザもApplication Errorで確認できなくなってしまいました。

補足情報(FW/ツールのバージョンなど)

初心者なのでいただいたご教授内の専門用語がわからず、お返事が遅くなるか伺う可能性がございます。
申し訳ございません。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

設定ですが、下記で大丈夫かと思います。
詳細はqiitaをご確認いただき、こちらに沿って設定いただくと良いかと思います。

Ruby

1#config/environments/production.rb 2#デフォルトでfalseとなっている以下の箇所をtrueに変更 3 config.assets.compile = true

【初心者向け】railsアプリをherokuを使って確実にデプロイする方法【決定版】


参考:どんなフォントが読み込まれているか確認する方法
https://wind-mill.co.jp/font-check/

投稿2020/04/24 01:45

no1knows

総合スコア3365

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

chizuru.

2020/04/24 02:15

ご回答感謝致します!!! 既にデプロイはしておりますので、qiitaに沿って必要な個所修正してみました。 config.assets.compile = false を config.assets.compile = true に変更し、 bin以下のフォルダ内のバージョン削除確認しました。 gitの紐づけとherokuにデプロイは以前にしているので飛ばしました。 本番環境(heroku)でのマイグレーション。を実行してみたところ、 ターミナルでErrorが出てしまいました。 Mysql2::Error::ConnectionError: Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2) 一応ブラウザを確認してみましたがフォントは変わらずでした。 Error内容について解決策を探しておりますが、 ご教授いただけたら嬉しいです。
chizuru.

2020/04/24 08:22

Mysql2::Error::ConnectionError: Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' (2) を改善すべく、$heroku addons:add heroku-postgresqlを実行して、 $ heroku run rails db:migrateをしてみましたが LoadError: Error loading the 'postgresql' Active Record adapter. Missing a gem it depends on? pg is not part of the bundle. Add it to your Gemfile. というErrorがでました。そもそもpostgresqlの設定をしていないと思いましたので、 gemfileにpostgresqlを追加し、$ sudo yum install postgresql-develを実行、 $bundle installをしてみましたら、 Gem::Ext::BuildError: ERROR: Failed to build gem native extension. An error occurred while installing pg (0.20.0), and Bundler cannot continue. Make sure that gem install pg -v '0.20.0' --source 'https://rubygems.org/' succeeds before bundling. In Gemfile: pg のErrorが出てきて、今まで確認できていたブラウザもApplication Errorで確認できなくなってしまいました。 始めに送って頂いたサイトを参考に進めてみて、$bundle install --without productionを実行してみたらbundle complete!と出たのですが、一覧の中に追加したpgの表示がないのが気になりましたがそのまま進めてみました。database等の表記変更をサイトを見ながら変更し$ heroku run rails db:migrateを実行してみたのですが、 LoadError: Error loading the 'postgresql' Active Record adapter. Missing a gem it depends on? pg is not part of the bundle. Add it to your Gemfile. のErrorが出てしまっているような現状です。 長文で申し訳ございません。
no1knows

2020/04/24 11:23

>herokuにデプロイは以前にしているので飛ばしました。 見落としていましたがデプロイしないと本番サーバーに反映されません。 またPostgreSQLまたはMySQL、どちらを使うかは開発者が決めることです。それにあわせてgemやdatabase.yml、Herokuの設定を行わないとデプロイは完了しないかと思います。
chizuru.

2020/04/24 12:12

状況が自分でも把握できていなくて申し訳ございませんでした。 PostgreSQLを使用する事に致しました。 少し進んだと思うのですが、現在このような状況になっております。 宜しければ引き続きご教授頂けましたら幸いです。 https://teratail.com/questions/256221
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問