Markdown

プレビュー

Markdown構文ガイド

見出し

# H1

H1

## H2

H2

### H3

H3

強調

**太字** または __太字__

Bold

*斜体* または _斜体_

Italic

~~取り消し線~~

Strike

**_太字斜体_**

Both

リスト

- 順序なしリスト
  • Item
1. 順序付きリスト
  1. Item

リンク

[リンクテキスト](URL)
<https://auto.link>

画像

![代替テキスト](画像URL)
![alt](URL "title")

コード

`インラインコード`

code

```lang ... ```

引用

> 引用

Quote

>> ネスト引用

Nested

水平線

---
***
___

エスケープ

\* 特殊文字エスケープ

*text*

\# \[ \]

GitHub Flavored Markdown (GFM)

テーブル

| ヘッダー1 | ヘッダー2 |
|---|---|
| セル1 | セル2 |

タスクリスト

- [x] 完了した項目
  • Done
- [ ] 未完了の項目
  • Todo

自動リンク

https://example.com
user@email.com

ヒント

リアルタイムプレビュー

左側にMarkdownを入力すると、右側でレンダリング結果をすぐに確認できます。

GFMサポート

GitHub Flavored Markdownを完全サポート。テーブル、タスクリスト、自動リンクを使用できます。

エクスポート

作成したMarkdownを.mdファイルでダウンロードするか、HTMLとしてコピーできます。

マークダウンプレビューとは?

マークダウンプレビューは、マークダウン(Markdown)構文で書いたテキストをリアルタイムでHTMLレンダリング結果に変換して表示するオンラインツールです。GitHub Flavored Markdown(GFM)を完全にサポートし、テーブル、チェックリスト、自動リンク、コード構文ハイライトなどの拡張構文を含みます。別途ソフトウェアをインストールせずにブラウザですぐにマークダウン文書を作成して結果を確認できるため、READMEファイル作成や技術文書編集に非常に便利です。

  • 入力と同時にレンダリングされるリアルタイムプレビュー
  • GitHub Flavored Markdown(GFM)の完全サポート
  • コードブロックのシンタックスハイライト
  • テーブル、チェックリスト、取り消し線などの拡張構文サポート
  • 作成した文書をHTMLとしてコピーまたは.mdファイルとしてダウンロード
  • マークダウン構文ガイド内蔵で初心者でも簡単に使用可能

使い方

  1. 1

    マークダウンの入力

    左側のエディタにマークダウン構文を使用してテキストを入力します。見出しには#、太字には**、リストには-などを使用します。

  2. 2

    リアルタイムプレビューの確認

    右側のプレビューエリアで入力したマークダウンがレンダリングされた結果を即座に確認します。

  3. 3

    構文ガイドの参照

    構文が思い出せない場合は、内蔵のマークダウン構文ガイドを開いて各構文の使い方と例を確認します。

  4. 4

    ファイルの読み込み

    既存の.mdファイルがある場合は、ファイルを開く機能で読み込んで編集・プレビューできます。

  5. 5

    結果のエクスポート

    完成した文書を.mdファイルとしてダウンロードするか、レンダリングされたHTMLをコピーして他の場所に貼り付けます。

よくある質問

活用のヒント

  • README.mdの作成時にこのツールでプレビューすると、GitHubにアップロードする前にレンダリング結果を確認できます。
  • テーブルは|(パイプ文字)と-(ハイフン)で簡単に作成でき、コロン(:)で配置の方向を指定できます。
  • 画像を挿入する場合は![代替テキスト](URL)構文を使用し、Web画像のURLを直接使用できます。
  • チェックリストは- [ ]と- [x]でToDoリストを作成でき、プロジェクト管理に便利です。
  • コードブロック内ではマークダウン構文をエスケープなしでそのまま表示できるため、構文説明ドキュメントの作成に適しています。