無料オンライン Markdown Viewer
アプリのインストールやアカウント登録なしで、ブラウザ上で Markdown を開き、書き、すぐにプレビューできます。GFM テーブル、シンタックスハイライト付きコード、数式、Mermaid 図に対応しています。
オンライン Markdown 表示ツール
リッチテキストプレビュー
オンライン Markdown Viewer とは？
Markdown Viewer は、Markdown 記法を含むプレーンテキストを読みやすい文書に変換するツールです。Markdown ではシャープ記号で見出し、アスタリスクで強調、角括弧と丸括弧でリンク、バッククォートでコードを表します。そのためファイルがシンプルで持ち運びやすく、Git でのバージョン管理にも向いています。ただし README やプロジェクト資料、授業ノート、技術文書を「読むだけ」の場合、すべての記号がそのまま見えていると内容を把握しづらくなります。このツールはソーステキストと表示結果を左右に並べて表示するので、元の内容と最終的な見え方をその場で確認できます。
Markdown を左側に貼り付けるか、ローカルの .md / .txt ファイルを読み込むと、右側にリアルタイムで見出し階層、段落、リスト、表、リンク、画像、引用、コードブロック、数式、図が表示されます。ソースを編集するとプレビューも自動で更新されるため、区切り文字の欠落、リストのインデント誤り、閉じ忘れのコードフェンス、表の整列の問題にも気づきやすくなります。プロジェクトの作成、拡張機能のインストール、リポジトリのクローン、ログインは必要ありません。
入力欄を残しているのは、文書を確認しながら誤字、リンク、インデントをすぐ直したい場面が多いためです。中心にあるのはあくまで Markdown を素早く確実に表示することで、ファイルツリー、プラグイン、Git 連携、公開フローを備えたデスクトップエディターの代わりを目指すものではありません。構文を体系的に学びたいときは、独立した Markdown ガイドやチートシートを使えるので、トップページは Markdown Viewer としての主な用途に集中しています。
Markdown ファイルをオンラインで表示する方法
ファイルを開いてから仕上がりを確認するまで、わずか 4 ステップ。デスクトップでもモバイルのブラウザでも利用できます。
1. Markdown を読み込む・貼り付ける
「インポート」をクリックしてローカルの .md / .txt ファイルを選ぶか、Markdown を入力欄に直接貼り付けます。ブラウザがテキストを読み込めばすぐにプレビューが始まり、ファイル全体をサーバーにアップロードする必要はありません。
2. リアルタイムプレビューを確認する
右側にレンダリング結果が表示されます。まず見出しと段落の構成を確認し、続いて表、入れ子のリスト、リンク、コード、数式、図をチェックします。ソースを変更するとプレビューも更新されるので、書式の問題を特定しやすくなります。
3. 小さな修正を行う
左側でスペルミス、見出しの順序、対になる記号、表の区切り線、コードの言語名などを直せます。編集内容は現在のブラウザのローカルストレージに自動保存されるため、同じ端末で誤ってリロードしても失われにくくなっています。
4. コピー、または必要に応じてエクスポート
問題がなければリッチテキストとしてコピーしたり、PDF・HTML・Word に書き出したりできます。3 つの形式は用途が異なるため、詳しい説明は専用の変換ページにまとめ、トップページは Markdown の表示体験に集中させています。
Markdown Viewer が対応する構文と拡張
レンダラーは標準の Markdown に加え、技術文書、学習ノート、共同執筆でよく使われる拡張機能にも対応しています。
標準 Markdown の構造
6 段階の見出し、段落、太字、斜体、番号付き・番号なしリスト、入れ子リスト、引用、区切り線、インラインコード、フェンスコードブロック、リンク、画像に対応し、README、説明書、ノート、短い記事でよく使う構造を網羅します。
GitHub Flavored Markdown のテーブル
GFM は基本構文にテーブル、タスクリスト、取り消し線、自動リンクを追加します。Viewer ではヘッダー、セルの罫線、左寄せ・中央寄せ・右寄せが表示され、タスク項目はチェックボックスとして、完了状態や取り消し線も区別して表示されます。
コードのシンタックスハイライト
コードフェンスの後ろに javascript、python、css、json、bash などの言語名を書くと、キーワード、文字列、コメント、数値が色分けされます。言語を認識できない場合でも、読みやすい等幅のコードブロックとして表示されます。
LaTeX 数式
1 つのドル記号でインライン数式、2 つのドル記号で独立した数式を表せます。MathJax が分数、根号、行列、積分、総和、ギリシャ文字などの TeX 記法を拡大縮小可能なグラフィックとして描画するため、講義ノート、研究資料、技術文書、データレポートに適しています。
Mermaid とデータチャート
mermaid コードブロックでフローチャート、シーケンス図、クラス図、状態遷移図などを描画でき、Vega / Vega-Lite のコードブロックでデータチャートを表示できます。図とその定義が同じ Markdown に収まるため、保守もレビューも簡単です。
安全な HTML 処理
Markdown には少量の HTML が混ざっていることがあります。プレビュー前にスクリプト、フレーム、イベントハンドラー、安全でない URL を除去し、安全に表示できる書式だけを残して、危険な埋め込みコンテンツがページ内で実行されるのを防ぎます。
Markdown Viewer と Markdown Editor の違い
Markdown Viewer と Markdown Editor は機能が重なる部分もありますが、優先するものが異なります。Viewer はコンテンツをすばやく開いてレンダリング結果を確認することに重点を置いています。本格的なエディターは長時間の執筆に向いており、ファイルツリー、複数タブ、検索・置換、コマンドパレット、Git 連携、プラグイン、公開フロー、ワークスペース設定などを備えているのが一般的です。このツールにソース入力欄があるのは、閲覧中に小さな修正をするためで、完全な開発環境やデスクトップの執筆ソフトを置き換えるものではありません。
Markdown ファイルを受け取ったとき、リポジトリをクローンせずに README を見たいとき、表や数式を確認したいとき、整形結果を他のアプリにコピーしたいときは、オンラインの Viewer が手軽です。多数の関連ファイルを管理する、プラグインに依存する、オフラインでディレクトリを移動する、長時間執筆するといった場合は、専用のエディターのほうが適しています。Markdown ファイル自体は互換性を保っているので、他のツールで下書きし、ここで確認し、修正したプレーンテキストを任意のエディターに持ち帰ることができます。
| 比較項目 | Markdown Viewer | Markdown Editor |
|---|---|---|
| 主な目的 | Markdown のレンダリング結果をすばやく読んで確認する | 大きな執筆プロジェクトを作成・管理する |
| 始め方 | ページを開いてテキストを貼り付けるか読み込む | ソフトをインストールし、アプリやワークスペースを設定する |
| 適した場面 | README、プレビュー、書式チェック、内容の引き継ぎ | 複数ファイルの執筆、プラグイン、プロジェクト内の移動 |
| 表示の確認 | ソースと表示結果が常に並んで表示される | プレビューの挙動はソフトや設定によって異なる |
ブラウザ版 Markdown Viewer が向いている場面
ソフトウェア・開発ドキュメント
開発者はリポジトリ全体を開かなくても、README、プルリクエストの説明、Issue テンプレート、リリースノート、API の例、コードブロックを確認できます。GFM に対応しているため、Git プラットフォーム上の実際の表示にも近くなります。
技術文書・ビジネス文書の執筆
テクニカルライター、プロダクトチーム、カスタマーサポート担当者は、ナレッジベース、メール、CMS、チケット、共有ドキュメントに載せる前に、見出し階層、表、リンク、引用、文面を確認できます。
学習・研究ノート
学生や研究者は、通常の文章に数式、行列、コード、表、図を混在させられます。リアルタイムで見た目を確認できるため、LaTeX の区切り文字のミスにも気づきやすく、密度の高いノートも読みやすくなります。
見慣れないファイルのクイックチェック
.md ファイルを受け取っても、専用ソフトをインストールせずにすぐ開けます。ソースはそのまま編集でき、少し直してから最終結果をコピーまたはエクスポートできます。
必要に応じて使える Markdown のエクスポート形式
このページの主な目的は Markdown の表示ですが、同じレンダリング結果を他の形式で納品することもできます。形式ごとに専用ページを用意し、変換系のキーワードでトップページの主題がぼやけないようにしています。
Markdown を PDF に変換
サーバー側の Chrome でレンダリングし、ページ分割された PDF を生成します。共有、印刷、保管に適しています。
Markdown PDF 変換ツールを使うMarkdown を HTML に変換
最終プレビューの内容と基本スタイルを含む、単体の HTML ドキュメントをダウンロードできます。
Markdown HTML 変換ツールを使うMarkdown を Word に変換
見出し、リスト、表、コード、数式、対応する図を保持した編集可能な DOCX を生成します。
Markdown Word 変換ツールを使う構文を調べたいときは専用リソースへ
ファイルを見るのではなく構文の例を探したいときは、Markdown チートシートでよく使う書き方をコピーしたり、完全な Markdown ガイドで詳しい説明を読んだりできます。同じレンダリングエンジンを使っているので、例をそのままこの Viewer に貼り付けて試せます。
Markdown Viewer のよくある質問
オンライン Markdown Viewer は何をするものですか？
プレーンテキスト中の Markdown 記法を整形済みの文書に変換し、見出し、リスト、表、コード、数式、リンク、画像、図を読んで確認できるようにします。この Viewer はソースと表示結果を並べて配置するので、問題をすぐに直して結果を確認できます。
この Markdown Viewer で .md ファイルを開くには？
「インポート」をクリックしてローカルの .md / .txt ファイルを選ぶか、テキストツールでファイルを開いて内容を入力欄に貼り付けてください。テキストが表示されると自動的にプレビューが始まり、アカウントは不要です。
このページはどの Markdown 機能をレンダリングできますか？
標準の Markdown、GFM のテーブルとタスクリスト、取り消し線、シンタックスハイライト付きのフェンスコード、MathJax による LaTeX 数式、Mermaid 図、Vega / Vega-Lite チャートに対応しています。安全でないスクリプトやフレームはプレビュー前に除去されます。
Viewer で内容を直接編集できますか？
はい。左側の入力欄で直接編集でき、右側に整形結果が更新されます。ここでの編集機能はプレビューと簡単な修正のためのもので、複数ファイルを扱うデスクトップの Markdown エディターの代わりになることを目指していません。
本格的な Markdown エディターとの違いは何ですか？
Viewer は設定不要で、すばやくソースとプレビューを行き来できることに重点を置いています。本格的なエディターは通常、ファイル管理、複数タブ、プラグイン、プロジェクト内検索、Git、公開設定などを追加します。確認や小さな修正にはこのページ、大きなプロジェクトの執筆には本格的なエディターが向いています。
レンダリングした Markdown をエクスポートできますか？
リッチテキストのコピーのほか、PDF・HTML・Word への書き出しができます。PDF は一時的なサーバー側 Chrome の処理で生成し、HTML は最終プレビューからダウンロードし、Word は編集を続けられる DOCX を生成します。形式ごとに専用の説明ページがあります。
自分の Markdown はどこで処理・保存されますか？
プレビュー、ブラウザの自動保存、HTML エクスポート、Word エクスポートは主に現在の端末で完結し、自動保存にはブラウザのローカルストレージを使います。PDF エクスポートでは、レンダリング済みの HTML と CSS が一時的に本サイトのサーバーへ送られ、ヘッドレス Chrome がファイルを生成します。アプリがこの文書の内容をデータベースやファイルストレージに永続的に保存することはありません。