MD ViewerMD Viewer

100% プライベート — すべてブラウザ内で処理

マークダウンビューア — .mdファイルをブラウザでそのまま表示

.mdファイルをドラッグするかMarkdownを貼り付けるだけ。このマークダウンビューアは見出し・リスト・表・コードを即座に表示します。アカウント不要、アップロードなし、待ち時間ゼロ。

MD Viewer チーム

Markdownソース
プレビュー

Welcome to MD Viewer

This sample README shows what the viewer renders. Replace it with your own file — open a .md file, drag one in, or just edit the source.

Features

  • CommonMark headings, lists, and emphasis
  • Links and inline code
  • GitHub Flavored Markdown extras

Task list

  • Render tables
  • Export to PDF

Table

SyntaxResult
**bold**bold
~~strike~~strike

Markdown is intended to be as easy-to-read and easy-to-write as is feasible. — John Gruber

// fenced code block with syntax shown as-is
const greeting = 'Hello, Markdown!';
console.log(greeting);
  1. Open a file
  2. Read the preview
  3. Download or copy when done

中文与日本語のテスト — Unicode renders correctly. ¡Hola! café élève

Markdownツール
14
Markdownツール
対応言語
6
対応言語
サーバーアップロード
0
サーバーアップロード
最大ファイルサイズ
2 MiB
最大ファイルサイズ

マークダウンビューアに求められるのは、開いた瞬間のひとつの答えです。このファイルは実際どう見えるのか。ローカルの.mdファイルを指定すれば、この無料のマークダウンビューアは整形済みドキュメントを即時に表示します。見出し、強調、リンク、表、タスクリスト、コードブロックがGitHubと同じようにレンダリングされます。このページのツールはすべてブラウザ内で動作するため、メモ、README、社内文書がデバイスの外に出ることはありません。

多くの人がマークダウンビューアを探すきっかけは、.mdファイルをダブルクリックしたら文書ではなく生のマークアップが表示された経験でしょう。優れたマークダウンビューアはその溝を一歩で埋めます。「.mdファイルを開く」ボタンでファイルを選ぶか、カードの上にファイルをドラッグするか、初期状態で読み込まれるサンプルREADMEをそのまま編集してください。タイピングごとにプレビューが更新されるので、ドキュメントの変更をコミットする前の最終確認にも使えます。

このマークダウンビューアはCommonMarkの全機能に加え、実際に使われるGitHub Flavored Markdown拡張、つまり表・取り消し線・タスクリスト・フェンス付きコードに対応します。2MiBまでのファイルは瞬時に読み込まれ、Unicodeは正しく表示され、Markdownに埋め込まれたHTMLは表示前にサニタイズされます。ツールの下には、マークダウンビューアの使い方、対応する構文、よくある質問への回答をまとめました。

このページ下部のガイドも、マークダウンビューアを使い倒すための資料として活用してください。

このマークダウンビューアを3ステップで使う

  1. 1

    Markdownを開くか貼り付ける

    「.mdファイルを開く」をクリックして.md、.markdown、.txtファイルを選ぶか、マークダウンビューアのカードにファイルをドラッグします。左のソースペインに直接貼り付けても構いません。貼り付けたテキストは開いたファイルとまったく同じ扱いです。

  2. 2

    レンダリングされたプレビューを読む

    マークダウンビューアの右ペインが、見出しの階層、太字と斜体、引用、箇条書きと番号付きリスト、列揃え付きの表、等幅フォントのコードブロックを完全に整形して表示します。「ソース」タブに切り替えれば元のマークアップを確認できます。

  3. 3

    結果をコピーまたはダウンロード

    整形済みテキストをコピーしてメールやエディタに貼る、Markdownソースをコピーする、現在のドキュメントを新しい.mdとしてダウンロードする。マークダウンビューアはワンクリックでサンプルREADMEに戻るので、試行錯誤はいつでも安全です。

マークダウンビューアが表示するもの

構文レンダリング結果
# 見出し明確な階層を持つH1〜H6見出し
**太字** *斜体*太字と斜体の強調
> 引用テキストアクセントバー付きの引用ブロック
- 項目 / 1. 項目任意の深さの箇条書きと番号付きリスト
| a | b |列揃え付きGFMテーブル
~~取り消し~~取り消し線(GitHub Flavored Markdown)
- [ ] タスクタスクリストのチェックボックス
```コード```等幅フォントで表示されるフェンス付きコード
[リンク](url)安全なhttps、http、mailtoへのリンク

デスクトップアプリよりオンラインのマークダウンビューアが優れている理由

READMEを少し見るだけのためにアプリをインストールするのは過剰で、ネット上には一目見る価値のある.mdファイルが溢れています。ブラウザベースのマークダウンビューアはその摩擦を消します。インストール不要、設定不要、WindowsでもmacOSでもLinuxでもモバイルでも同じ動作。レンダリングがローカルのJavaScriptで行われるため、ページを一度読み込めばマークダウンビューアはオフラインでも動きます。ファイルを解析するのは遠くのサーバーではなく、あなたのブラウザです。

プライバシーが、このマークダウンビューアをクライアント側で動かす2つ目の理由です。ドキュメントには社内メモ、サンプルコード内のAPIキー、未公開の内容が含まれがちです。サーバー側の変換ツールなら、アップロードが破棄されることを信じるしかありません。ここではアップロード自体が存在しないため、信じるものもありません。ブラウザのFile APIが.mdを読み、マークダウンビューアがメモリ上で処理し、ネットワークは静かなまま。開発者ツールのNetworkタブを開いてファイルを読み込んでみれば、自分で確認できます。

マークダウンビューアの機能一覧

  • ドラッグ&ドロップ、ファイル選択、貼り付けという3つの入口を持つマークダウンビューア——どの入口から入っても同じマークダウンビューア
  • ライブ編集:ソースを変えるとプレビューが即座に再レンダリング
  • プレビューとソースのタブで文書とマークアップを切り替え
  • 整形済みテキストや生のMarkdownをワンクリックでコピー
  • サーバー往復なしで現在のバッファをdocument.mdとしてダウンロード
  • CommonMarkに加えGFMの表・取り消し線・タスクリストに標準対応
  • BOM付きUTF-8に対応し、CRLFを保持し、CJK文字を正しく表示
  • 2MiBのガードにより、巨大ファイルでタブが固まる代わりに明確なエラーを表示

セキュリティについて:Markdown内のHTMLはサニタイズされます

Markdown文書には生のHTMLが含まれることがあり、それをそのままページに注入してXSS脆弱性を配布したビューアは実際に存在します。このマークダウンビューアは文書を解析した後、すべての要素を厳格なサニタイズのホワイトリストに通してから表示します。イベントハンドラ、スクリプト、iframe、javascript: URLは自動的に除去されるため、信頼できない出所のMarkdownファイルも安全に開けます。この方針があるからこそ、マークダウンビューアは安心して社外文書にも使えます。

閲覧から編集、エクスポートへ

閲覧はたいてい長い作業の第一歩です。ファイルがマークダウンビューアで正しく見えたら、次は誤字を直したくなり、セクションを組み替えたくなり、PDFとして共有したくなります。だからこのサイトはビューアに加えて、本格的なマークダウンエディタとマークダウン PDF 変換ページを用意し、さらに引用・改行・水平線・コメントなどに特化した11の構文ページを揃えました。どのツールページも静的な記事ではなく、動くプレイグラウンドです。

すべてのページが同じエンジンを共有しています。マークダウンビューアで正しく表示される表は、エディタのプレビューでもPDFエクスポートでも同じように表示されます。構文ページが存在するのは、Markdownには本物の罠があるからです。単一の改行は新しい段落を開かず、タイトル直下の---は見出しになり、下線はそもそもMarkdownの native 機能ではありません。そうした罠をライブのプレイグラウンドで試すのが、どんなチートシートより速い学習法です。まずはマークダウンビューアで全体を確認する——それがこのサイトの使い方の基本です。

よくある質問

出典と仕様引用

“Markdown is intended to be as easy-to-read and easy-to-write as is feasible.”
John Gruber, "Markdown: Syntax" (Daring Fireball, 2004)
“CommonMark defines a rational, unambiguous syntax for Markdown.”
CommonMark Specification 0.31.2

すべてのMarkdownツール

タスクごとに1ページ:閲覧・編集・構文の学習・エクスポート。すべてブラウザ内でオフライン動作します。

マークダウン 引用

「>」記号でマークダウン引用を作成。例を編集、引用ブロックをその場で確認、構文をコピーできます。

マークダウン 改行

Enterキーと空行がマークダウン改行で何をするか確認。ソフト改行と段落をライブエディタで試せます。

マークダウン 強制改行

行末にスペース2つかバックスラッシュでマークダウン強制改行。プレビューで確認し構文をコピーします。

マークダウン 水平線

ハイフン・アスタリスク・アンダースコアでマークダウン水平線を生成。プレビューして区切り線をコピー。

マークダウン コメントアウト

マークダウンでHTMLコメントを書くとどうなるか解説。非表示コメントを編集し、プレビューで確認できます。

マークダウン エディタ

左右分割でマークダウンをその場で編集・プレビュー。.mdを開き、編集し、ダウンロードまで完結します。

マークダウン PDF 変換

.mdファイルや貼り付けたマークダウンを選択可能なテキストのPDFに変換。エクスポート前にプレビュー確認。

マークダウン 取り消し線

二重チルダでマークダウン取り消し線を追加(GFM)。例を試して構文をそのままコピーできます。

マークダウン 下線

マークダウン下線はHTMLの<u>タグで。ライブプレビュー付きサンプルを編集して構文をコピー。

マークダウン アンダーライン

マークダウンアンダーラインが効く条件、HTML許可のレンダラー、できない環境の代替案を解説します。

マークダウン 番号付きリスト

マークダウン番号付きリストを作成・プレビュー。記号、ネスト、インデントをその場で試せます。

マークダウン インデント

マークダウンインデントを試そう。ネストリストと4スペースコードブロックをライブプレビューします。

マークダウン 引用ブロック

複数行・ネストされたマークダウン引用ブロックを書いてみる。例を編集、プレビュー、コピー対応。