Markdown
エディター

左側でMarkdownを編集し、右側でリアルタイムプレビューを確認。セットアップ不要で即座に使用できます。

エディター

プレビュー

Hello, Markdown!

Welcome to the Markdown Editor. Edit on the left, preview on the right.

Features

Real-time preview
Copy Markdown or rendered HTML
CommonMark syntax support

Code Example

const greet = (name) => Hello, ${name}!;
console.log(greet("DevSnap"));

Blockquote

"Any fool can write code that a computer can understand.

Good programmers write code that humans can understand."

— Martin Fowler

Links & Images

Visit devsnap.dev for more tools.

First item
Second item
Third item

// about this tool

Markdownエディターについて

Markdownは2004年にJohn Gruberが作成した軽量マークアップ言語です。# 見出し、**太字**、*斜体*、[リンク](URL)のような直感的な記法でテキストを書式化でき、HTMLに変換してレンダリングされます。GitHubのREADMEやNotion、Slackなど多くのツールで標準として使われています。

Markdownは見出し(#)、太字(**)、斜体(*)、インラインコード(`)、コードブロック(```)、リスト(-)、引用(>)、リンク([])、画像(!())など幅広いフォーマットをサポートします。CommonMarkやGFM（GitHub Flavored Markdown）などさまざまな方言が存在します。

このツールはスプリットビュー方式で動作します。左側でMarkdownを入力すると、右側でレンダリング結果をリアルタイムで確認できます。Markdownのソースやレンダリング済みHTMLをコピーして他のアプリケーションで使用できます。

主な使用場面

▸GitHub README.mdやCHANGELOG.mdの作成とプレビュー
▸技術ドキュメントやAPIリファレンスの草稿作成
▸ブログ記事やNotionドキュメントのMarkdown編集
▸インスタントフィードバックでのMarkdown文法学習
▸MarkdownをHTMLに変換してCMSやメールテンプレートに使用

よくある質問

Q. 対応しているMarkdown文法は何ですか？

CommonMark コア仕様に対応しています：見出し(# ~ ######)、太字(**)、斜体(*)、インラインコード(`)、コードブロック(```)、箇条書き(-)、番号付きリスト(1.)、引用(>)、リンク([text](url))、画像(![alt](url))、水平線(---)。

Q. 出力をどのように使いますか？

'HTMLをコピー'ボタンでレンダリング済みHTMLをクリップボードにコピーできます。'コピー'ボタンでMarkdownソースをコピーできます。HTMLはメールクライアントやCMSへの貼り付けに便利です。

Q. テーブルやチェックボックスは対応していますか？

現在のバージョンはCommonMarkコア仕様に対応しています。GFMテーブルとタスクリストは今後のアップデートで対応予定です。