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つの大きな課題があります。
- プライバシーの懸念: 機密コードや社内仕様書が外部サーバーを通過する。
- 表示遅延: プレビューの修正ごとにネットワーク通信が発生する。
- 改ページの乱れ: 見出しやコードブロックの途中でおかしなページ分割が起きる。
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は確実に動作します。アカウント登録も不要で、手軽にプロ品質のドキュメントを作成できます。