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

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

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

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

PDF

PDF(Portable Document Format)とはISOによって国際標準として制定されている電子ドキュメント用の拡張子です。

Ruby on Rails

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

Q&A

解決済

2回答

2798閲覧

wicked_pdf表示サイズがherokuとローカル環境で異なる問題を解決したい

shimazu

総合スコア38

Heroku

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

PDF

PDF(Portable Document Format)とはISOによって国際標準として制定されている電子ドキュメント用の拡張子です。

Ruby on Rails

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

0グッド

1クリップ

投稿2018/11/30 06:04

編集2018/12/03 09:25

railsサイトでwicked_pdfを使ってhtmlをpdf表示させています。
その際ローカルの表示サイズとpdfとのサイズが大きく異なるのでどうすれば一致するのか教えていただきたいです。

rb

1#controller 2... 3 respond_to do |format| 4 format.html 5 format.pdf do 6 render pdf: 'file_name', 7 layout: 'pdf.html.erb', 8 template: 'question/show.pdf.erb', 9 encoding: 'UTF-8', 10 page_size: 'A5', 11 margin: { top: 0, 12 bottom: 0, 13 left: 0, 14 right: 0 } 15 end 16 end 17 end

erb

1<!--pdf.html.erb--> 2<!doctype html> 3<html> 4 <head> 5 <meta charset='utf-8' /> 6 <%= stylesheet_link_tag wicked_pdf_asset_base64('pdf') -%> 7 </head> 8 <body onload='number_pages'> 9 <%= yield %> 10 </body> 11</html>

https://github.com/mileszs/wicked_pdf

ローカルの画像(問題は抜いていますが6問表示されています)
ローカル画像

heroku画像(問題入れていますが、明らかに大きさが異なります)
heroku画像

追加画像:ローカルでscssを読み込まなかった時
ローカルでscssを読み込まなかった時
この感じからするとherokuではとりあえずscssは読み込んでいるようです。

追加画像:日本語表示のための編集(結果:日本語は表示されず)
フォルダ

追加情報:フォルダを.fontsにすれば、日本語は表示されました。ただし、サイズは前と同じです。

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

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

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

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

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

guest

回答2

0

自己解決

本番環境でサイズが違うので、微調整しながら修正した

投稿2018/12/26 05:12

shimazu

総合スコア38

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

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

0

Herokuの上では日本語が出ていないようですし、日本語フォントの問題もあるかもしれません。

投稿2018/11/30 06:20

maisumakun

総合スコア145183

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

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

shimazu

2018/11/30 06:40

こちらのサイトにあるように、.fontsフォルダを作って、ipaを入れてみましたが日本語表示すらされませんでした。 https://qiita.com/awakia/items/d53ab583f214703f6afa 日本語表示はこれだけではいけないのでしょうか?
CHERRY

2018/11/30 10:15 編集

(横からですが...) 画面キャプチャの fonts ディレクトリには、 `.` が付いていないようですが...
shimazu

2018/11/30 15:39

ありがとうございます! フォントは反映されました! ただ、サイズは同じままです。。。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問