メインコンテンツまでスキップ

もうWordでPDFレポート作成はやめよう!Markdown PDFレポートのすすめ

· 約2分
Data Technical Manager

TOP画像

VSCodeをつかっているなら、そのまま報告書をつくりたいですよね

エンジニアならマークダウンでドキュメントを作成し、そのままPDFに変換できるのが理想です。 VSCodeを使っているなら、Markdownで書いたドキュメントをPDFに変換するのは簡単です。

でも、そのまま報告書として使うとなると、PDFの体裁が整っていないので、見栄えが悪いですよね。

そこで、CSSを使ってPDFの体裁を整える方法を紹介します。

用意するのは簡単!!

Markdown PDFレポートの作成方法

VSCodeの拡張機能「Markdown PDF」を使うと、Markdownファイ ルをPDFに変換できます。

この拡張機能は、MarkdownファイルをHTMLに変換し、そのHTMLをPDFに変換する仕組みです。 そのため、CSSを使ってPDFの体裁を整えることができます。

表紙や本文もいろいろとかえることができます

普通にPDFとして出力したら

読めますが、このままでは、見栄えが悪いですよね。

Before画像 PDF

CSSで見栄えを変更したら

このまま会社の資料として提出することができます。

After画像 PDF

CSSを使ってPDFの体裁を整える具体的な方法

サンプルはこちらにあります。 ※サンプル1のREADMEに従ってやってみてください。