無料Markdownビューアー — HTML即時プレビュー
Markdownを貼り付けまたはアップロードしてブラウザで即座にHTMLプレビューを確認。
入力Markdown
レンダリングプレビュー
Markdownビューアー例
即座のHTMLプレビューでMarkdownを表示。例：
例：サブスクライバープラン
レンダリングされたHTML：
上のサンプルボタンをクリックしてエディターにより多くの例を読み込みます。
Markdownビューアーとは？
READMEやドキュメント、ブログ記事をMarkdownで書いて、実際の見た目を確認したいとき — GitHubにプッシュしなくても大丈夫です。このツールがあれば、Markdownを貼り付けるかアップロードするだけで、右側に即座にHTMLプレビューが表示されます。CommonMark標準がコア構文を定義し、GitHub Flavored Markdown (GFM) 仕様がテーブル、タスクリスト、取り消し線を追加しています。JekyllやHugoを使用している場合でも、単純にドキュメントを書く場合でも、CommonMark仕様が出力の参照になります。すべてローカルで動作し、コンテンツはマシンから外に出ません。
このツールは完全にブラウザ内で実行されます。サーバーには何も送信されません。HTMLをコピーまたはダウンロードして他の場所で使用できます。ライブプレビュー付きで編集するにはMarkdownエディター。変換のみにはMarkdown to HTMLを使用してください。
このツールの使い方
貼り付けまたはアップロード
Markdownをコピーして左のエディターに貼り付けます。アップロードをクリックして.mdまたは.markdownファイルを読み込むこともできます。サンプルボタンで例を読み込みます。
レンダリングプレビューを表示
右のパネルにレンダリングされたHTMLが表示されます。左で編集するとプレビューが更新されます。出力を取得するにはHTMLをコピーまたはHTMLをダウンロードを使用してください。
コピーまたはダウンロード
レンダリングされた出力を取得するにはHTMLをコピーまたはHTMLをダウンロードを使用してください。フォーマットや検証にはMarkdownフォーマッターまたはMarkdownバリデーターを使用してください。
Markdownビューアーが役立つ場合
Markdownファイルがあり、GitHubや別のアプリを開かずにレンダリングを確認したい場合、ここに貼り付けてください。GitHub Flavored Markdown仕様が表と拡張を定義しています。Jekyll、Hugo、READMEプレビュー、エクスポートコンテンツの表示に最適です。編集にはMarkdownエディターを使用してください。
よくある質問
機密コンテンツを貼り付けても安全ですか？
はい、完全に安全です。すべてJavaScriptによりブラウザ内で処理されます — データはサーバーに送信されません。ブラウザのネットワークタブを開いて確認できます：送信リクエストはゼロです。
ビューアー、エディター、プレビューの違いは何ですか？
3つともリアルタイムプレビューを提供します。Markdownエディターはさらにソースと出力HTMLの両方をダウンロードできます。ビューアーは既存ファイルをすばやくレンダリングすることに特化しています。
GitHub Flavored Markdownをサポートしていますか？
はい。テーブル、タスクリスト、取り消し線などのGFM機能のほとんどがサポートされています。GFM仕様はCommonMarkを拡張し、プレビューにもそれが反映されます。
サーバーにアップロードせずにローカルの.mdファイルを表示できますか？
はい。アップロードをクリックしてPCから.mdファイルを読み込みます。コンテンツはブラウザ内で読み込まれレンダリングされ、デバイスから外に出ることはありません。
ファイルサイズの上限は？
ツール自体に厳密な上限はありません。実際には数千行程度のファイルなら最新ブラウザで問題なく表示されます。数万行を超える非常に大きなファイルはプレビューの速度に影響する可能性があります。
関連ツール
詳細：CommonMark、CommonMark仕様、Markdown Guide、GFM、W3C HTML、GitHub、GitHub Docs。