Markdownプレビュー
無料オンラインMarkdownエディタ
左側にMarkdownを入力すると、右側にリアルタイムでHTMLプレビューが表示されます。
関連記事
Markdown記法まとめ
基本から応用まで使い方一覧
他のツール
Markdownとは?
Markdown(マークダウン)は、2004年にJohn Gruberによって考案された軽量マークアップ言語です。テキストに「#」「**」「-」などの簡単な記号を付けることで、見出し・太字・リスト・リンクなどの書式を表現できます。HTMLと比べて記述が圧倒的にシンプルで、プレーンテキストのまま読みやすいという特徴があります。GitHub、Qiita、Zenn、Notion、Slackなど多くのプラットフォームで採用されており、エンジニアだけでなくライターやブロガーにも広く利用されています。READMEファイルやドキュメント、ブログ記事、技術メモなど、あらゆるテキストコンテンツの作成に適した記法です。本ツールでは入力したMarkdownをリアルタイムでHTMLに変換し、プレビュー表示します。
Markdownプレビューツールの使い方
以下の簡単なステップで、Markdownのプレビューを確認できます。
- 左側のエディタにMarkdownを入力 — テキストエリアにMarkdown記法で文章を入力します。既存のMarkdownテキストを貼り付けることも可能です。
- リアルタイムでプレビュー確認 — 入力と同時に右側のプレビューエリアにHTMLレンダリング結果が表示されます。文字を入力するたびに即座に反映されます。
- 記法を試してみる — 「# 見出し」「**太字**」「- リスト」「```コードブロック```」など、さまざまな記法を試して表示結果を確認できます。
- 内容を確認・調整 — プレビューを見ながら記法の誤りやレイアウトの崩れをチェックし、リアルタイムで修正します。
活用シーン・ユースケース
- GitHub READMEの下書き — リポジトリのREADME.mdを作成・編集する際に、プレビューを確認しながら記述できます。
- ブログ記事の執筆 — Markdownに対応したブログプラットフォーム(Qiita、Zenn、はてなブログなど)への投稿前に、表示を確認できます。
- 技術ドキュメントの作成 — APIドキュメントや設計書をMarkdownで書く際の、リアルタイムプレビューとして活用できます。
- Markdown記法の学習 — Markdown初心者が記法を覚える際、入力結果をその場で確認しながら学習できます。
- メモ・議事録の整形確認 — Markdownで書いた会議メモや議事録のレイアウトを、共有前に確認できます。
- プレゼン資料の下書き — Marpなど、Markdownベースのスライドツールで使う原稿の下書きや構成チェックに利用できます。
Markdown記法チートシート
Markdownで使える主要な記法の一覧です。このプレビューツールで実際に試しながら覚えましょう。
| 要素 | Markdown記法 | 表示結果 |
|---|---|---|
| 見出し1 | # 見出し |
最大サイズの見出し |
| 見出し2 | ## 見出し |
2番目のサイズの見出し |
| 見出し3 | ### 見出し |
3番目のサイズの見出し |
| 太字 | **太字テキスト** |
太字テキスト |
| 斜体 | *斜体テキスト* |
斜体テキスト |
| 太字+斜体 | ***太字斜体*** |
太字斜体 |
| 取り消し線 | ~~取り消し~~ |
|
| 箇条書きリスト | - 項目1 |
・項目1 |
| 番号付きリスト | 1. 項目1 |
1. 項目1 |
| リンク | [テキスト](URL) |
クリック可能なリンク |
| 画像 |  |
画像の埋め込み表示 |
| インラインコード | `code` |
code |
| コードブロック | ```言語名 |
シンタックスハイライト付きコード |
| 引用 | > 引用テキスト |
インデントされた引用表示 |
| 水平線 | --- |
セクション区切り線 |
| テーブル | | 列1 | 列2 | |
表形式のデータ表示 |
| チェックボックス | - [x] 完了項目 |
タスクリスト表示 |
よくある質問
Markdownとは何ですか?
Markdownは、テキストに簡単な記号を付けることで見出しやリスト、太字などの書式を表現できる軽量マークアップ言語です。HTMLより簡潔に記述でき、GitHubやQiitaなどで広く使われています。特別なソフトウェアは不要で、テキストエディタがあれば誰でも書き始められます。
どのMarkdown記法に対応していますか?
見出し(h1〜h3)、太字、斜体、箇条書きリスト、コードブロック、インラインコード、リンク、画像、引用(blockquote)、水平線に対応しています。
入力したテキストは保存されますか?
いいえ、すべてお使いのブラウザ内で処理されます。入力したテキストがサーバーに送信されることはなく、プライバシーが保護されています。ページをリロードするとテキストはリセットされます。
テーブル(表)の記法には対応していますか?
現在のバージョンでは基本的なMarkdown記法に対応しています。テーブル記法(パイプ区切りの表)は今後のアップデートで対応予定です。
スマートフォンでも使えますか?
はい、レスポンシブデザインに対応しています。スマートフォンやタブレットでは、入力欄とプレビューが縦に並んで表示されるため、画面サイズを問わず快適にご利用いただけます。
GFM(GitHub Flavored Markdown)に対応していますか?
本ツールは標準的なMarkdown記法に対応しています。GFM固有の機能(タスクリスト、テーブル、取り消し線など)は一部未対応ですが、一般的な用途では十分にご活用いただけます。