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

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

新規登録して質問してみよう
ただいま回答率
85.46%
Chart.js

Chart.jsは、多様なグラフを組み込めるJavaScriptのライブラリ。折れ線グラフや棒グラフ、円グラフ、レーダーチャートなどのグラフの種類が用意されています。HTML5のCanvasを用いて描画され、マークアップも分かりやすく、簡単に編集することが可能です。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PDF

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

Q&A

解決済

2回答

2540閲覧

【Laravel】Chart.jsでデザインしたhtmlの<div>内をPDFレポート化する最適なライブラリ

higehige

総合スコア12

Chart.js

Chart.jsは、多様なグラフを組み込めるJavaScriptのライブラリ。折れ線グラフや棒グラフ、円グラフ、レーダーチャートなどのグラフの種類が用意されています。HTML5のCanvasを用いて描画され、マークアップも分かりやすく、簡単に編集することが可能です。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PDF

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

0グッド

0クリップ

投稿2020/05/26 12:53

編集2020/05/26 12:54

現在、Laravelを用いて、マーケティングデータをChart.jsでデザインし、20-3-ページほどのPDFレポートとして出力するシステムを試みています。

調べたところ、「laravel-dompdf」「Laravel-Snappy」といったライブラリが有力かというところまでたどり着いて試したのですが、どうも日本語化がスマートでなかったり、1つのhtmlページごとにPDF化といったことがしにくそうな印象で、どれが最適な選択肢か判断が付かなくなってしまっています。

可能であれば、用途によってWebページでスライドを編集したり、不要なページをカットしたりできるようにしたいため、1つのWebページに

html

1<div class="slide01"> 2... 3</div> 4<div class="slide02"> 5... 6</div> 7<div class="slide03"> 8... 9</div> 10<div class="slide04"> 11... 12</div>

のように各スライドを描写して「slide」を含むdivタグを、1ずつページとしてページ化して、最終的に1つのPDFファイルに生成できるような挙動が理想です。

このような目的の場合、選択肢としてどのライブラリが好ましいのか。
もしくは、Laravelではなく違うやり方がふさわしいのかなど、御指南を頂けますと大変ありがたいです。

お忙しい中、大変恐れ入りますが、
よろしくお願い致します。

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

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

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

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

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

guest

回答2

0

投稿2020/05/26 19:12

kyoya0819

総合スコア10429

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

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

mikkame

2020/05/27 02:22

TCPDFでPDF化できるのはHTML/CSSのみでJSは実行できませんその上 利用できるCSSも限られています。
higehige

2020/05/27 03:01

なるほど。。 JSが実行できないのであればChart.jsが描写できませんね。。
kyoya0819

2020/05/27 12:56

mikkameさん。 公式HPに > methods to publish some XHTML + CSS code, Javascript and Forms; と書いて合ったので勘違いをしてしまいました。。 ご指摘ありがとうございます。
guest

0

ベストアンサー

headless-chromeでPDF化するのが簡単で綺麗かと思います

投稿2020/05/27 02:24

mikkame

総合スコア5036

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

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

higehige

2020/05/27 03:13

ありがとうございます!! headless-chromeというものは、存在すら知りませんでした。。 node.jsで動かすGUIのないchromeのようなものなのですね! そして、今はpuppeteerというライブラリが便利そうなところまでわかりました! もう少し調べてみます! ありがとうございます!!!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問