100% プライベート — すべてブラウザ内で処理
マークダウン エディタ — ブラウザで編集とプレビュー
左でMarkdownを書くと、右で整形済み文書が組み上がっていく。本物のマークダウン エディタをブラウザで。ダウンロードもワンクリック、インストールもアカウントも不要です。
MD Viewer チーム
MD Markup Editor
Type on the left, watch the live preview on the right.
Try it now
- Edit this ordered list
- Add a
strikethrough - Press Download .md when done
Everything stays in your browser — nothing is uploaded, ever.
| Shortcut | Result |
|---|---|
**text** | bold |
*text* | italic |
- Open the editor
- Write something great
マークダウン エディタとは2画面の執筆ツールです。片側に生のマークアップ、もう片側にレンダリングされた文書が表示され、入力に合わせて更新されます。上のエディタはまさにそれです。ファイルを開く、ライブプレビュー、コピー、クリア、リセット、.mdの1クリックダウンロードを備えた本格的なマークダウン エディタです。サーバーには何も送られません。表示されているプレビューはすべてキーを打つたびにブラウザ内で計算され、接続が切れてもツールは動き続けます。
ビューアとマークダウン エディタの違いは意図です。ビューアは「このファイルはどう見えるか」に答え、エディタは「変えたらどうなるか」に答えます。このフィードバックループがマークアップを学ぶ最速の道です。表の骨組みを打って現れるのを見る、スペースを1つ消して強調が崩れるのを見る、リストを1段深くネストしてすぐ修正を見る。このマークダウン エディタは動くサンプル文書から始まるため、常に編集すべき実物があります。
このページはサイトの執筆面です。ホームのマークダウンビューアは閲覧に特化し、マークダウン PDF 変換のページはここで書いたものをエクスポートし、11の構文ページは個々の構成要素を特化したプレイグラウンドで教えます。すべてが1つのレンダリングエンジンを共有するため、このマークダウン エディタで正しく見える文書は、サイトの他のどこでも正しく見えます。
マークダウン エディタの使い方
- 1
サンプルか自分のファイルから始める
マークダウン エディタは見出し、リスト、引用、表を含むサンプル文書で起動します。「.mdファイルを開く」で自分の文書を読み込んでください。2MiBまで即時に開き、すべて端末に留まります。
- 2
左で編集、右で読む
ソースペインのすべての変更がプレビューを即座に再レンダリングします。これがマークダウン エディタの中核ループです。マークアップを書き、文書を見て、直して、続ける。
- 3
記憶ではなくツールバーを使う
「Markdownをコピー」はソースをクリップボードに置き、「.mdをダウンロード」は現在のバッファを保存し、「クリア」は新規開始のために空け、「リセット」はサンプルを復元します。すべてワンクリックです。
- 4
ダウンロードして検証
マークダウン エディタからダウンロードしたファイルは、あなたが打ったテキストそのものです。ダウンロードして開き直してもバイト単位で一致します。実務のドキュメント作業に耐える安心です。
マークダウン エディタを使う人が知るべきマークアップ
| マークアップ | レンダリング結果 |
|---|---|
| # タイトル / ## セクション | H1とH2の見出し |
| **太字** / *斜体* | 強調されたテキスト |
| `コード` | 色付き背景のインラインコード |
| > 引用 | 出典と注記のための引用ブロック |
| 1. 1つ / 2. 2つ | 並べ替えても壊れない番号付きリスト |
| - [ ] タスク | GitHubスタイルのチェックボックス |
| | a | b | | ヘッダー行付きの表 |
| --- | 主要セクション間のセマティックブレイク |
なぜシンプルなマークダウン エディタで書くのか
WYSIWYGエディタはマークアップを隠します。それは、プルリクエスト、静的サイトジェネレーター、issueトラッカーなど、テキストしか受け付けない場所に文書が移るまで素晴らしいことです。マークダウン エディタはソースへの流暢さを保ち、ソースこそが永続する成果物です。バージョン管理で綺麗にdiffが出て、コンフリクトせずにマージされ、20年分のプラットフォームでレンダリングされます。ライブプレビューはワープロの視覚的快適さを、テキストを奪うことなく与えてくれます。
2つ目の理由は制御です。リッチテキストエディタが表を壊したら、メニューを探し回ることになります。マークダウン エディタならソースの1文字を直し、結果が自ら修復されるのを見ます。この透明性こそ、エンジニア、テクニカルライター、ドキュメントチームがマークアップを標準にする理由であり、このマークダウン エディタがワープロの模倣ではなく即時レンダリング付きテキストエディタであり続ける理由です。
そして可用性の問題もあります。ブラウザの中のマークダウン エディタは、ブラウザのあるところすべてにあります。職場のマシン、夜のノートPC、同僚のタブレットで同じタブが使え、ライセンスも同期の管理も不要です。
マークダウン エディタの機能
- サイトのビューアやPDFと同じレンダリングのライブ2画面プレビュー
- 2MiBまでのローカル.mdファイルを開ける
- Markdownコピー、.mdダウンロード、クリア、リセットがすべてワンクリック
- CommonMarkに加えGFMの表、タスクリスト、取り消し線、コードフェンス
- 永続化なし：ページを再読み込みするとマークダウン エディタは綺麗に起動。私的なメモに最適
- 読み込み後はオフラインで動作。レンダリングはローカルJavaScriptで、サーバー往復なし
下書きは決してアップロードされない
マークダウン エディタはテキストをページのメモリにだけ置きます。サーバーなし、localStorageなし、アナリティクスの付帯なし。タブを閉じれば消えます。残したい場合は先に.mdをダウンロードしてください。
よくある質問
出典と仕様引用
“Markdown is intended to be as easy-to-read and easy-to-write as is feasible.”
“CommonMark defines a rational, unambiguous syntax for Markdown.”