Girish Lade.
Developer Tools公開日 2026-10-266 分で読めます

MD2PDFによる出版品質の技術ドキュメント制作

CSS Paged Media、KaTeX数式組版、テレメトリ無しのローカルレンダリングを用いたブラウザ完結型Markdown to PDFエンジンの設計思想。

仕様書やエンジニアリングレポート、技術書の執筆において、Markdownは圧倒的な速度を誇ります。しかし、そのMarkdownを提出用のPDFに変換する作業は、重いヘッドレスChromeの起動やLaTeXの複雑な構文、クラウドへのデータ送信など、多くの課題がありました。

私はエンジニアやテクニカルライターのために、ブラウザ上で瞬時に動作するMD2PDF (md2pdf.ladestack.in) を構築しました。Markdownを入力すると即座に組版プレビューが表示され、ブラウザの印刷エンジンを直接活用して高精細なページ化PDFを生成します。

クラウド型PDF変換の弱点

一般的なウェブ変換ツールは、ドキュメントをサーバーに送信してPuppeteer等でPDF化します。この方式には3つの大きな課題があります。

  1. プライバシーの懸念: 機密コードや社内仕様書が外部サーバーを通過する。
  2. 表示遅延: プレビューの修正ごとにネットワーク通信が発生する。
  3. 改ページの乱れ: 見出しやコードブロックの途中でおかしなページ分割が起きる。

MD2PDFでは、ドキュメント処理が外部サーバーへ送信されることはありません。すべての解析と描画はお使いの端末上で完結します。

CSS Paged Mediaの活用

モダンブラウザで美しい印刷レイアウトを実現する鍵はCSS Paged Media (@page) です。ドキュメントを無限スクロールではなく、物理的な用紙サイズとして定義します。

@page {
  size: A4 portrait;
  margin: 20mm 15mm 20mm 15mm;
  @bottom-right {
    content: counter(page);
    font-family: monospace;
    font-size: 9pt;
  }
}

h1, h2, h3 {
  break-after: avoid;
}

pre, table {
  break-inside: avoid;
}

KaTeXによる数式レンダリング

技術文書に不可欠な数式も、画像ではなくベクターとして美しく出力するためにKaTeXを組み込んでいます。1200 DPIの印刷でも文字や線が一切ぼやけません。

完全ローカル動作の安心感

飛行機の中などのオフライン環境でも、セキュリティ基準の厳しい組織内でも、MD2PDFは確実に動作します。アカウント登録も不要で、手軽にプロ品質のドキュメントを作成できます。