なぜ Markdown が使われるのか
HTML でも同じ見た目は作れますが、<h1> や <strong> を打つのは手間ですし、書いている最中は文章に集中できません。Markdown は # 見出し や **強調** のように、書きながら読める のが利点です。
プレーンテキストなので、どのエディタでも開けて、差分（変更履歴）も見やすい。だからドキュメントやREADME、技術ブログの下書きに広く使われています。
Markdownプレビュー
MarkdownをHTMLに変換してプレビューできます。コードブロック・表・GFM記法に対応しています。
完全無料ブラウザ完結登録不要安全
プレビュー
Markdownプレビュー
太字、斜体、取り消し線が使えます。
リスト
- 項目1
- 項目2
- ネスト項目
- 番号付きリスト
- 2番目の項目
コードブロック
const hello = "World";
console.log(hello);
インライン コード も使えます。
引用
これは引用文です。 複数行も使えます。
テーブル
| 列1 | 列2 | 列3 |
|---|---|---|
| A | B | C |
| D | E | F |
リンク
スクリプトや危険なHTMLは安全のため自動的に除去されます。
このツールについて
- 入力内容はブラウザ内のみで処理されます。サーバーには送信されません。
- GFM（GitHub Flavored Markdown）に対応しています。（テーブル・コードブロック・取り消し線など）
- 危険なHTML・スクリプトは DOMPurify により自動除去されます。
関連ツール
使い方
- 1左側の入力エリアにMarkdownテキストを入力または貼り付けます。初めての方は「サンプルを読み込む」ボタンで記法の例を確認できます。
- 2入力と同時に右側のプレビューエリアへリアルタイムで変換結果が表示されます。
- 3「Markdownをコピー」ボタンで入力内容をクリップボードにコピーできます。
- 4「リセット」ボタンで入力内容を消去し、新しいMarkdownの作成を始められます。
よくある利用シーン
- GitHubのREADME.mdを書く前に見た目を手軽に確認する
- QiitaやZennなどの技術ブログの下書きをプレビューしながら作成する
- コードブロックや表を含む技術メモの見た目を事前に確認する
- 社内ドキュメントやチーム向け説明文をMarkdownで整えて確認する
- Markdownを初めて学ぶ際にリアルタイムで記法の動作を確認する
よくある質問
Markdownプレビューは無料で使えますか？
はい、完全無料です。ユーザー登録やサインインも不要です。
入力した内容はサーバーに送信されますか？
いいえ。すべての処理はブラウザ内で完結します。入力したMarkdownがサーバーに送信されることはありません。
GitHub Flavored Markdown（GFM）に対応していますか？
はい、テーブル・取り消し線などのGitHub Flavored Markdown（GFM）記法に対応しています。GitHubのREADMEやIssueで使う記法の確認に利用できます。
テーブルやコードブロックは表示できますか？
はい、どちらも対応しています。テーブルは横にはみ出す場合もスクロールして確認できます。コードブロックはバッククォート3つ（```）で囲んで記述し、言語名を指定することもできます。
HTMLをそのまま入力しても安全ですか？
はい。入力内容はブラウザ内でDOMPurifyにより自動的にサニタイズされるため、スクリプトや危険なHTMLは除去されます。意図的に挿入しようとしても実行されません。
画質や文字が崩れる心配はありますか？
このツールはMarkdownの表示確認を目的としています。安全性確保のため、一部のHTMLタグ（styleタグ・iframeなど）は除去される場合がありますが、通常のMarkdown記法では表示に影響しません。
スマホでも使えますか？
はい、スマートフォンのブラウザからもご利用いただけます。スマホでは入力エリアとプレビューエリアが縦に並んで表示されます。
Markdownを使いこなすための実用ガイド
Markdown は、記号を少し添えるだけで見出し・リスト・強調などの構造を表せる軽量な記法です。GitHub・Qiita・Zenn・Slack・note など、いまや多くの場所で共通言語になっています。ここでは、よく使う記法の早見表と、環境ごとに挙動が変わる「方言」の注意点を整理します。
よく使う記法 早見表
- 見出し：
# 大見出し## 中見出し（#の数でレベル） - 強調：
**太字***斜体* - リスト：
- 項目（箇条書き）／1. 項目（番号付き） - リンク：
[表示文字](URL) - 画像：
 - コード：
`インライン`／ バッククォート3つで囲むとコードブロック - 引用：
> 引用文
左に書いて右で結果を見比べれば、記号と見た目の対応がすぐ体で分かります。
GitHub 拡張（GFM）
GitHub 由来の拡張記法「GFM（GitHub Flavored Markdown）」は、標準Markdownにない便利な書き方を足したものです。本ツールも対応しています。
- 表：
| 列1 | 列2 |と|---|---|の区切り行で作る。 - タスクリスト：
- [ ] 未完了- [x] 完了。 - 取り消し線：
~~打ち消し~~。
GitHub の Issue や README で使う記法の確認に便利です。表が横にはみ出す場合も、プレビューはスクロールで確認できます。
環境ごとの「方言」に注意
Markdown には唯一の公式仕様がなく、サービスごとに細かな差（方言）があります。ある場所で正しく表示された記法が、別の場所では崩れることがあります。
- 改行の扱い：行末に半角スペース2つで改行になる方式と、単純な改行がそのまま反映される方式がある。
- 数式・図表：
$...$の数式や Mermaid 図は、対応するサービスとしないサービスがある。
公開先（GitHub・Qiita・Zenn など）で最終確認するのが確実です。記法の基本を体系的に学びたい方は Markdownの書き方ガイド をどうぞ。
安全に扱うために（サニタイズ）
Markdown には HTML を直接書ける仕様がありますが、他人が書いた Markdown をそのまま表示すると、悪意あるスクリプトが紛れ込む危険があります。
本ツールは、入力内容をブラウザ内で DOMPurify によりサニタイズ してから表示します。スクリプトや危険なタグは自動的に除去されるため、貼り付けた Markdown を安全にプレビューできます。もちろん、入力内容がサーバーに送信されることもありません。