Markdown プレビュー

見出し

太字や イタリック、インラインコード、~~打ち消し線~~ が使えます。

function hello(name: string): string {
  return `Hello, ${name}!`;
}
console.log(hello("World"));

引用文はこのように表示されます。
複数行も対応しています。

列 1	列 2	列 3
データ 1	データ 2	データ 3
データ 4	データ 5	データ 6

以上です。

Markdown について

Markdown は John Gruber が考案した軽量マークアップ言語です。プレーンテキストで書いた文書を HTML に変換でき、GitHub・Qiita・Zenn・Notion など多くのサービスで採用されています。

主な記法

# 見出し1 / ## 見出し2 / ### 見出し3

**太字** / *イタリック* / ~~打ち消し~~

`インラインコード` / ```コードブロック```

- リスト / 1. 番号付きリスト

[リンクテキスト](URL) / ![代替テキスト](画像URL)

> 引用 / --- 水平線

| 列1 | 列2 | テーブル

GFM（GitHub Flavored Markdown）

GitHub が拡張した仕様で、テーブル・取り消し線・タスクリスト（- [ ] / - [x]）・フェンスコードブロックなどが追加されています。このツールは GFM に対応しています。

Markdownを確認する手順

STEP 1READMEや記事のMarkdownを入力します。

STEP 2見出し、表、リスト、コードなどの表示をプレビューで確認します。

STEP 3崩れた記法をソース側で直し、掲載先へコピーします。

GitHub向けREADMEの表やタスクリスト、ブログ原稿の見出し構造を公開前に確認できます。分割表示なら、ソースの編集位置とレンダリング結果を並べて追いやすくなります。

Markdownの仕様や許可されるHTMLは掲載サービスごとに異なります。このプレビューで表示されても公開先で同じになるとは限らないため、最終確認は実際のサービスで行ってください。信頼できないHTMLの貼り付けにも注意が必要です。

処理はこのブラウザ内で完結し、入力したテキストやファイルは変換・解析のために外部サーバーへ送信されません。共有端末を使う場合は、作業後に入力欄とクリップボードの内容も消去してください。