Markdown記法

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

このガイドでは、テキストグラフの内容を整える方法を説明します。ProcessMindでは、CommonMarkの基本機能と、表、タスクリスト、取り消し線などの**GitHub-Flavored Markdown（GFM）**拡張機能を利用できます。

見出し

行の先頭に#から######を入力します。

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

段落と改行

段落の間に空行を入れます。

ソフト改行：行末に半角スペースを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 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.

コード（インラインとフェンス付き）

インラインコードは、1組のバッククォートで囲みます：code

コードブロックは、3つのバッククォートで囲みます。構文を強調表示するには、言語名を指定します。

```code
[your code]
```

Here's `inline code`.

内容にバッククォートが3つ含まれる場合は、4つのバッククォートで囲みます。

水平線

行に---、***、または___を3つ以上入力します。

---

表

パイプ|とヘッダー区切り---を使います。コロン（:）で配置を指定します。

| 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個のスペースに統一します。
• **コードブロック：**構文を強調表示するには、開始のバッククォートの後に言語名を指定します。
• **表：**表の前に空行を入れます。
• 画像：内容がわかる代替テキストを必ず設定します。
• **タブとスペースの混在：**表示を安定させるため、スペースを使います。

テンプレート

コピーして編集します：

### 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

関連トピック

• 指標：テキストグラフで指標とExpressionを使う方法。
• ダッシュボードのExpression：Expressionを使って動的な内容を表示する方法。