ESC
Markdownエディタ

プレビューがここに表示されます...

0

単語数

0

文字数

0

行数

0 分

読了時間

使用例

READMEファイル

見出し、リスト、コードブロック、リンクを含むプロジェクト用のプロフェッショナルなREADMEファイルを作成します。

# マイプロジェクト\n\nプロジェクトの簡単な...
ブログ記事

見出し、太字テキスト、引用、テーブル、画像を含むフォーマットされたブログ記事を書きます。

# Web開発の未来\n\n*2026年2月14日公開*...
APIドキュメント

エンドポイントの説明、パラメータテーブル、コード例を含むAPIドキュメントを作成します。

# APIドキュメント\n\n## 概要\n\nこのドキュメ�...

機能

分割ビュー

切り替え可能な表示モード付きのエディタとプレビューの並列表示

フォーマットツールバー

太字、斜体、見出し、リスト、テーブルなどのワンクリックボタン

エクスポートオプション

.mdまたは.htmlファイルとしてダウンロード、またはクリップボードにコピー

ドキュメント統計

単語数、文字数、行数、読了時間を追跡

使い方

1

Markdownを書く

左側のエディタパネルにMarkdownコンテンツを入力するか貼り付けます。

2

出力をプレビュー

右側のプレビューパネルでフォーマットされたHTML出力をリアルタイムで確認します。

3

ツールバーを使用

ツールバーボタンをクリックして、太字、見出し、リンク、テーブルなどのMarkdownフォーマットをすばやく挿入します。

4

作業をエクスポート

MarkdownまたはHTMLをクリップボードにコピーするか、.mdまたは.htmlファイルとしてダウンロードします。

よくある質問

MarkdownはJohn Gruberによって2004年に作成された軽量なマークアップ言語です。見出し用の#、太字の**text**、イタリックの*text*といった単純な記号でテキストを書くと、パーサーがそれをHTMLに変換します。GitHubのREADMEやプルリクエストの説明、Wikiページ、ドキュメントサイト(Read the Docs, MkDocs, GitBook)、静的サイト生成器(Jekyll, Hugo, Gatsby)、ノート作成アプリ(Obsidian, Notion, Bear)、開発者プラットフォーム(Dev.to, Hashnode, Mediumの技術投稿)、およびSlackやDiscordなどのメッセージングアプリで標準的に使用されています。

このエディタはCommonMark互換のMarkdownに加え、GitHub Flavored Markdown (GFM) 拡張をサポートしています。見出し(#から######まで)、**太字** / __太字__、*イタリック* / _イタリック_、~~打ち消し線~~、[リンク](url)と![画像](src)、順序なしリスト(- または *)、順序付きリスト(1. 2.)、囲みコードブロック(```language)、インライン `コード`、引用(>)、テーブル(| col | col |)、水平線(---)、およびタスクリスト(- [x] / - [ ])です。フォーマットツールバーを使えば、これらすべての正しい構文をワンクリックで挿入できます。

CommonMarkは、元のMarkdown仕様の曖昧さを解決するための標準化されたMarkdown仕様(commonmark.org)です。GitHub Flavored Markdown (GFM) はCommonMarkを拡張したもので、テーブル、打ち消し線(~~)、タスクリスト(- [x])、自動リンク付きURL(裸のURLがクリック可能になる)、および構文ハイライト付きの囲みコードブロックが含まれます。このエディタは両方をサポートしており、すべてのCommonMark機能とGFM拡張(テーブル、打ち消し線、タスクリスト)の両方が動作します。GitHub用のドキュメントを書く場合、すべての機能セットを利用できます。

Markdownのテーブルは、列を区切るための | (パイプ) とヘッダーの区切り行のための - (ハイフン) を使用します。例:

| Header 1 | Header 2 | Header 3 |
|----------|----------|----------|
| Cell 1 | Cell 2 | Cell 3 |
| Cell 4 | Cell 5 | Cell 6 |

配置:区切り行にコロンを使用します。 |:---| は左寄せ、 |:---:| は中央揃え、 |---:| は右寄せです。ツールバーには開始テーブルのテンプレートが用意されています。パイプを完璧な位置に合わせる必要はありません。パーサーが緩いフォーマットを処理してくれます。

Markdownの画像構文は ![Alt text](image-url) です。ローカルに保存されている画像の場合は、どこか(GitHubリポジトリ、CDN、画像ホスティングサービスなど)にホストし、絶対URLを使用する必要があります。GitHubのREADMEの場合、同じリポジトリ内の画像を相対パスで参照できます: ![Screenshot](./screenshots/demo.png)。メールやオフライン文書の場合、Base64エンコードされた画像を含めることができます: ![Alt](data:image/png;base64,...) — このサイトのBase64ツールを使ってデータURIを生成してください。ツールバーの画像ボタンをクリックすると、プレースホルダー付きのテンプレートが挿入され、値を入力できます。

はい、4つの書き出しオプションがあります。Markdownをコピー(クリップボード)— GitHub、CMS、または他のMarkdownツールに貼り付けるためのもの。HTMLをコピー(クリップボード)— メールエディタやウェブサイトに貼り付ける準備が整ったレンダリング済みのHTMLです。 .mdをダウンロード — Markdownソースをファイルとして保存します。.htmlをダウンロード — レンダリングされたコンテンツを含む単体のHTMLファイルを保存します。HTML書き出しにはプレビューの基本スタイルが含まれており、任意のブラウザで即座に表示可能です。

はい。デスクトップではエディタを横並びの分割表示で使用できますが、タブレットやモバイルではパネルが垂直に積み重なります(上部にエディタ、下部にプレビュー)。ツールバーのボタンはタッチスクリーンで動作します。モバイルで長文を書く場合は、「Editor」モード(テキスト入力のみでプレビューなし)に切り替えて編集スペースを最大化し、その後「Preview」モードに切り替えてレンダリング結果を確認してください。

いいえ。すべてのMarkdownの解析とHTMLレンダリングは、JavaScriptのMarkdownライブラリを使用してお使いのブラウザ内で行われます。あなたのテキストがどこにもアップロードされることはありません。そのため、機密文書や独自のドキュメント、または第三者のサービスに送信したくないコンテンツの草案作成にも安全に使用できます。

Markdownエディタとは?

Markdownで書いているけど太字は**だっけ__だっけ?みんな同じです。このエディタは書きながらリアルタイムでプレビューを表示します。推測不要、ファイルの行き来も不要。

Markdownエディタを使用するメリット

ツールバーが覚えていない構文を処理します - テーブル、コードブロック、画像リンク。.mdや.htmlでエクスポート、単語数や読了時間も確認可能。全てブラウザ内で動作し、どこにも送信されません。

セキュリティとプライバシー

あなたのデータの安全を最優先しています

ローカル処理

すべての処理がブラウザ内で完結します

データ送信なし

データはサーバーに送信されません

保存しません

データは保存も共有もされません

SSL暗号化

安全な通信でご利用いただけます

次のステップ

MoreOnlineToolsでもっと見る