Markdownプレビュー
Markdownをブラウザで記述し、レンダリングされたHTMLをリアルタイムで確認 — ドキュメントやREADME、ブログ記事の作成に最適。
Markdownドラフト
ライブプレビュー
Markdownプレビューの例
Markdownを記述してレンダリングされたHTMLを確認します。例：
例：サブスクリプションプラン
レンダリングされたHTML：
上のサンプルボタンをクリックしてエディターにより多くの例を読み込んでください。
Markdownプレビューとは？
Markdownは見出し、リスト、リンク用の構文を持つプレーンテキストです。Markdownプレビューでは記述しながらレンダリングされたHTMLをライブで確認できます。CommonMark仕様が構文を定義しています。
このツールは完全にブラウザ内で動作します。サーバーには何も送信されません。HTMLをコピーまたはダウンロードして他の場所で使用できます。MarkdownのフォーマットにはMarkdownフォーマッターを、変換のみにはMarkdownをHTMLにを使用してください。
このツールの使い方
貼り付けまたはアップロード
Markdownをコピーして左のエディターに貼り付けます。アップロードをクリックして.mdまたは.markdownファイルを読み込むこともできます。サンプルボタンでサンプルデータを読み込みます。
ライブプレビューを確認
右のパネルにレンダリングされたHTMLが表示されます。左で編集するとプレビューがリアルタイムで更新されます。HTMLコピーまたはHTMLダウンロードで出力を取得します。
コピーまたはダウンロード
HTMLコピーまたはHTMLダウンロードでレンダリングされた出力を取得します。フォーマットや検証にはMarkdownフォーマッターまたはMarkdownバリデーターを使用してください。
Markdownプレビューが役立つ場面
ドキュメント、GitHubのREADME、即座のフィードバックが必要なコンテンツを書くとき、ライブプレビューで正確なレンダリングを確認できます。GFM仕様がテーブルとタスクリストを定義しています。Jekyll、Hugo、ドキュメントに最適です。ダウンロードオプション付きの完全なエディターにはMarkdownエディターを使用してください。
よくある質問
Markdownの「レンダリング」とは何ですか？
レンダリングとは、**太字**や# 見出しなどのMarkdown構文を、<strong>や<h1>などの実際のHTML要素に変換することです。このツールはMarkdownをリアルタイムでレンダリングするため、公開後の見た目を正確に確認できます。
このツールはどのMarkdown仕様に従っていますか？
プレビューは最も広く採用されているMarkdown標準であるCommonMark仕様に従っています。テーブル、タスクリスト、取り消し線などのGitHub Flavored Markdown（GFM）拡張もサポートしています。
READMEファイルのプレビューに使えますか？
もちろんです。READMEのMarkdownをエディターに貼り付けると、GitHubが使用するGFMテーブルやタスクリストを含めて、どのようにレンダリングされるかを確認できます。コミット前にフォーマットの問題を素早く発見する方法です。
コンテンツはサーバーに送信されますか？
いいえ — すべてブラウザ内でローカルに実行されます。MarkdownがあなたのPCから外に出ることはありません。アップロード、アカウント、追跡は一切ありません。完全にプライベートです。
生のHTMLはどうなりますか？
Markdown内の生のHTMLは通常プレビューに渡されます。HTMLをMarkdownに変換するにはHTMLをMarkdownにを使用してください。
関連ツール
詳細：CommonMark、CommonMark仕様、Markdown Guide、GFM、W3C HTML、GitHub、Jekyll。