Markdown to Print

こんにちは！Markdownで書いた文章を、できるだけすっきり美しく印刷（PDF化）できるようにするWebサービス、Markdown to Printを作ったのでご紹介します。

👉 リンク: https://markdowntoprint.site

なぜ作ったのか？

私はMarkdownを印刷して読むことが多いのですが、いざ印刷しようとすると気に入るツールがなかなかありませんでした。
ビューア上ではきれいでも、印刷設定に入ると余白がばらばらだったり、不要なテーマCSSが混ざって見づらく出力されることがよくありました。

そこで、文章作成はNotionのように快適にできて、出力結果は必ずきれいに仕上がるエディタを目標に、週末のあいだにさっと作ってみました。

主な機能

• NotionスタイルのWYSIWYGエディタ: 純粋なMarkdownだけでなく、/ コマンドで見出し、引用、コードブロックなどを簡単に挿入できるよう、TipTapベースで実装しました。
• 印刷/PDF最適化: 画面上で見える美しいフォント（Inter、Pretendard、明朝体）とレイアウトが、そのままPDF（A4）に出力されます。上部の設定（⚙️）では、上下左右の余白（Margin）をmm単位で細かく調整することもできます。
• 軽量なクラウドワークスペース: Googleログインをするだけで、自分の文書がクラウドに保存されます。フォルダを作成し、好みに合わせてタグを付けて文書を管理できます。
• 履歴（バージョン管理）: 文書ごとに保存のたび自動でバージョンがバックアップされるので、誤って消してしまっても、いつでも以前のバージョンに復元できます。
• モバイル対応: 急ぎのときはスマートフォンで開いて修正し、ブラウザの印刷機能を使ってモバイルでもPDF化できるよう、レスポンシブUIにも配慮しました。

技術スタック

• フロントエンド/バックエンド: Next.js (App Router), Tailwind CSS
• エディタ: TipTap
• データベース: SQLite (better-sqlite3) を使って非常に軽量に構成しました。

まだ至らない点は多いですが、Markdownで文書作業をしている方々にとって、少しでも役立つツールになればうれしいです。
フィードバックやバグレポートも歓迎します。ありがとうございます！ 🙇‍♂️