web-dev-qa-db-ja.com

Gitワークフロー図の作成は、グラフ/フローチャート設計ツールを介して行われますか？

私がほとんどのウェブサイトを見ると、人々はgitワークフローを絵のようにデモンストレーションしています。どのツールが同じものに使用されているのか知りたいのですが？
例 https://wiki.phpbb.com/images/c/c8/Phpbb-git-workflow-small.png
および http://nvie.com/posts/a-successful-git-branching-model/

私は企業向けにgitを実装していて、（例に示すように）同様の図式表現を表示したいので、それを構築するのに役立つツールがあるかどうか疑問に思っていました

git-workflow
17
holyAsh

Vincent Driessenに、彼のブログ投稿に使用した図作成プログラムについて質問しました http://nvie.com/posts/a-successful-git-branching-model/ 彼は使用したと述べました- Apple Keynote 。

個人的に私はダイアグラム作成のために draw.io をいじっていて、今のところそれを好みます。これまでのところ無料で、使い方はとても簡単です。

あなたの質問があなたのgitリポジトリの履歴に固有の図の作成についてであるなら、私は GitFlowChart を使用することをお勧めします。 Vincentには、GitFlowChart here を示す例があります。

15
gaoagong

私はチーム用のgitワークフローマニュアルを作成しているところ、オープンソースであり、トリックを実行する GitGraph.js を発見しました。

9
HeyZiko

ProFit Book は Dia を使用します。インスピレーションについては repo を参照してください。

3
Michael Wild

これを使用できます gitgraphjs はJavaスクリプトライブラリで、gitリポジトリまたはgitコンセプトの視覚化を作成する機能を提供します。

1
Se7s

http://gitgraphjs.com/ はオプションです：

<head>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gitgraph.js/1.15.1/gitgraph.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/gitgraph.js/1.15.1/gitgraph.min.js" />
</head>

<body>

<canvas id="gitGraph"></canvas>

<script>
var gitgraph = new GitGraph({
  template: "metro",
  orientation: "horizontal",
  mode: "compact"
});

var master = gitgraph.branch("master");

gitgraph.commit().commit().commit();         // 3 commits upon HEAD
var develop = gitgraph.branch("develop");    // New branch from HEAD
var myfeature = develop.branch("myfeature"); // New branch from develop

// Well, if you need to go deeper…

var hotfix = gitgraph.branch({
  parentBranch: develop,
  name: "hotfix",
  column: 2             // which column index it should be displayed in
});

master.commit("This commit is mine"); // Add a commit on master branch

develop.commit({
  dotColor: "white",
  dotSize: 10,
  dotStrokeWidth: 10,
  sha1: "666",
  message: "Pimp dat commit",
  author: "Jacky <[email protected]>",
  tag: "a-super-tag",
  onClick: function(commit) {
    console.log("Oh, you clicked my commit?!", commit);
  }
});
</script>
</body>

このフィドルで実証- https://jsfiddle.net/h5mrLesu/

0
Ashley Frieze