このページの内容

> リソース > ドキュメント > プロセスdashboard > Markdown記法リファレンス

Markdown記法リファレンス

Markdown記法マニュアル（クイックリファレンス & 例）

このガイドでは、テキストチャート内のコンテンツの整え方を解説します。ProcessMindはCommonMarkの基本仕様と、テーブル・タスクリスト・取り消し線など定番の**GitHub-Flavored Markdown (GFM)**拡張に対応しています。

見出し

行頭に # ～ ###### でレベル設定：

# H1
##  H2
###  H3
####  H4
#####  H5
######  H6

段落と改行

段落は空行で区切ります。

1行だけの改行（ソフトブレーク）は行末に半角スペース2つか <br> を入れます。

First line with a soft break··
continues on the next line.

New paragraph after a blank line.

強調（イタリック・太字・取り消し線）

*italic* or _italic_
**bold** or __bold__
***bold italic***
~~strikethrough~~   <!-- GFM -->

リスト（箇条書き・番号付・ネスト）

箇条書きは-、+、*。番号は 1. 2. …。

- Item A
- Item B
  - Nested item B1
  - Nested item B2

1. Step one
2. Step two
   1. Sub-step
   2. Sub-step

ポイント: ネストは2〜4スペースで揃えましょう。

リンク

インライン形式と参照形式が利用できます：

Inline: [ProcessMind](https://processmind.com)
With title: [Site](https://example.com "Optional title")

Reference: [Docs][docs-link]

[docs-link]: https://example.com/docs

画像

altテキストはアクセシビリティ対応のため必須です。

![Alt text describing the image](https://example.com/image.png "Optional title")

参照形式：

![Logo][logo]

[logo]: https://example.com/logo.png

ブロック引用

行頭に > で引用。ネストは > を複数にします。

> A single-line quote.
>
> Multi-paragraph quote:
>
> > Nested quote level 2.

コード（インライン & ブロック）

インラインはバッククォート（`）で囲みます。

ブロックは3連のバッククォートで囲みます。先頭に言語を指定するとハイライトされます。

例: `code`

Here’s `inline code`.

コード内に3連バッククォートがある場合は4連で囲んでください。

区切り線

---、***、___ のどれか3つ以上を1行に書きます：

---

テーブル

パイプ | とセパレーター ---。コロン（:）で揃え方向を指定します。

| Column        | Type    | Notes              |
|:--------------|:-------:| :------------------|
| Name          | String  | Left-aligned       |
| Score         | Number  | Left-aligned       |
| Description   | String  | Left-aligned       |

列名	型	備考
名前	文字列	左寄せ
スコア	数値	左寄せ
説明	文字列	左寄せ

テーブルの前に空行を入れると正しく表示されやすくなります。

タスクリスト

- [ ]・- [x] を使います。

- [x] Design schema
- [ ] Implement API
- [ ] Write tests

スキーマ設計
API実装
テスト作成

特殊文字をエスケープ

バックスラッシュ \ で記号をそのまま表示。

\*Not italic\*, show the asterisks literally.
Use a backslash for \#, \[, \], \(, \), \_, \*, \`, \|, \>

参照形式リンク・画像

定義を末尾にまとめると整理できます。

Read the [Guide][g].
See the ![Badge][b].

[g]: https://example.com/guide
[b]: https://example.com/badge.svg

自動リンク & メール

URLはそのまま入力すると自動リンクになります。山括弧で強制リンク化もできます。

https://example.com
<mailto:hello@example.com>

インラインHTML（オプション）

Markdownで表現できない場合、多くのレンダラーは安全なインラインHTMLにも対応しています。

<strong>Bold</strong> and <em>italic</em> with HTML.
<br>
<span style="font-variant:small-caps">Small caps</span>

備考：セキュリティや互換性上、未対応のHTMLタグもあります。

よくある注意点

改行: 行末に半角スペース2つか<br>を使用
リストの入れ子: ネストは2〜4スペースで統一
コードブロック: 開始バッククォート直後に言語名を記載
テーブル: 前に空行を入れる
画像: 必ず分かりやすいaltテキストを付記
タブとスペース混在: 安定表示のためスペース推奨

スターターテンプレート

コピーして使えます：

### Title of TextChart

Short intro paragraph that explains the context.

Value of the metric ${metric} is measured.

![image](https://processmind.com/logo.webp)

Visit us at: https://processmind.com

####  Key Points
- Point A
- Point B
- Point C