ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Gitはフォークしたりブランチを作って開発するのが常なので、枝分かれしたり合流したりしながら開発が進んでいきます。長い履歴の中で描かれるグラフに美しさを感じる人も多いのではないでしょうか。

今回はそうしたGitグラフを描くJavaScriptライブラリ、Gitgraph.jsを紹介します。

Gitgraph.jsの使い方

一例です。ブランチが作られた後、マージされています。

テンプレートが選べます。これは矢印がないメトロです。

横だけでなく縦に描くこともできます。

Gitgraph.jsはGitリポジトリのグラフをWebブラウザ上で実現します。あまり需要は多くないかもしれませんが、こうした枝分かれ/合流するようなグラフは意外とニーズがあります。そうしたグラフを書く際に、Gitリポジトリで表現してしまうといった技も使えそうです。

Gitgraph.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Gitgraph.js

nicoespeon/gitgraph.js: A JavaScript library to draw pretty git graphs in the browser

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2