そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita

帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 書いてたら結構長くなっちゃったので、さくっとコードだけ見たい方は、Paper CSSリポジトリをどうぞ。 はじめに HTML帳票のメリット 2015年現在、HTML帳票を選択する幾つかのメリットがあります。 ライブリロードで、リアルタイムなスタイル調整 バックエンドではなくフロントエンドで生成できる 前者は、gulpやGruntの普及で、CSSにしろHTMLにしろ、リアルタイムにプレビューできる環

[Nkzn]

PDFの闇に向き合うのとExcelの闇に向き合うのとブラウザの闇に向き合うのどれがいい？という話でしかないので選択肢の１つとしてアリ

[t_f_m]

意外と実用的な話書いてあったけど半分がブラウザ互換の問題とか固有のバグとかのバッドノウハウ集だった

[rikuo]

SVG方面だと以前DEFGHI1977さんがやられていたな、cf. http://defghi1977-onblog.blogspot.jp/2013/04/svg.html http://www.h2.dion.ne.jp/~defghi/svgReports/sample.htm （という個人的メモ）（後で読み返したときに）

[shrhdk]

SVGではダメなのかな？

[anoworl]

最近こういう案件で、最終的にPhantomJSでPDFに変換したんだけど結構良かった。PDFlibはライセンス料かかるしね…。

[takutakuma]

帳票用のフレームワークとかあれば捗りそうな気もする

[ka-ka_xyz]

5年後に崩れなきゃ良いけどな（この辺はIE6時代に散々苦杯をなめた）。数pxズレただけで大炎上する帳票系はクライアントサイドでやっても誰得というかブラウザの都合に振り回されて苦労するだけだお。

[AmaiSaeta]

帳票というか、印刷用の出力を考える必要のあるwebページ作る時に参考になりそう。

[akira_maru]

[media: print]

[fukuchiharuki]

HTMLの印刷

[okumuraa1]

ありがとうございますm(_ _)m

[mabots]

PDF だとフォント問題とかサーバー負荷とかあるんで HTML 出力のほうが運用しやすいという結論にいたった

[karur4n]

異常に良い

[sky-y]

Web技術で帳票作れる時代にそろそろ変えていきたい。Excelで無理矢理方眼紙作るのが悪いのであって、帳票自体は悪くない文化だと思うので。「内容とスタイルの分離」で実現できるはず。

[allegro]

悩ましい分野。

[teppodone]

　LaTeXやWordを使わずにHTML＋CSSでA4文書を書くやつ　#てぽめも

[suquiya0]

あのなんとかCSSを思い出すな。keiyaku.cssだったっけ…？

[wnoguchi0727]

絶対に関わり合いたくない

[stealthinu]

HTMLでもそこそこ帳票書けるらしい。うーん、やってみる、か？

[kasumani]

そろそろ真面目に、HTMLで帳票を描く話をしようか この記事は最終更新日から1年以上が経過しています。 帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)

[shin0O]

ブラウザに依存するのは業務アプリではきついかなあ…… (複数IEのverでミリ単位精度とかざらに聞くので)

[daiiz]

“Paper CSS”

[ntaoo]

結局帳票文化がつらいので止められないか

[lequinharay]

これ系何度かやったけど、知らない知見も結構あった

[Yeshi]

僕らのまだ知らないHTMLの世界だ。

[ginzi009]

そろそろ真面目に、HTMLで帳票を描く話をしようか

[n314]

これすごいね。

[teematsu]

HTML 印刷

[style_blue]

そのうち役に立つことがあるかもしれない様な気がしないでもないのでぶくま。

[hiroomi]

"PDFの生成は非常に重い処理であり、転送の帯域も馬鹿になりません。その点、フロントであれば、通常のSPA同様にAPI経由でデータだけ送って、ブラウザ内で印刷用のHTMLを構成すれば良い話"

[n_mattun]

メモ。しかし実戦投入にはまだもうちょい時間かかりそうだなぁ･･

[tyru]

CSS細かい部分分からないので、もしそんな案件あったら絶対関わりたくない…

[igrep]

やっぱりブラウザの互換性との戦いになるのか。。。

[KoshianX]

CSS表現力が上がってきて印刷にも本格的に使えるようになりつつあるのか。バックエンドに生成したHTMLツリーなげてPDFもらうとかもできそうだなあ

[esper]

Reactで請求書作れるのかｗ

[mosco-mule]

そろそろ真面目に、HTMLで帳票を描く話をしようか 帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡

[naga_sawa]

Webカード明細とかこんな感じになってる模様