AI の回答を PDF で保存する方法(表・数式・図をそのままに)
ChatGPT や Claude は Markdown で答えるため、返答をそのまま Word に貼ると表は縦棒の羅列に、 図は意味不明な文字列になります。まず正しく描画してから、きれいな PDF に保存しましょう。 すべてブラウザ内で完結し、何もアップロードされません。
2026年9月9日 更新
AI の回答を Word に貼ると崩れる理由
ChatGPT や Claude に三つの選択肢を比較してもらったら、整った表といくつかの数式、そしてフローチャートが返ってきた。チャット画面では申し分ありません。ところが選択して Word やメールに貼った瞬間、崩壊します。表は縦棒とハイフンの行になり、数式は生の $ 記号を晒し、コードブロックは色を失い、図は graph TD という意味不明の段落になります。
壊れているわけではありません。アシスタントは Markdown で答えているのです。| が表を描き、** が太字を意味し、フェンスで囲んだブロックがコードを収める、プレーンテキストの書式です。チャット画面はそれを描画してくれますが、テキストの貼り付けは描画しません。あなたがコピーしたのはソースであって、ページではないのです。
つまり、その回答を同僚に渡す、チケットに添付する、後で読むために保存する——どれも一手ではなく二手が要ります。まず Markdown を正しく描画し、その描画結果を PDF に印刷するのです。
三ステップ:貼る、確認する、PDF で保存する
- 生の Markdown を貼る。 アシスタントの返答をコピーして Markdown プレビューの編集欄に落とすか、
.mdファイルをドラッグします。入力に合わせて隣にプレビューが現れるので、「変換」ボタンを探す必要はありません。 - プレビューを読む。 これがそのまま PDF になるページです。表に罫線があるか、数式が組版されているか、図が描かれているかを確かめてください。表の列が揃っていないときは、表の直前に空行を一つ足すとたいてい直ります——アシスタントが最もよくやる崩し方です。
- 「印刷 / PDF に保存」をクリック。 ブラウザの印刷ダイアログが開くので、送信先に「PDF に保存」を選べばファイルの出来上がりです。
実際に描画されるもの:表、数式、Mermaid 図
AI の回答は、簡易ビューアーが素通りする Markdown の機能をよく使います。ツールの差が出るのはまさにそこです。
- GitHub 風の表 — 比較表はアシスタントが最も多く生み出すもので、ここでは罫線と桁揃えごと描画されます。
- タスクリストと脚注 —
- [ ]はチェックボックスのまま、脚注記号は注釈へのリンクのままです。 - シンタックスハイライト付きコード — フェンスブロックは言語ごとの配色を保ち、灰色の塊に潰れません。
- 数式 — インラインの
$x^2$もブロックの$$...$$も KaTeX が組版するので、記号だらけの説明が記号として読めます。 - Mermaid 図 —
mermaidフェンスブロックは、実際のフローチャート、シーケンス図、ER 図、状態遷移図、ガントチャートとして描かれます。多くの Markdown → PDF 変換ツールが黙って落とすのがこれで、しかも「流れを図にして」と頼んだときアシスタントが真っ先に使う表現です。
印刷ダイアログと、出てくるもの
保存する前に見ておきたい設定が三つあります。
- 送信先 — Chrome と Edge では「PDF に保存」、Safari と Firefox では「PDF → PDF として保存」を選びます。
- 背景のグラフィック — オンにします。ブラウザはインク節約のため印刷時に背景色を省くので、コードブロックと表のヘッダーが真っ白になってしまいます。Chrome では「詳細設定」の中にあります。
- 用紙サイズ — 相手が印刷する方に合わせて A4 か Letter を選びます。
このファイルはページのスクリーンショットではなく、ブラウザ自身のレイアウトエンジンが生成します。その結果、知っておく価値のある四つの性質が生まれます。
- 文字が本物の文字である — どの拡大率でも選択・検索・コピーでき、どの言語のフォントも正しく出ます。文字の「画像」ではありません。
- リンクがアドレスを保つ。 紙はクリックできないので、外部リンクの URL がリンク文字の後ろに印刷されます。
- 途中で切れない。 見出しがページ末尾に取り残されることはなく、コードブロック、表、引用、図は改ページで分断されずにまとまって残ります。
- ブラウザのヘッダー行がない。 余白が狭く、URL・ページタイトル・日付を各ページに刷り込む余地がないため、Web ページの印刷物ではなく文書として読めます。
PDF ができた後:縮めるか、まとめるか
図がいくつも入り、ハイライトされたコードが大量にある長い回答は、思ったより大きなファイルになることがあります——図はベクター画像で、ノードが増えれば容量も積み上がるからです。メールの添付やチケットへのアップロードに重すぎるなら、PDF 圧縮を通して結果を確かめてください。
そして一回のセッションから残したい回答が三つ出たなら、それぞれを PDF にしたうえで PDF 結合を使い、順番どおり一つの文書にまとめましょう。ドキュメント (2).pdf という名前の添付を三つ送りつけるより、ずっと読みやすくなります。
この作業がブラウザの中にあるべき理由
その会話に何が入っているかを考えてみてください。社内のアーキテクチャ。未公開のコード。顧客の名前。給与レンジ。まだ公開していない草稿。それを「無料 Markdown → PDF」サイトに貼るということは、一行残らず見知らぬサーバーに引き渡すということです。そこでは記録され、相手の決めた期間だけ保持され、その瞬間からあなたの手を離れます。
そんな必要はありません。あなたのブラウザには、一級品の Markdown 描画エンジン、組版エンジン、図の描画エンジン、そして PDF 出力機能がすでに揃っています。Markdown プレビューはそれらをつなぎ、すべてを端末上で走らせます。テキストはローカルで解析され、図はローカルで描かれ、印刷もローカルな操作です。何もアップロードされず、アカウントも要らず、ページさえ読み込めばネットワークを切っても動き続けます。
クイックチェックリスト
- アシスタントの生の Markdown をコピーする。スクリーンショットではなく。
- 貼り付けてプレビューを読む——それが手に入るページそのものです。
- 列が揃わない?表の前に空行を一つ。
- 印刷 / PDF に保存 → 送信先「PDF に保存」→ 背景のグラフィックをオン。
- メールに重すぎる?圧縮を。回答が複数?結合を。
かんたんな手順
- 1AI アシスタントの返答を生の Markdown のままコピーし、Markdown プレビューの編集欄に 貼り付けます。.md ファイルをドラッグしても構いません。入力に合わせて描画結果がすぐに 表示されるので、「変換」ボタンを探す必要はありません。
- 2プレビューに目を通します。これがそのまま PDF になるページなので、表に罫線があるか、 数式が組版されているか、図が描かれているかを確認し、アシスタントが崩した箇所はここで直します。
- 3「印刷 / PDF に保存」をクリックし、送信先で「PDF に保存」を選びます。背景のグラフィックを オンにすると、コードブロックと表のヘッダーの背景色が残ります。
よくある質問
コピーしたものが描画済みのページではなく Markdown のソースだからです。チャット画面は 画面上で整形してくれますが、テキストとして貼り付けると生の記法がそのまま運ばれます。 表は縦棒とハイフンの行に、数式はドル記号が露出し、コードブロックは色を失い、Mermaid 図は graph TD という文字列になります。足りないのは「先に描画する」という一手間です。
入ります。数式は KaTeX で組版され、mermaid ブロックは印刷前の時点でフローチャート、 シーケンス図、ER 図、ガントチャートとして実際に描かれているため、PDF には完成した図として 収まります。図は分割されず、改ページで真っ二つになることもありません。
本物の文字です。この PDF はページのスクリーンショットではなく、ブラウザ自身のレイアウト エンジンが生成するため、どの拡大率でも一文字ずつ選択・検索・コピーでき、どの言語の フォントも正しく表示されます。
されません。余白は意図的に狭くしてあり、ブラウザがヘッダーやフッターを刷り込む余地が ありません。そのため Web ページの印刷物ではなく、一つの文書として読めます。ただし紙は クリックできないので、外部リンクのアドレスはリンク文字の後ろに印刷されます。
されません。Markdown の解析も描画もすべてブラウザ内で行われ、印刷もローカルな操作なので、 どの時点でもサーバーには何も送られません。ここではそれが特に重要です。AI との会話には、 未公開のコード、顧客名、社内構成、外部サイトに貼りたくない数字が日常的に含まれるからです。