# Mermaid Git グラフのチートシート

ブランチの履歴を、描いてみたもの。

## コミット

コミットは 1 本の線で、置いたブランチ上に乗ります。

```mermaid
gitGraph
    commit
    commit
    commit
```

![main ブランチにコミットが 3 つ並ぶ Git グラフ。](/diagrams/gitgraph/basic.svg)

## ブランチを切る

branch がブランチを始め、checkout は以前いたブランチに戻ります。

```mermaid
gitGraph
    commit
    branch develop
    commit
    checkout main
    commit
```

![main ブランチにコミット 2 つ、develop ブランチが 1 つ目のあとに分岐する Git グラフ。](/diagrams/gitgraph/branches.svg)

## マージ

merge はブランチを、今いるブランチのほうに折り込みます。

```mermaid
gitGraph
    commit
    branch feature
    commit
    checkout main
    merge feature
```

![main から feature ブランチが分岐し、main へマージされる Git グラフ。](/diagrams/gitgraph/merge.svg)

## コミットにタグをつける

タグは commit キーワードのあとに、引用符で囲んで書きます。

```mermaid
gitGraph
    commit tag: "v1.0"
    commit tag: "v1.1"
```

![コミット 2 つの Git グラフ。1 つ目に v1.0、2 つ目に v1.1 のタグがついています。](/diagrams/gitgraph/tags.svg)

## Mernyx で描いてみる

.mmd ファイルを開いて、キャンバスでノードを動かしてみてください。ソースコードもついてきます。macOS ネイティブで、ブラウザは介在しません。