Markdownプレビュー｜GitHub・Qiita・Zenn風を比較

操作デモ 実際の操作の流れを短い動画で確認できます。

このツールについて

Markdown Preview Labは、Markdownを書くだけでなく「投稿先によってどう見えるか」を比較するためのエディタです。GitHub・Qiita・Zenn風を含む複数スタイルを切り替え、2種類のプレビューを横に並べて確認できます。

互換性チェックでは、投稿先によって扱いが変わりやすい記法を簡易解析し、該当するMarkdown行へ移動できます。下書きはlocalStorageへ自動保存されるため、ブラウザを閉じても続きから編集できます。

このツールで利用できる主な機能です。

入力したMarkdownはサーバーへ送信されますか？

いいえ。編集、プレビュー、互換性チェック、自動保存、ファイル保存はブラウザ内で処理します。

GitHub・Qiita・Zennと完全に同じ表示になりますか？

完全一致を保証するものではありません。投稿前に表示差を見つけやすくする比較用プレビューとして利用してください。

下書きは自動保存されますか？

はい。localStorageへ自動保存し、次回起動時に前回の下書きを復元します。

2種類のスタイルを同時に比較できますか？

はい。比較モードでPreview AとPreview Bを並べ、編集欄を含む3ペインを連動スクロールできます。

外部ランタイム依存がない単一HTMLとしてGitHubで公開されています。ローカルへ保存して直接開き、オフラインでMarkdown編集・プレビューを続けられます。

このツールの前後で使いやすいものを、作業の流れに沿って紹介します。