# Markdown プレビュー

URL: https://tools.otaku-dojo.com/ja/markdown-previewer
Updated: 2026-10-03

Markdown プレビューは、左側で Markdown を書きながら右側で表示結果をリアルタイムに確認できるツールです。見出し、太字、斜体、リンク、画像、リスト、引用、コードブロックに加え、GitHub 形式の表、取り消し線、タスクリストに対応しています。README やブログの下書き、技術文書の作成に便利で、内容はブラウザ内で処理されます。

## Markdown プレビューの使い方

1. 左側に Markdown を入力するか、「サンプル」で例文を読み込みます。
2. 右側にプレビューがリアルタイムで表示されます。
3. 「コピー」で変換後の HTML をコピーできます。HTML ファイルが必要な場合は Markdown HTML 変換をご利用ください。

## 仕様とポイント

- **対応記法**: CommonMark の主要記法 + GFM の表、取り消し線、タスクリスト、自動リンク
- **安全性**: HTML はエスケープされ、javascript: リンクは無効化
- **プレビュー**: 入力に合わせて即時更新
- **出力**: 変換後の HTML をコピー可能
- **処理場所**: ブラウザ内（内容はアップロードされません）
- **料金**: 無料・登録不要

## 使用例: 表とタスクリスト

```markdown
| ツール | 状態 |
|---|:---:|
| JSON | ✅ |

- [x] ドキュメント作成
- [ ] 公開
```

→

```markdown
2 列の表（状態列は中央揃え）と、チェック済み・未チェックのチェックボックスのリストが表示されます。
```

## よくある質問

### Markdown の中に HTML を書けますか？

安全のため、HTML タグは文字として表示され、実行されません。

### GitHub と同じ表示になりますか？

見出し、リスト、表、コード、タスクリストなどの主要記法は同じように表示されます。@メンション、Mermaid 図、数式など GitHub 独自の機能には対応していません。

### 改行するには？

1 回の改行は同じ段落にまとめられます。行末に半角スペース 2 つかバックスラッシュを入れると改行、空行を入れると段落が分かれます。