Markdown Preview Live logo
Editor
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160

Markdown Syntax Guide

Headers

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Emphasis

This text will be italic This will also be italic

This text will be bold This will also be bold

You can combine them

This text will be strikethrough


Lists

Unordered

  • Item 1
  • Item 2
    • Item 2a
    • Item 2b
      • Item 3a
      • Item 3b

Ordered

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3a
    2. Item 3b

Task List

  • Task 1 (completed)
  • Task 2 (completed)
  • Task 3 (pending)
  • Task 4 (pending)

Links

GitHub

Google

Automatic link: https://example.com


Images

Alt text


Blockquotes

Markdown is a lightweight markup language.

It is widely used for documentation and README files.


Code

Inline Code

Use console.log('Hello World') to print to the console.

Code Block

javascript
function greet(name) {
  console.log(`Hello, ${name}!`);
  return `Welcome to Markdown Preview Live`;
}

greet('Developer');
python
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

print(fibonacci(10))
html
<!DOCTYPE html>
<html>
  <head>
    <title>Hello</title>
  </head>
  <body>
    <h1>Markdown Preview Live</h1>
  </body>
</html>

Tables

FeatureStatus
Live Preview
Dark Mode
Sync Scroll
Export PDF
GFM Support

Horizontal Rule

Three or more dashes:


Three or more asterisks:


Three or more underscores:



HTML in Markdown

Click to expand

This content is hidden by default.


Happy writing! ✍️

Ln 1, Col 1160 lines300 words
~2 min readMarkdown

オンラインMarkdownエディタ:MDファイルの編集・プレビュー・変換

オンラインのマークダウン エディタは、インストール不要でブラウザ上からマークダウンファイルの作成・編集・プレビューができるツールです。 入力したMarkdownテキストはその場で整形済みのHTMLとしてレンダリングされ、既存の.mdファイルは読みやすいドキュメントとして開けます。さらにHTML、Word、PDF、プレーンテキストをMarkdown形式へ変換することも可能です。Markdownは現在、GitHub、Notion、Obsidian、Reddit、Discordにおける標準の記述フォーマットであり、ブラウザ型エディタなら執筆、閲覧、整形、変換までのワークフロー全体を完結できます。

Markdown(マークダウン)とは?

Markdownとは、シンプルな記号だけでプレーンテキストを整形できる軽量マークアップ言語です。 John GruberとAaron Swartzが2004年に開発し、コア構文は22年間安定したまま変わっていません。#は見出しに、アスタリスク2つは太字に、ハイフンは箇条書きになります。2026年現在、GitHub、GitLab、Stack Overflow、Notion、Obsidianのドキュメント、READMEファイル、Wiki、メモの背後にはMarkdownがあります。

Markdown構文は9つのコア要素で構成されています。

要素Markdown Syntax表示結果
見出し# Heading 1H1見出し
太字**text**text
斜体*text*text
リンク[title](url)クリック可能なリンク
画像![alt](url)埋め込み画像
箇条書きリスト- item箇条書きリスト
番号付きリスト1. item番号付きリスト
コード`code`インラインコード
| cell |整形された表

生のMarkdownはそのままでも読める。これがHTMLとの最大の違いです。2004年に書かれたMarkdownドキュメントは、今日でも同じようにレンダリングされます。

MDファイルとは?

MDファイルとは、.mdまたは.markdown拡張子で保存され、マークダウン形式のテキストを格納するプレーンテキスト文書です。 ほとんどのmdファイルは1KBから100KBの範囲に収まり、任意のテキストエディタで開けるうえ、マークダウン ビューアでは整形済みドキュメントとして表示されます。ソフトウェアのリポジトリには通常、README.md、CHANGELOG.md、CONTRIBUTING.md、LICENSE.mdの4つが含まれています。

md形式は構造がそのまま見えます。Word文書がバイナリXMLの内部に書式を埋め込むのに対し、mdファイルはすべての書式指定をプレーンな文字として表示します。mdファイルがバージョン管理と相性が良く、同等の.docxより約90%小さく収まるのはこのためです。

mdファイルを開くには、エディタにドラッグするか、下のビューアにアップロードしてください。レンダリング済みのドキュメントが1秒以内に表示されます。

リアルタイムプレビュー付きオンラインMarkdownエディタ

このmarkdown エディタ オンライン版は、左に生のMarkdown、右にレンダリング済みのリアルタイムプレビューという分割画面のワークスペースを提供します。 プレビューはキー入力から数ミリ秒以内に更新されるため、書きながら常に整形後の出力を確認できます。Chrome、Firefox、Safari、Edgeのブラウザ上ですべて動作し、アカウント登録なしで今すぐ使い始められます。

エディタがカバーする仕事は次の6つです。

  1. リンク・リスト・表のシンタックスハイライトと自動補完を使ってMarkdownを書く。
  2. markdown プレビューを並べて表示し、レンダリング結果をリアルタイムで確認する。
  3. 既存のmdファイルをドラッグ&ドロップまたはアップロードで開く。
  4. 内蔵のMarkdownフォーマッタでテキストを整形する。
  5. HTML、Word、PDF、テキスト文書をMarkdownに変換する。
  6. 完成したドキュメントを.md、.html、.pdfファイルとしてエクスポートする。

ライターはブログ記事やREADMEの下書きに、開発者はドキュメントの管理に使っています。処理はすべてブラウザ内でローカルに行われるため、コンテンツが端末の外に出ることはありません。

マークダウン ビューア:MDファイルをオンラインで開いて読む

マークダウン ビューアは、生のmdファイルを整形済みの読みやすいドキュメントとしてブラウザにレンダリングします。 .mdファイルをアップロードするか、Markdownテキストを貼り付けると、mdビューアが見出し、表、リンク、画像、コードブロックをGitHub上とまったく同じ見た目で表示します。10MBまでのファイルが1秒以内にレンダリングされます。

mdファイルビューアが役立つ場面ははっきりしています。README.mdを受け取ったとき、公開前のドキュメントを確認したいとき、生の構文ではなくレンダリング結果で校正したいとき、などです。

このオンラインmdビューアは、GitHubが2017年に公開した仕様であるGitHub Flavored Markdown(GFM)に準拠しているため、表、タスクリスト、取り消し線、フェンス付きコードブロックが完全な忠実度で表示されます。ビューアはレスポンシブ対応で、スマートフォンのmdリーダーでもデスクトップブラウザと同じレンダリング結果になります。

Markdownリアルタイムプレビュー

リアルタイムプレビューは、生のMarkdownソースの横にレンダリング済みHTMLを表示し、キー入力のたびに更新します。 「書いて、保存して、確認する」というサイクルは不要です。壊れた表、閉じ忘れた太字マーカー、不正なリンクは、入力したその瞬間に目で確認できます。

プレビューの背後にあるMarkdownレンダラーは、2014年に初版が公開されたCommonMark仕様に、表とタスクリスト用のGFM拡張を加えたものに準拠しています。GitHubも同じレンダリングを使用しているため、プレビューで正しく見えるドキュメントは公開後も正しく表示されます。スクロール位置は2つのペイン間で同期し、プレビューは編集中の段落と常に揃います。

Markdownフォーマッタ

Markdownフォーマッタは、余白、見出し階層、リストのインデント、表の整列をワンクリックで標準化します。 適用される修正は5つ。見出しレベルを1段ずつ下がるよう調整し、リストマーカーを統一し、表の列を揃え、ブロック間の空行を1行にし、行末の空白を削除します。

整形後のMarkdownはレンダリング結果こそ変わりませんが、編集とレビューは格段に楽になります。ドキュメントをGitで管理するチームは、コミット前にフォーマッタを実行します。クリーンなMarkdownは、読みやすいプルリクエストの差分を生むからです。

ドキュメントをMarkdownに変換

このコンバーターは、HTML、Word、PDF、プレーンテキストの4つの入力形式をクリーンなMarkdownに変換します。 どの変換でも見出し、リスト、リンク、表、強調は維持され、形式固有のスタイルだけが取り除かれます。コンテンツを貼り付けるかファイルをアップロードすると、Markdown出力がリアルタイムプレビューの隣のエディタに表示されます。

HTML Markdown 変換

HTMLからMarkdownへの変換は、HTMLタグをMarkdown構文にマッピングします。 <h1>は#に、<strong>は**に、<a href>は[title](url)に、<table>はパイプ区切りのMarkdownテーブルになります。コンバーターはネストされたリスト、コードブロック、画像にも対応し、インラインCSS、スクリプト、トラッキング属性は除去します。WordPressやSubstackからブログ記事を取り出し、Ghost、Hugo、AstroといったMarkdownベースのプラットフォームへ移行するWebライターに使われています。

Word Markdown 変換

WordからMarkdownへの変換は、.docxファイルから構造を抽出し、各要素をMarkdown構文で書き直します。 見出し、太字、斜体、2種類のリスト、表、ハイパーリンクがすべて引き継がれます。20ページのWord文書でも変換は5秒以内に完了し、埋め込み画像は正しいMarkdown画像参照付きの個別ファイルとしてエクスポートされます。Microsoft WordからGitHub WikiやNotionへドキュメントを移行するチームが、手作業での再整形を省くために使っています。

PDF Markdown 変換

PDFからMarkdownへの変換は、PDF文書からテキスト、見出し、表を抽出し、編集可能なMarkdownとして再構築します。 コンバーターは見出しサイズを読み取って#、##、###のレベルを割り当て、多段組レイアウトを1列のテキストに整え、検出した表をMarkdownテーブルに変換します。レポートやホワイトペーパーなど、固定レイアウトでしか存在せず、再び編集可能にしたいドキュメントに適しています。

テキスト Markdown 変換

テキストからMarkdownへの変換は、書式のないプレーンテキストにMarkdown構造を適用します。 コンバーターはパターンを検出します。コロンで終わる行は見出しに、ハイフンで始まる行はリストに、URLはリンクになります。スマートフォンのメモや文字起こしを構造化されたドキュメントに変える、いちばん手軽な方法です。

よくある質問

mdファイルを開くには?

上のマークダウン ビューアにファイルをドラッグすると、レンダリング済みのドキュメントがブラウザに即座に表示されます。 mdファイルはNotepad、TextEdit、VS Codeなどの任意のプレーンテキストエディタでも開けますが、その場合は整形結果ではなく生の構文が表示されます。

このマークダウンエディタは無料ですか?

オンラインのマークダウンエディタ、ビューア、フォーマッタ、4つのコンバーターはすべて無料で、利用回数の制限もありません。 ツールはデスクトップとモバイルのブラウザで動作し、ドキュメントは端末内でローカルに処理されます。

MarkdownとHTMLの違いは何ですか?

Markdownはシンプル化された記述構文であり、HTMLはMarkdownのコンパイル先となる本格的なWebマークアップ言語です。 Markdownは9つのコア記号だけで構成され、プレーンテキストのまま読めます。一方、HTMLは100を超えるタグを使い、すべての要素を開始タグと終了タグで囲みます。日常的なドキュメントであれば、Markdownはごくわずかなタイピングで書式の約95%をカバーします。

MarkdownをHTML、PDF、Wordに戻せますか?

はい。エディタはMarkdownを.htmlと.pdfに直接エクスポートでき、エクスポートしたHTMLはWordにそのまま貼り付けられます。Markdown形式で一度書けば、出力先が求めるどの形式でも公開できます。

その他のMarkdownガイド

マークダウン記法の基本ガイド

マークダウン記法(markdownの書き方)を2004年のオリジナル仕様に基づいて解説します。見出し、太字、箇条書き、リンク、画像、コード、引用、エスケープまで、11要素を例付きで学べます。

マークダウン チートシート:全21種類のmarkdown 記法 一覧を1ページで

全21種類のmarkdown 記法 一覧をまとめたマークダウン チートシート(早見表)です。基本記法と拡張記法の対応表、表示例、GitHubなどアプリ別の対応状況を1ページに整理しています。

マークダウン 拡張記法ガイド:markdown テーブル(表)・脚注・タスクリストの書き方

マークダウン 拡張記法を徹底解説。markdown テーブル(表)、コードブロック、脚注、タスクリストなど全12要素の書き方と主要アプリの対応状況を、コピーしてすぐ使えるサンプル付きで紹介します。

マークダウン入門:Markdownの基本と書き方

マークダウンとは何か、.mdからHTMLへの変換の仕組み、Wordより選ばれる理由、そしてマークダウンの使い方と最初のmarkdownファイルの書き方を5分で解説します。

マークダウンの裏技:足りない機能を補うワークアラウンド集

markdown で下線を引く、見出しを中央揃えにする、文字色を変える、コメントを隠す方法を解説。HTMLを使った12の裏技をコード例付きで紹介し、タグが削除されるレンダラーも明記します。