📝
Markdownエディタ
左に書いて右でプレビュー。GitHub対応MDをリアルタイム確認・コピー・ダウンロード。
284 文字
Markdownエディタへようこそ 👋
特徴
- リアルタイムプレビュー
- GitHub Flavored Markdown対応
- ブラウザ完結（保存不要）
コード例
const greeting = "Hello, World!";
console.log(greeting);
テーブル
| 項目 | 内容 | |------|------| | 文字数 | リアルタイム計測 | | 対応形式 | GFM |
💡 左のエリアを編集すると右側にプレビューが表示されます。
✅ すべてブラウザ内で動作します。テキストはサーバーに送信されません。
Markdownエディタの使い方
左ペインにMarkdownを書くと、右ペインにリアルタイムでプレビューが表示されます。 GitHub Flavored Markdown（GFM）に対応しているので、テーブル・チェックボックス・シンタックスハイライトもそのまま確認できます。
よく使うMarkdown記法チートシート
| 書き方 | 表示 |
|---|---|
| # 見出し1 / ## 見出し2 | 大・中見出し |
| **太字** / *斜体* | 太字 / 斜体 |
| - リスト / 1. 番号付き | 箇条書き |
| `コード` / ```ブロック``` | インライン / コードブロック |
| [テキスト](URL) | リンク |
|  | 画像挿入 |
| | A | B | / |---|---| | テーブル |
| - [ ] タスク / - [x] 完了 | チェックボックス |
| --- | 水平線 |
| > 引用文 | ブロック引用 |
Markdownが使えるサービス・場面
- GitHub / GitLab：README・Issue・Pull Requestの説明文で標準使用
- Notion：基本記法は対応。ドキュメント管理に最適
- Qiita / Zenn：技術記事の執筆。コードブロックにシンタックスハイライト
- はてなブログ：Markdownモードに切り替えると使用可能
- Slack / Discord：一部記法（**太字**、`コード`など）に対応
- VSCode：プレビュー機能内蔵。ドキュメント管理にも活用
GitHub READMEをきれいに書くコツ
- 冒頭にプロジェクト概要を1〜2行で書く（検索でもヒットしやすい）
- バッジ（shields.io）でビルド状態・ライセンスを視覚化
- インストール手順はコードブロックに言語指定（```bash、```npm）
- スクリーンショット・デモGIFを入れると格段に伝わりやすくなる
- テーブルでオプション一覧・APIリファレンスを整理する
広告