ライブプレビューでMarkdownをHTMLに変換
Markdownを使えば、HTMLタグをいちいち書かなくても、簡単な記号で素早くテキストを整形できます。ウェブサイトやMarkdown非対応のCMS、メールテンプレート、プレビューしたいREADMEファイルなどでHTMLが必要になったとき、このツールが瞬時に変換します。左側で入力すると、右側にレンダリング結果やクリーンなHTMLコードが表示されます。すべての処理はブラウザ内で完結します。
主な機能
- 入力と同時に更新されるライブプレビュー。
- GitHub Flavored Markdown対応：テーブル、タスクリスト、取り消し線、自動リンク、フェンス付きコードブロック。
- 任意で改行を挿入 — 改行を
<br>タグに変換。 - インラインスタイルや余分なラッパーを含まないクリーンなHTML出力で、どこにでも貼り付け可能。
- シンプルで読みやすいスタイルシート付きのページとして丸ごとダウンロード。
- スクリプトをブロックするサンドボックス化されたフレームでの安全なプレビュー。
Markdown チートシート
| Markdown | 結果 |
|---|---|
# Heading 1 / ## Heading 2 |
見出し |
**bold** / *italic* |
太字 / 斜体 |
[link](https://example.com) |
リンク |
 |
画像 |
- item or 1. item |
箇条書きリストまたは番号付きリスト |
> quote |
引用ブロック |
`code` |
インラインコード |
前後の行に ``` |
コードブロック |
--- |
水平線 |
- [ ] task |
タスクリスト項目 (GFM) |
~~text~~ |
取り消し線 (GFM) |
テーブルはパイプ（|）とダッシュ（-）の区切り行で記述します。区切り行のコロン（:）で列の配置を指定できます。:---で左揃え、:---:で中央揃え、---:で右揃えになります。
主な用途
- HTMLは使えるがMarkdownには対応していないブログやCMS。
- メールマガジン — Markdownで書いて、HTMLをメールツールに貼り付け。
- GitHubやGitLabにプッシュする前のREADMEやドキュメントのプレビュー。
- Obsidian、Notionのエクスポート、その他のMarkdownアプリからのメモをWebページに変換。
- 各Markdown構文がどのタグを生成するかを見てHTMLを学習。
ヒント
- 段落、リスト、見出しの間には空行を入れると、ほとんどの書式設定エラーを防げます。
- ネストされたリスト項目は、2つまたは4つのスペースで一貫してインデントします。
- サイトのシンタックスハイライターがコードを色付けできるように、コードブロックの開始フェンスの後に言語名を追加します（例：
```js）。
テキストの単語数を数えるには、単語カウンターをご利用ください。構造化データには、JSONの検証と整形ができるJSON整形ツールが便利です。