このページの内容
> リソース > ドキュメント > プロセスダッシュボード > Markdown記法

Markdown記法

Process Intelligence Process Intelligence Process Intelligence席以上で利用できます。このプラン以上の席でのみ、この機能を利用できます。 プランを比較 プロセスインテリジェンス席以上で利用可能

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

関連トピック