最終更新日: 2026-08-18
Markdown Editorは、インストールも会員登録も不要で、ブラウザを開いたその場でMarkdown文書を書き始められる軽量エディタです。左側に書くと右側にリアルタイムでプレビューが表示され、GitHub・note・Zenn・Qiitaのどこに投稿する予定かに合わせて見た目を確認しながら書き進められます。
画面は左が編集エリア、右がプレビューの2ペイン構成です。編集エリアに入力すると、プレビュー側にその場で結果が反映されます。文書は特に何もしなくてもブラウザ内に自動で下書き保存されるため、保存を忘れてタブを閉じてしまっても、次回開いたときに続きから再開できます。
編集エリアの上にある「補完リボン」から、よく使う記法をワンクリックで挿入できます。
| --- | --- | の行)だけを挿入します。列数を空欄のまま挿入すると、挿入位置の近くにある表を自動的に探して列数を合わせます(近くに表が見つからない場合は1列になります)。既存の表に罫線を継ぎ足したいときに、列数を数え直さずに済みます。画面右上のプルダウンから、プレビューの見た目を「GitHub風」「note風」「Zenn風」「Qiita風」の4種類に切り替えられます。切り替えても書いたMarkdownの記法そのものが変わることはありません。見た目(スタイル)だけが切り替わるため、実際にそのサービスへ投稿する前に、どう表示されるかを確認する用途に使えます。各サービスの記法の違いについては対応サービス一覧で詳しく説明しています。
特にnote風テーマでは、note.com自体が表やタスクリストに対応していない・数式の記法が独自であるといった実際の制約をそのまま再現しています。そのため、note風テーマに切り替えると表が意図通りに表示されない場合がありますが、これは不具合ではなく「実際にnoteへ貼り付けたときの見え方」を先取りして確認できているということです。数式についてはnote風テーマの時だけ補完リボンに「本文の数式を変換」ボタンが表示され、押すと文書内の数式をnote.com形式へ自動で書き換えられます。
選んでいるプレビューテーマで実際には反映されない記法(例: note風テーマでの表)を書くと、編集エリア側にスペルチェックのような赤い波線が表示されます。投稿してから「表示が崩れた」と気づくことを防げます。
$...$ や $$...$$ で数式(KaTeX)を、` ```mermaid ` で始まるコードブロックでフローチャートなどの図表(Mermaid)を書けます。どちらも実際に文書内で使われたときだけ読み込まれる仕組みのため、使わない場合は初期表示の速度に影響しません。
「保存」ボタンを押すと、対応ブラウザではローカルのファイルへ直接上書き保存できます(File System Access API)。対応していないブラウザでは、代わりにファイルとしてダウンロードされます。「開く」ボタンからは、お使いのデバイス上のMarkdownファイルを読み込めます。いずれの操作も文書がサーバーへ送信されることはありません(詳しくはプライバシーポリシー)。
画面右上の「ライト/ダーク」ボタンで、OS側の設定とは独立してプレビューの配色を切り替えられます。GitHub・note・Zenn・Qiitaいずれのテーマもダーク表示に対応しています。