📝

Markdown / HTML 変換ツール

入力するだけでリアルタイム変換。HTMLプレビュー・コピー・ダウンロードに対応。

⚡ リアルタイムプレビュー 🔄 HTML→Markdown逆変換 💾 ファイルダウンロード 🐙 GitHub GFM対応
Markdown
HTML

🎯 こんなシーンで活躍

📝
ブログ・技術記事の執筆

QiitaやZennの記事をプレビューしながら作成。公開前にHTML表示を確認してから投稿できます。

🐙
GitHub README 作成

リポジトリのREADME.mdをリアルタイムプレビューで確認しながら作成。バッジ・コードブロックも対応。

📊
ドキュメント・Wiki整備

ConfluenceやNotionへの貼り付け用にMarkdownで下書き。テーブルや見出し構造を整形して活用。

🌐
Webサイトのコンテンツ作成

WordPressのHTMLエディタやブログCMSにMarkdownをHTMLに変換して貼り付け。記事制作を効率化。

📄
既存HTMLのMarkdown化

古いHTMLコンテンツをMarkdown形式に変換して保存・再利用。静的サイトへの移行作業に役立ちます。

📚
Markdown記法の学習

記法を実際に入力してプレビューを確認しながら習得。サンプルボタンで典型的な記法をすぐ確認。

🛒 おすすめグッズ

Markdownライティング・Web開発の学習に役立つ本とツール

🔄 使い方

📄
Markdown → HTML

Markdownを入力すると即座にHTMLに変換。「プレビュー」タブでブラウザ表示も確認できます。

🔄
HTML → Markdown

HTMLを貼り付けるとMarkdownに逆変換。見出し・リスト・テーブル・コードブロックに対応。

📋
コピー

変換結果をワンクリックでクリップボードにコピー。そのまま貼り付けて使えます。

💾
ダウンロード

変換結果を .html または .md ファイルとして保存できます。

📝
よく使うMarkdown記法早見表

# 見出し1 / ## 見出し2 / **太字** / *斜体* / [リンク](URL) / ![画像](URL) / \コード\ / \\\コードブロック\\\ / > 引用 / - リスト / | テーブル | ヘッダー | --- | が基本セットです。

🐙
GitHubでのMarkdown活用

GitHubのREADME・Issues・Pull Requestsで標準的にMarkdownが使用できます。本ツールでMarkdownを作成しながらプレビューを確認し、完成したらそのままGitHubに貼り付けてご活用ください。コードブロックの言語指定(\\\js など)にも対応しています。

💬 よくある質問

Q. Markdownとは何ですか?
Markdownはシンプルな記号でテキストに書式を付けられる軽量マークアップ言語です。例えば「**太字**」「# 見出し」「- リスト」のように書くと、HTMLに変換されて整形されて表示されます。GitHub・Qiita・Notion・Slackなど多くのサービスで対応しています。
Q. Markdownの基本的な書き方を教えてください
主な記法:見出し(# H1 / ## H2)・太字(**太字**)・イタリック(*斜体*)・リンク([テキスト](URL))・画像(![代替テキスト](URL))・コードブロック(```で囲む)・箇条書き(- または *)・番号付きリスト(1. 2. 3.)・引用(>)・水平線(---)
Q. MarkdownとHTMLを相互変換する用途は何ですか?
①MarkdownをHTMLに変換:ブログのHTMLエディタへの貼り付け・メールのHTML部分の作成②HTMLをMarkdownに変換:既存Webページの内容をMarkdown文書として保存・GitHubのREADMEに転用などの用途があります。
Q. GitHub Flavored Markdownとは何ですか?
GitHub Flavored Markdown(GFM)はGitHubが拡張したMarkdownの方言です。テーブル・タスクリスト・コードの構文ハイライト・打ち消し線(~~テキスト~~)などの追加機能があります。本ツールはGFMにも対応しています。
Q. ブログやQiitaへの投稿にMarkdownは使えますか?
はい。Qiita・Zenn・はてなブログ・NotionなどはMarkdown形式での執筆に対応しています。本ツールでMarkdownを書きながらプレビューを確認し、完成したらコピーして各サービスに貼り付けてご利用ください。
Q. Markdownで表(テーブル)を書くには?
| ヘッダー1 | ヘッダー2 | で始めて、|---|---| で区切り行を入れ、| セル1 | セル2 | と続けます。コロンで列の揃え方を指定できます(:--- 左揃え / :---: 中央 / ---: 右揃え)。本ツールのサンプルボタンで実例をすぐ確認できます。
Q. NotionやSlackでMarkdownは使えますか?
NotionはMarkdown形式で貼り付けると書式が自動反映されます。Slackでも**太字**・`コード`・> 引用など主要な記法が使えます。ただしサービスによって対応する記法に差があるため、本ツールのプレビューで確認してから貼り付けるのがおすすめです。
Q. コードブロックの書き方を教えてください
バッククォート3つ(```)で囲みます。言語を指定すると構文ハイライトされます(```javascript や ```python など)。インラインコードはバッククォート1つで `コード` のように囲みます。
Q. 変換結果をダウンロードできますか?
はい、Markdown→HTML変換では .html ファイルとして、HTML→Markdown変換では .md ファイルとしてダウンロードできます。出力エリアのダウンロードボタンをクリックするとファイルが保存されます。

🔗 関連ツール