テクノロジー
そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

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

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/cognitom

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

885usersがブックマークコメント

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

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

885 users

qiita.com/cognitom

よく使うタグ

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント90件

注目コメント
新着コメント

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

2015/10/06リンク

その他

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

2015/10/05リンク

その他

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

2015/10/06リンク

その他

shrhdkSVGではダメなのかな？

2015/10/05リンク

その他

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

2015/10/15リンク

その他

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

html

2015/10/05リンク

その他

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

2015/10/06リンク

その他

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

2015/10/07リンク

その他

akira_maru[media: print]

2018/11/30リンク

その他

fukuchiharukiHTMLの印刷

2018/08/09リンク

その他

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

html

2018/07/23リンク

その他

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

2018/07/18リンク

その他

karur4n異常に良い

2018/05/03リンク

その他

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

2018/02/11リンク

その他

allegro悩ましい分野。

2018/02/02リンク

その他

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

2017/04/12リンク

その他

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

2016/12/25リンク

その他

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

2016/12/12リンク

その他

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

2016/12/12リンク

その他

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

2016/08/21リンク

その他

daiiz“Paper CSS”

2016/07/18リンク

その他

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

2016/04/04リンク

その他

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

2016/03/31リンク

その他

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

2016/01/31リンク

その他

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

unclassified

2015/12/10リンク

その他

n314 これすごいね。

2015/12/05リンク

その他

teematsuHTML 印刷

2015/11/30リンク

その他

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

2015/10/31リンク

その他

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

メモ

2015/10/26リンク

その他

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

2015/10/21リンク

その他

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

2015/10/15リンク

その他

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

2015/10/14リンク

その他

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

2015/10/14リンク

その他

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

2015/10/14リンク

その他

esperReactで請求書作れるのかｗ

2015/10/14リンク

その他

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

2015/10/13リンク

その他

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

2015/10/09リンク

その他

glat_design面白くて読んでしまう。また読み返す /

2015/10/08リンク

その他

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事「そろそろ真面目に...」が注目されています。

気持ちをシェアしよう

ツイートする

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

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