Markdownプレビューツール
Markdownをリアルタイムでプレビュー。GFM(テーブル・タスクリスト)対応。
🔒 入力データはサーバーに送信されません。
Markdown
プレビュー
Markdown記法チートシート
| 記法 | Markdown | 結果 |
|---|---|---|
| 見出し | # H1 / ## H2 / ### H3 | 見出し1〜6 |
| 太字 | **太字** | 太字 |
| 斜体 | *斜体* | 斜体 |
| リンク | [テキスト](URL) | テキスト |
| リスト | - 項目1 - 項目2 | • 項目1 • 項目2 |
| コード | `code` | code |
| 引用 | > 引用テキスト | 引用テキスト |
| 打ち消し線 | ~~打ち消し~~ | |
| タスクリスト | - [x] 完了 - [ ] 未完了 | ☑ 完了 ☐ 未完了 |
GitHubのREADMEを書いていて「この書き方で合っているかな」とプレビューしたくなったことはありませんか。VSCodeを開くほどではないけど、ブラウザでサクッと確認したい──そんな時に使えるのが本ツールです。GFM(GitHub Flavored Markdown)に対応しており、テーブルやタスクリストもGitHubと同じように表示されます。
このツールでできること
- リアルタイムプレビュー ── 左側に入力すると右側に即座にプレビュー表示
- GFM対応 ── テーブル、タスクリスト、打ち消し線、コードブロック(言語指定)に対応
- HTMLコピー ── レンダリング済みHTMLをワンクリックでコピー。ブログやCMSに貼り付け可能
- チートシート ── よく使うMarkdown記法の一覧表付き
- サンプルテキスト ── 「サンプル」ボタンで機能デモを表示
活用例・使い方Tips
GitHub README作成
GitHub上でREADMEを編集する前に、本ツールで見た目を確認。テーブルのカラム幅やコードブロックの表示を事前にチェックできます。
ブログ記事の下書き
Markdownで下書きしてHTMLをコピーすれば、WordPressやNote等のCMSに直接貼り付けられます。
よくある間違い・注意点
- テーブルのパイプ記号:|の前後にスペースを入れないとレンダリングが崩れることがあります
- コードブロック内の特殊文字:```の中ではHTMLタグもそのまま表示されます
- 改行:Markdownでは1回の改行は無視されます。段落を分けるには空行を1行入れてください
最終更新日:
よくある質問
GFM(GitHub Flavored Markdown)に対応していますか?
はい。標準Markdownに加えて、テーブル、打ち消し線(~~text~~)、タスクリスト(- [x])、コードブロックの言語指定に対応しています。GitHubのREADME.mdと同じ表示結果が確認できます。
HTMLをコピーできますか?
はい。「HTMLをコピー」ボタンでレンダリング済みのHTMLソースをクリップボードにコピーできます。ブログやCMSに貼り付ける際に便利です。
数式(LaTeX)に対応していますか?
現時点ではLaTeX数式のレンダリングには対応していません。数式を含むMarkdownはVSCodeやTyporaなどの専用エディタをご利用ください。
画像は表示できますか?
はい。形式の画像リンクは通常通り表示されます。ただしローカルファイルパスの画像は表示できません(URLで公開されている画像のみ対応)。
入力したデータはサーバーに送信されますか?
いいえ。すべての変換はブラウザ上で完結しています。入力したMarkdownがサーバーに送信されることはありません。
関連する計算ツール
ご注意
本ツールの変換結果は参考値です。実際の表示はプラットフォーム(GitHub, Qiita等)ごとに異なる場合があります。 計算は暮らし・変換の情報に基づいています。