Markdownフォーマッター
パイプが揃っただけでなく、実際のページが見えるフォーマッター
Markdownツールの多くは、ソースだけをきれいにするか、プレビューは別アプリに移すかのどちらかです。乱れた原稿を直し、整形結果を確認し、公開やCMS投入前にページの見え方を一画面で確かめたい、というのがこのページの出発点です。
一度整形して、同じ画面で検証
チケットの下書き、AIの書き出し、wikiのダンプを貼り付け、「Markdownを整形」を実行します。中央の列には、見出しの`#`の後ろのスペース、リスト記号の統一、表の列揃えなどが反映されたソースが出ます。プレビュー列はその結果を描画するので、別タブを開かずに見出し·コードフェンス·Mermaidブロックを確認できます。
より強く揃えたいときは整理モードで、箇条書き記号や番号付きリストの通し番号を整えられます。プレビューの流れは変わりません。問題なければ.mdを書き出すか、タブ編集·PDF·フォルダ取り込みが必要なときはMarkdownビューアへ渡してください。処理はサーバーに送らず、ブラウザ内で完結します。
今すぐMarkdownを整形3列で一連の作業
入力、整形後Markdown、描画プレビューを横並びにし、共有前にレイアウトの崩れを拾います。
余白調整だけより一歩進んだ整形
表の列揃え、フェンスを意識した修正、任意の整理モードまで対応します。
ビューアと同じレンダラー
プレビューはMarkdownビューアと同じスタック。テーマ·数式·図は読者の画面に近い見え方です。
オンラインMarkdownフォーマッター：整形·プレビュー·書き出しをページを離れずに
テキスト欄では問題ないのに、GitHub·Notion·静的サイトで崩れる原稿向けです。
整形結果に連動するライブプレビュー
整形後、プレビューが読むのは貼り付け直後の原文ではなく中央列の結果です。公開予定の構造と同じ見え方になるため、「整形だけのサイト」で表が壊れていないか別ビューアに貼り直す必要がありません。
- プレビューは最初の貼り付けではなく整形後のMarkdownに追従します。
- パイプ表の列を揃え、ソースを読みやすくします。
- ブラウザを離れずに.mdを入出力できます。
- さらに機能が要ればMarkdownビューアで同じファイルを開きます。
実務で使うMarkdown表フォーマッターと整形の流れ
ドキュメント担当
PR前にAI生成のリリースノートを整形。diffだけでは見逃しがちなフェンスや表をプレビュー列で拾えます。
サポートエンジニア
Webアプリからコピーした再現手順を整え、番号リストとコードブロックがナレッジベースで正しく描画されるようにします。
コンテンツ運用
CMS書き出しの余白を揃え、再公開前にプレビューで表や強調ブロックを確認します。
ブラウザにMarkdownフォーマッターを置く理由
公開後ではなく、レビュー前に整形する人たちの短い声です。
プレビュー列が決め手でした。整形して一度スクロールすれば、表とMermaidが生きているかすぐ分かります。別ツールは要りません。
テクニカルライター
OSSドキュメント
"整理モードは任意なのが助かります。changelogでは記号を全部変えたくない。通常整形は余白中心で十分です。"
リリース担当
/
"ソース列でパイプが揃うとレビューコメントが速い。プレビューは揃えだけでは拾えない崩れをカバーしてくれます。"
エンジニア
/
Markdownフォーマッターに関するFAQ
一か所で整形とプレビューを済ませますか？
乱れたMarkdownを貼り、整形し、プレビューを見てから書き出すかビューアへ。
Markdownフォーマッター
- 整形結果＋ライブプレビュー
- 表の列揃えと構文を意識した修正
- 任意の整理モード
- 入出力とビューア連携
ヒント：書き出し前にプレビュー列を一通り見てください。表と図は特に。
レビュー前に読みやすく
下書きと公開のあいだに短い整形ステップを。