HTMLからPDFに落とす

さて，このPDF版，MS Word とか iWorkのPages で作ったり，ちゃんとしたものだったら InDesign や Illustrator で作るという手もあるのですが，せっかくHTML版ができているのだから，これを使うことにしました。

印刷用のCSSをあてて，印刷するかわりにPDFで保存します。こうしておけば，しばらくして内容を更新したりする場合も，HTML版の修正だけで済みます。

印刷用のCSSをあてても，ブラウザによって幅や背景画像など異なる点がいくつか出てきます。今回はPDFファイルに落とすことが目的なので，クロスブラウザということは考慮せず，Safari に特化したCSSをあてました。（Firefoxだと背景画像がきれいに入らないんです）

画像の解像度にちょっと問題はありますが，用途が内部資料という位置づけなら十分な出来映えです。

HTML+CSSで印刷

Webと紙モノは，見せ方も違うし解像度も違うし，それぞれ別のデータを作る...というのが当たり前でした。しかし，CSSでいろいろな見せ方ができるようになると，同じHTMLをディスプレイで見せたり，印刷したりと，CSSの対応だけで，データのかなりの部分が共有できるはずです。

CSSの印刷関連のプロパティがもう少し充実して，それを実装したブラウザが登場すると，HTML+CSSで見栄えもきれいな資料や小冊子が印刷できるようになるでしょう。もしかすると，HTML+CSSでのデータ入稿を受け付けてくれるような印刷屋さんも出てくるかもしれません。