即時リアルタイムプレビュー
入力に合わせてプレビューが更新され、エディターと一緒にスクロールします。編集中の箇所をいつでも確認できます。
無料・オープンソース · MIT ライセンス
Markdown を書いて、
Markdown を書いて、
すぐに確認。
リアルタイムプレビュー、タブ、数式、図、ワンクリックのエクスポートを備えた軽快な Markdown エディター。ブラウザーでそのまま動作し、オンラインで使うことも、自分のサイトにすぐ設置することもできます。
Markdown Previewこんにちは、Markdown 👋
左側に入力すると、右側のプレビューがすぐに更新されます。
- スクロール同期付きのリアルタイムプレビュー
- 表、タスクリスト、アラート
シンタックスハイライト付きのコード
ヒント
テキストを選択して、ツールバーの B または I を押してみましょう。
これはエディターの実際に動くミニ版です。クリックして入力したり、タブや表示を切り替えたり、ツールバーのボタンを押してみてください。
- GitHub-Flavored Markdown
- KaTeX による数式
- Mermaid 図
- シンタックスハイライト
- HTML・PDF エクスポート
- モバイル対応
機能
Markdown を書くのに必要なものはすべて。余計なものはなし
左にすっきりしたエディター、右に GitHub スタイルのプレビュー。その間に、本当に使うツールだけ。
ドキュメントごとにタブ
複数のファイルを同時に開けます。タブごとに元に戻す履歴を保持し、開いている .md ファイル間のリンクでタブが切り替わります。
何でもドラッグ＆ドロップ
複数のファイル、フォルダーごと、あるいは画像付きのドキュメントをドロップ。相対パスもそのまま機能します。
使いやすいエディター
基本のツールはいつでも見える場所に。脚注、アラート、数式、ダイアグラム、目次などの高度な機能は、上級者向けの別の行に折りたたまれています。
数式と図
KaTeX で LaTeX の数式を書き、Mermaid でフローチャート、シーケンス図、ガントチャートを描けます。
HTML・PDF・.md で出力
単体で動作する HTML ファイル、印刷ダイアログからの PDF、きれいな Markdown ソース。どれもワンクリックです。
ライト・ダーク・モバイル
昼も夜も、大きなモニターでもスマートフォンでも快適。選んだ設定は記憶されます。
15 の表示言語
English、Deutsch、Español、Français、日本語、简体中文 など。ブラウザーの言語から自動選択され、設定で切り替えられます。
ファイルはあなたのもの
すべてブラウザー内で完結。アカウントもアップロードもアクセス解析もなし。純粋なエディターです。
プレーンテキストの先へ
ちょっとしたメモから技術文書まで
例を選ぶと、Markdown ソースとプレビューの表示を確認できます。
Markdown
二次方程式の解の公式： $ax^2 + bx + c = 0$:
$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$プレビュー
二次方程式の解の公式： :
LaTeX 記法を KaTeX で表示。数式を含むドキュメントのときだけ読み込まれます。
Markdown
```mermaid
flowchart LR
A[書く] --> B[プレビュー]
B --> C{完成？}
C -- はい --> D[出力]
C -- いいえ --> A
```プレビュー
フローチャート、シーケンス図、ガントチャート、状態遷移図などを Mermaid で描画。
Markdown
```js
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}
```プレビュー
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}人気の 35 以上の言語に対応したシンタックスハイライト。ライト・ダーク両テーマで。
Markdown
> [!NOTE] > 役に立つ情報。 > [!TIP] > 便利なショートカット。 > [!WARNING] > 先に進む前に読んでください。
プレビュー
注記
役に立つ情報。
ヒント
便利なショートカット。
警告
先に進む前に読んでください。
GitHub スタイルのアラート：NOTE、TIP、IMPORTANT、WARNING、CAUTION。
Markdown
| 機能 | 状態 | |:--------|:------:| | プレビュー | ✅ | | エクスポート | ✅ | - [x] 下書きを書く - [ ] 公開する
プレビュー
| 機能 | 状態 |
|---|---|
| プレビュー | ✅ |
| エクスポート | ✅ |
- 下書きを書く
- 公開する
GitHub-Flavored Markdown の配置指定付きの表とタスクリスト。
Markdown
Markdown は 2004 年に誕生しました。[^1] [^1]: John Gruber が Aaron Swartz とともに作成。
プレビュー
Markdown は 2004 年に誕生しました。1
- John Gruber が Aaron Swartz とともに作成。
脚注、ハイライト、下付き・上付き文字、絵文字ショートコード、フロントマターにも対応しています。
実際の画面
どんな画面にもなじむ
デスクトップではタブ付きの分割表示、スマートフォンでは片手で使えるコンパクトなレイアウト。ライトもダークもお好みで。
デスクトップ：タブ、書式ツールバー、同期する分割表示。
スマートフォン：ワンタップで表示を切り替え。
シンプルな設計
ファイルがあなたのパソコンから出ることはありません
処理を行うサーバーは存在しません。エディターは静的ファイルの集まりで、開く・表示する・エクスポートするといったすべての処理がブラウザーのタブ内で行われます。
- アカウント不要。ページを開いてすぐに書き始められます。
- アップロードなし。ドロップしたファイルはローカルで読み込まれます。
- 追跡なし。アクセス解析も Cookie も広告もありません。
- 読み込むものはあなたが決める。外部の画像やリンクは、許可するまで無効のままです。
あなたの .md ファイルディスク、フォルダー、クリップボードから
ブラウザー内で表示Markdown、数式、図をあなたのデバイス上で
好きな場所に保存.md、HTML、PDF をそのままパソコンへ
FAQ
よくある質問
Markdown Preview Editor は無料ですか？
はい。MIT ライセンスの無料・オープンソースソフトウェアです。有料プランも広告も登録もありません。オンライン版を使うことも、自分でホストすることもできます。
何かインストールする必要はありますか？
いいえ。最新のブラウザーであれば動作します。オンライン版を開いてすぐに入力を始められます。自分専用のコピーが欲しい場合は、ビルド済みサイトのアーカイブをダウンロードして任意の Web ホスティングにアップロードするだけ。データベースやサーバーサイドのコードは不要です。
ドキュメントはどこかにアップロードされますか？
いいえ。ファイルはブラウザー内で開かれ、表示されます。ドキュメントはあなたのデバイスにとどまり、設定で「このブラウザーにドキュメントを記憶」をオンにしない限り、開いているタブの中にだけ保持されます。
どの Markdown 記法に対応していますか？
GitHub-Flavored Markdown（表、タスクリスト、取り消し線、自動リンク、脚注、アラート）に対応しています。さらに、シンタックスハイライト、KaTeX による数式、Mermaid 図、絵文字ショートコード、ハイライト、下付き・上付き文字、フロントマターも使えます。
PDF や HTML にエクスポートできますか？
はい。スタイルとローカル画像を埋め込んだ単体で動作する HTML ファイルとしてエクスポートしたり、ブラウザーから印刷または PDF として保存したり、Markdown ソースを .md ファイルとして保存したりできます。
スマートフォンやタブレットでも使えますか？
はい。レイアウトは小さな画面に合わせて変わります。エディター・分割・プレビューをワンタップで切り替えられ、書式ツールバーは必要なときだけ開けます。
ブログから
Markdown をもっと上手に書くためのガイド
そのままコピーして使える実践ガイド。基本から数式、図、セルフホストまで。
ガイド
Markdown チートシート：GitHub-Flavored Markdown の書き方と記法一覧
Markdown の書き方をまとめたチートシート。見出し、リスト、リンク、画像、コード、表、タスクリスト、アラート、脚注まで、GitHub-Flavored Markdown の記法をコピーして使える例つきで解説します。
ハウツーファイルをアップロードせずに Markdown をオンラインでプレビューする方法
Markdown をオンラインでリアルタイムプレビューするいちばん簡単な方法を解説。左右に並べて確認できるプレビューアーの選び方と、パソコンのファイルやフォルダーをそのまま開く方法を紹介します。
チュートリアルMarkdown で数式を書く方法（LaTeX と KaTeX）
Markdown でインライン数式とディスプレイ数式を LaTeX 記法で書く方法を解説。分数、平方根、総和、行列、揃えた数式、よくある落とし穴まで、GitHub や KaTeX で表示できる例つきで紹介します。
チュートリアルMarkdown で Mermaid 図を描く：フローチャート、シーケンス図など
Mermaid を使えば、フローチャート、シーケンス図、ガントチャート、状態遷移図、円グラフを Markdown の中に直接描けます。コピーして使えるサンプルと、読みやすい図にするコツを紹介します。
ハウツーMarkdown を HTML・PDF に変換する方法：かんたんな 4 つのやり方
Markdown を HTML や PDF に変換する実用的な 4 つの方法を紹介。ブラウザーからのワンクリック出力から Pandoc、VS Code まで。改ページ、ダークモード、画像を扱うコツも解説します。
セルフホストMarkdown エディターをセルフホストする方法：レンタルサーバー、Docker、nginx
リアルタイムプレビュー付きの Markdown エディターを数分で自分のサーバーに設置。レンタルサーバー（cPanel）、Docker、nginx、Caddy での手順をステップごとに解説します。データベースもバックエンドも不要です。
気に入ったらスターを。
Markdown Preview Editor は空き時間に開発され、無料で公開されています。GitHub でのスターは、ほかの人がこのツールを見つける助けになり、開発を続ける励みにもなります。