Markdownエディター
ライブプレビュー付きMarkdownエディター。GFM対応。
Hello, Markdown!
Write on the left, see the preview on the right.
Features
- Bold, italic,
strikethrough inline codeand code blocks- Links and images
- Tables, blockquotes, and more
Code Block
function greet(name) {
return `Hello, ${name}!`;
}
Table
| Name | Role | Status |
|---|---|---|
| Alice | Dev | ✅ Active |
| Bob | Design | ✅ Active |
"The best tool is the one you actually use."
82 words · 500 characters · 25 lines
なぜ Markdown を使うのか?
Markdown クイックリファレンス
Markdown が使われる場所
Markdown はデベロッパードキュメントのユニバーサルフォーマットです。GitHub README、Notion ページ、Obsidian ノート、dev.to 記事、そして無数の静的サイトジェネレーターすべてが Markdown をレンダリングします。習得に数分かかるだけで、リッチテキストエディターとの格闘に費やす何時間もの時間を節約できます。
GitHub と GitLab(README・issue・PR)、Confluence、Notion、Jira、Stack Overflow、Reddit、Discord、Obsidian、Bear、Typora、Jekyll、Hugo、Gatsby、Next.js MDX、そして事実上すべてのドキュメントプラットフォーム。Markdown ファイルの拡張子は .md です。
オープンソースプロジェクトの README を作成する開発者は、GitHub にコミットする前にライブプレビューでテーブルのフォーマット・コードブロックの構文ハイライト・見出し階層を確認します。静的サイトジェネレーター(Hugo・Jekyll・Docusaurus)向けにドキュメントを書くテクニカルライターは、サイトビルドにプッシュする前に GFM テーブルのレンダリングを確認します。dev.to・Hashnode・Medium(Markdown を受け入れる)向けのブロガーは、コールアウトブロックやコードフェンスを含む投稿構造をプレビューします。Obsidian や Notion で Markdown ノートを取る学生は、アプリを開かずに下書きとプレビューを行います。
GFM テーブルは最もよく使われながら最も扱いにくい Markdown 機能の一つです。列の配置はセパレーター行で制御します::--- で左揃え、:---: で中央揃え、---: で右揃え。ソースでは列が視覚的に揃っている必要はありません——パイプ文字の間隔が不均等でも有効です。列数が多いテーブルでは、このエディターのプレビューペインで列数の不一致によるテーブルレイアウトの崩れがすぐにわかります。ヒント:テーブルセル内のパイプ文字は \| としてエスケープしなければなりません——エスケープされていないパイプは列区切りとして解釈されテーブル構造が壊れます。
Markdown はコンテンツを Git でバージョン管理する場合、ツール間の移植性が重要な場合(同じ .md ファイルが VS Code・Obsidian・Typora・GitHub で一貫してレンダリングされる)、フォーマットの決断よりも構造に集中したい場合に優れています。リッチテキストエディター(Google Docs・Word・Notion のネイティブエディター)は、構文に慣れていない非技術系チームメンバーとコラボレーションする場合、変更追跡とコメントが必要な場合、または細かいタイポグラフィ制御(カスタムフォント・精密なスペーシング)が必要な場合に優れています。技術ドキュメントとデベロッパーツールには、Markdown がデフォルトである理由があります——生のまま読んでも読みやすいのです。
- # 見出し1、## 見出し2、### 見出し3
- **太字**、*斜体*、~~取り消し線~~
- - 箇条書きリスト、1. 番号付きリスト
- [リンクテキスト](https://url.com)
- 
- `インラインコード`、```コードブロック```
- > 引用
- --- で水平線
よくある質問
- What is Markdown?
- Markdown is a lightweight markup language created by John Gruber in 2004. It lets you write formatted text using plain text syntax — for example, **bold**, # headings, and - lists. It's widely used in README files, documentation, blogs, and note-taking apps.
- What is GFM (GitHub Flavored Markdown)?
- GFM is a superset of standard Markdown created by GitHub. It adds tables, strikethrough (~~text~~), task lists (- [ ]), fenced code blocks with syntax hints, and auto-linking of URLs. This editor supports GFM.
- How do I create a table in Markdown?
- Use pipe characters and hyphens: | Header 1 | Header 2 | on the first row, | --- | --- | on the second (separator), then | Cell 1 | Cell 2 | for each data row.
- Does this editor save my content?
- No — content is stored in memory only and will be lost on page refresh. For persistent editing, copy your Markdown using the Copy MD button and paste it into a file or note-taking app.
- How do I add code blocks?
- Wrap code in triple backticks: ```javascript on the opening line and ``` on the closing line. For inline code, use single backticks: `code here`. The language hint after the opening backticks enables syntax highlighting in some renderers.
関連ツール
- ワードカウンター
単語、文字、文、段落、読了時間を瞬時にカウント。
- Character Counter
Count characters for Twitter, Instagram, LinkedIn, and other platform limits.
- Reading Time Calculator
Calculate reading time and speaking time for any text.
- Word Frequency Counter
Analyse word frequency with ranked table and stop-word filter.
- Readability Checker
Check text readability with Flesch Reading Ease and other scores.