何ができるか

GFM形式のMarkdown tableを読み込み、レイアウトを確認しながらPNG画像へ書き出せます。表のテキストや設定はブラウザ内で処理され、外部サーバーへ送信しない構成です。

こんな時に使う

noteやブログなど、Markdownの表をそのまま貼り付けにくい場所へ、読みやすい画像として掲載したい時に向いています。クリップボードへ直接コピーできない環境ではPNG保存へ切り替えられます。

主な機能

  • 左寄せ・中央寄せ・右寄せを含むGFM表のプレビュー
  • 太字、斜体、取り消し線、インラインコードの描画
  • 1倍・2倍・3倍の解像度、白背景・透過背景の選択
  • 文字サイズ、セル余白、表の最大幅の調整
  • PNGのクリップボードコピーとダウンロード

技術・構成

TypeScriptとViteで作られた静的Webアプリです。PNGコピーには ClipboardItem とHTTPSまたはlocalhostのSecure Contextが必要で、非対応ブラウザではファイル保存を利用します。

公開先または使い方

MD Table Shotをブラウザで使う。Markdownの表を入力し、表示と出力設定を整えてからコピーまたは保存します。

GitHubで見る

MD Table Shotのソースコードと詳しい対応範囲をGitHubで見る