1. dbgso

    No comment

    dbgso
Changes in body
Source | HTML | Preview
@@ -1,100 +1,100 @@
-この記事は[cloudpack あら便利カレンダー 2019](https://benri2019.cloudpack.jp/) の日目です。
+この記事は[cloudpack あら便利カレンダー 2019](https://benri2019.cloudpack.jp/) の2日目です。
[誕生秘話](https://qiita.com/shinichi-takahashi/items/cea235795f904ccea207#%E3%81%82%E3%82%89%E4%BE%BF%E5%88%A9%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC%E8%AA%95%E7%94%9F%E7%A7%98%E8%A9%B1) はこちらです。
私は今年からの参戦になります。
この記事では、あら便利な拡張機能の紹介をしたいと思います。
Gitのコミット履歴が複雑になってしまった場合に、コミットグラフが絡み合ってしまい履歴が追いづらい状態になってしまうことありますよね?
そこまで酷くはないけれど、ぱっと見で履歴がちゃんと終えるかというと微妙かも...という時はまあ普通にあります
そこで、最近、Visual Studio Codeの[Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph) というあら便利な拡張機能を見つけまして、これがなかなか綺麗にgitgraphを出してくれるので紹介したいと思います
# 使い方
## インストール
```console
$ code --install-extension mhutchie.git-graph
```
あるいは、GUIからインストール
![gitgraph_extension](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/330514/d92b4639-f7c6-3f9c-e70c-29d1cea5b38a.png)
## 起動
インストールが完了すると、VCSのパネルにボタンが追加されるので、これを押すだけです。
![gitgraph_button](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/330514/0f4c6270-5dd0-a24f-38ba-925cee58047f.png)
ボタン押下で新たなタブが立ち上がり、ギットグラフが表示されます。
以下、公式にあるキャプチャそのままです。この時点でオッとなり使ってみました。
まだ全然使いきれていないですが、なかなか良い感じです。
あと、起動はかなり軽いです。[Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory) なんかも使ったことはあるんですが、起動時のタメが気になって使わなくなりました。
この拡張はサクっと起動します。
![](https://github.com/mhutchie/vscode-git-graph/raw/master/resources/demo.gif)
# 複雑なグラフの表示
gitのコミットグラフはシンプルな例ならいいんですが、mergeが入り組むと途端に崩壊します。
ということで、複雑な状態のグラフでどうなるかをみてみました。
特に理由はないのですが、そこそこ大きいリポジトリ+自分のgithubのレコメンドに出てきたということで[pipenv](https://github.com/pypa/pipenv) のリポジトリのグラフを表示してみました。
一番めんどくさそうなところを表示した例がこちらです。
![pipenv_gitgraph](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/330514/dcc13a07-ea68-fca8-415c-6d70f5ad0217.png)
なかなか綺麗に表示できているんじゃないでしょうか
# 別のツールで表示した場合
他のツールでも表示してみました。
## git cli
コマンドラインでのグラフ表示を試してみました。
```
$ git log -a --graph --oneline --decorate=full
```
![pipenv_git_cli](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/330514/b5af7178-aa28-4196-ee60-5ee3266ac8a7.png)
ちょっと何言ってるかわかんないですね
## tig
コマンドラインツールの[Tig](https://jonas.github.io/tig/) の場合です
![pipenv_tig](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/330514/26fa3877-af4d-f321-5aa9-f0c371d35c56.png)
ちょっと何言ってるかわかんないですね
まあ、CLIツールのこの辺求めるのは難しいですね
## Git DAG
GUIツールということで、[Git Cola](https://git-cola.github.io/index.html) についてくるGit DAG というグラフで試してみました。
このグラフ表示が結構好きでメインで使っています。
このツールの場合は以下のようになりました
![pipenv_git_dag](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/330514/3ffff57e-188a-07f5-1b8f-3e9764108e37.png)
この表示の方が正しい気がするとも思ったんですが、パッと見だと頭がついていかない感じがありますね。
まあでもこれはこれでいい感じ!
# まとめ
他のツールと比較しても、かなり見やすいツールじゃないでしょうか。
エディタと統合できるというのも嬉しいのでこれからも使っていこうかなと思います。