無料オンラインMarkdownエディター - ライブプレビュー付き
Markdown に関するすべてのワンストップリファレンス。標準的な GFM 書式設定から、Mermaid ダイアグラムや LaTeX 数式などの高度な機能まで、構造化されたリッチなコンテンツを作成するために必要なものがすべて揃っています。
エディターでできること
単なるテキストボックスではなく、即時レンダリングと豊富な構文サポートを備えた本格的な Markdown ワークスペースです。
リアルタイムのライブプレビュー
キー入力ごとに即座にレンダリングされます。表示されているドキュメントがそのままエクスポートされます — コンパイル手順も、予期せぬ結果もありません。
GFM・数式・図表
太字や見出しだけでなく、GFM のテーブルやタスクリスト、KaTeX でレンダリングされる LaTeX 数式、Mermaid のフローチャートやチャートにも対応しています。
組み込みの構文サンプル
表や脚注の書き方がわからない場合は、下の任意のサンプルを開くと Markdown のソースとレンダリング結果を並べて確認でき、必要な部分をコピーできます。
Markdown エディターの使い方
書く、プレビュー、エクスポート — 3 ステップ、設定不要。
Markdown を入力または貼り付け
エディターに直接入力するか、既存の .md ファイルを貼り付けます。標準構文、GFM、LaTeX 数式、Mermaid コードブロックがすべて認識されます。
ライブプレビューを確認
入力に合わせて整形結果がテキストの横に表示されるため、余白・見出し・表の問題をその場で確認できます。
ドキュメントをエクスポート
完成したドキュメントをワンクリックで Word、PDF、HTML に出力します。書式、表、図はそのまま引き継がれます。
1タイポグラフィ、書式設定、テキストスタイル
基本的な書式設定をマスターしましょう：太字、斜体、取り消し線、見出しレベル（H1-H6）。強調と明確さのためにテキストをスタイル設定する方法を学びます。
2リスト：順序付き、順序なし、タスクリスト
箇条書き、番号付きリスト、ネストされた項目を使用して、整理されたコンテンツを作成します。インタラクティブな GFM タスクリストで進捗状況を追跡します。
3ハイパーリンク、画像、メディア
画像を埋め込み、テキストにハイパーリンクを追加し、Base64 エンコードされた画像を使用します。標準的なリンク構文と画像の挿入について学びます。
4引用ブロックと GitHub アラート
引用ブロックと GitHub スタイルのアラート（メモ、ヒント、重要、警告、注意）を使用して、重要な情報を強調表示します。
5コードブロックとシンタックスハイライト
さまざまなプログラミング言語（Python、JS など）のシンタックスハイライト付きコードスニペットを表示し、変数のインラインコードを使用します。
6表、配置、絵文字
GFM テーブルでデータを整理し、セルの配置を制御し、楽しい絵文字を挿入してドキュメントを強化します。
7脚注と参照
必要な参照を提供しながらコンテンツをクリーンに保つために、学術的なスタイルの引用と脚注を追加します。
8HTML 要素（折りたたみ可能な詳細）
'<details>' や '<summary>' などの生の HTML タグを使用して、FAQ や追加コンテンツ用のインタラクティブな折りたたみ可能なセクションを作成します。
9LaTeX 数学と数式
LaTeX 構文の数式ブロック（KaTeX）を使用して、複雑な数式をレンダリングします。科学的および学術的な執筆に最適です。
10Mermaid ダイアグラムとチャート
フローとデータを視覚化します。Mermaid.js を使用して、Markdown で直接フローチャート、シーケンス図、円グラフなどを作成します。
Markdown エディター — よくある質問
Markdown 構文とエディターの使い方に関するよくある質問。