無料Webツール

Markdownの表示結果をプレビュー

Markdownを入力し、HTMLとしての見え方を確認します。

Markdownを入力

🔒 画像やテキストはこのブラウザ内で処理され、サーバーへ送信されません。

使い方と確認ポイント

Markdownを書いて、その場で見出し・太字・リスト・リンク・コードなどの見え方を確認します。記事下書きやREADMEの簡易チェック向けで、GitHub Flavored Markdown全体を再現するものではありません。

  1. Markdownを入力するか「サンプルを入力」を押します。
  2. 「プレビュー」で表示を確認します。
  3. 見え方が違えば入力へ戻ってMarkdownを修正します。
主な対応
見出し / 太字 / 斜体 / 箇条書き / 引用 / インラインコード / コードブロック / http(s)リンク
コードブロック
フェンスで囲んだコードを表示
HTML
生HTMLは実行せず文字として扱う
非対応例
表・タスクリストなどの拡張記法

見出し・リスト・リンクをまとめて確認する

# 見出し、- 項目、[OpenAI](https://openai.com) のような基本記法を入力すると、すぐ下のプレビューで見た目を確認できます。

Markdownの仕様はサービスごとに差があります。このページは基本記法の簡易プレビューなので、GitHub・note・CMSなど実際の投稿先で使う場合は、最後にそのサービス上でも確認してください。

基本Markdownの下書き確認に向く

H1〜H6見出し、太字、斜体、箇条書き、引用、インラインコード、コードブロック、http/httpsリンクなど、よく使う記法を一画面で確認できます。

表やタスクリストは同じように出ない

GitHubなどで使える拡張Markdownのすべてには対応していません。表、チェックボックス付きタスクなどは投稿先での最終確認が必要です。

生HTMLはそのまま部品として実行しない

Markdown中へHTMLタグを書いても、HTMLコンポーネントとして動かすためのプレビューではありません。コード例として見せたいときには安全な挙動ですが、HTML混在Markdownの再現用途には向きません。

コードブロックは見た目確認用

フェンスで囲った内容はコードとして表示できますが、言語ごとのシンタックスハイライトをするエディタではありません。

リンクはhttp/httpsの通常URL向け

Markdownリンクのうち、http:// または https:// で始まるURLをクリックできる形にします。相対リンクなど投稿先固有のリンク解釈は再現しません。

関連リファレンス: HTTPステータス · MIMEタイプ · 正規表現早見表