Markdown → HTML 変換（プレビュー付き）

ブログの下書きやドキュメント作成で「HTMLタグ打つの面倒だな…」と感じたことはありませんか？
このツールを使えば、Markdown記法でスラスラ書いたテキストを、一瞬でクリーンなHTMLコードに変換できます。

ツールを使う 
利用シーン 
機能・仕様 
Markdown記法 
早見表 
よくある質問 (FAQ)

📝 Markdown変換ツール

エンジニアの思考を整理する電子メモ

リンク

Markdown（マークダウン）は、見出しやリストを簡単な記号で記述できる軽量マークアップ言語です。このツールを使えば、慣れ親しんだMarkdownで執筆し、最終的にWebで使えるHTMLとして出力できます。

ブログ記事の下書き	WordPress等のエディタで直接書くよりも、Markdownで構造を作りながら書くほうが思考が整理されます。最後にHTMLに変換して貼り付けるだけで完了です。
エンジニア向けドキュメント	GitHubのREADME.mdや、技術仕様書の下書き作成に。プレビューで見た目を確認しながら効率よく記述できます。
HTMLメール作成	装飾付きのメールマガジンを作成する際、タグ打ちの手間を省き、Markdownでサクサク原稿を作成してHTML化できます。
Markdownの学習	「#」が見出し、「-」がリストといった記法が、実際にどう変換されるかをリアルタイムで確認できるため、Markdownの練習用としても最適です。

余計な機能を削ぎ落とし、「書く」「確認する」「コピーする」の3ステップに特化しました。ブラウザ上で動作するため、専用アプリのインストールは不要です。

👁️ リアルタイムプレビュー 左側のエリア（スマホでは上段）に入力すると、右側（下段）に即座にプレビューが反映されます。変換後のイメージを確認しながら執筆できます。
📋 ワンクリックでHTMLコピー プレビュー画面のタブを「HTMLソース」に切り替えると、変換されたHTMLコードが表示されます。コピーボタン一つでクリップボードに保存可能です。

ツールで使える基本的なMarkdown記法と、変換後のHTMLタグの対応表です。執筆時のカンニングペーパーとしてご活用ください。

A. リスト記号（- や 1.）の直後には、必ず「半角スペース」を入れる必要があります。スペースがないと、ただのテキストとして認識されてしまうためご注意ください。

A. Markdownの仕様上、通常の1回改行は無視されて繋がってしまうことがあります。段落を変えたい場合は「空行（エンターキー2回）」を挟むか、行末に「半角スペース2つ」を入れることで改行として扱われます。

A. 本ツールは軽量化のため、基本的なMarkdown記法のみに対応しています。複雑な表組みや数式などの拡張記法には対応していない場合がありますので、あらかじめご了承ください。

👨‍💻

「タグ打ちの苦行から解放されたい一心で」
Webライティングにおいて、<h2>や<li>といったタグを手入力するのは非常に骨が折れます。「もっと直感的に、メモを書くようにHTMLを作りたい」という思いから、このコンバーターを作成しました。

外部ライブラリに頼らず独自の軽量パーサーを実装しているため、動作が軽く、入力データが外部に送信される心配もありません。皆様の執筆作業が少しでも快適になれば幸いです。