---
# System prepended metadata

title: Gitについてのあれこれ
tags: [CND]

---

# Gitについてのあれこれ

## そもそもGitって？

いわゆる「バージョン管理」をするためのツールになります。
ゲームだとよく、ver1.1とかver2.35という数字を目にするかもしれません。
通常のWEBサイトについては、わざわざ数字でバージョンを表す機会は少ないですが、修正内容ごとにバージョンとして区切りを設けて管理するのが一般的です。

<a href="https://git-scm.com/" target="_blank">
    <img src="https://i.imgur.com/SykOjSd.png" width="30">
    Git
</a>


## Gitのサービス
- <a href="https://github.com/" target="_blank">
    <img src="https://i.imgur.com/feNP0yi.png" width="32" style="padding-right: 0.5em;">
    GitHub
</a>

- <a href="https://about.gitlab.com/" target="_blank">
    <img src="https://i.imgur.com/vP70aOS.png" width="32" style="padding-right: 0.5em;">
    GitLab
</a>

- <a href="https://about.gitlab.com/" target="_blank">
    <img src="https://i.imgur.com/I7z9yW8.jpg" width="32" style="padding-right: 0.5em;">
    Bitbucket
</a>


- <a href="https://about.gitlab.com/" target="_blank">
    <img src="https://i.imgur.com/ORsVden.png" width="32" style="padding-right: 0.5em;">
    backlog
</a>

それぞれの特徴の説明は長くなるので割愛。
とりあえず使ってみるならGitLabかbacklogで良いです。


## Gitはどのようなことをしてくれるのか

仮に青色のタイトルを赤色に変えてくださいという修正が来たとします。
すると、このようになります。

###### バージョン1.0　タイトル青
```sass=
.title {
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: blue;
    margin: .5em 0 1.5em;
}
```
###### バージョン2.0　タイトル赤
```sass=
.title {
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: red;
    margin: .5em 0 1.5em;
}
```
###### Git内の表示

```diff=
.title {
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: .1em;
-   color: blue;
+   color: red;
    margin: .5em 0 1.5em;
}
```

誰がどこをどのように修正したかが分かりやすい。

###### tags: `CND`