Repolode
pcottle

pcottle/learnGitBranching

コマンドを入力するとコミットツリーがどう変化するかを示す、ブラウザ上で使えるインタラクティブなgitビジュアライザー兼チュートリアル。

スター
34,187
フォーク
6,033
未解決の Issue
54
最終コミット
一昨日

これは何?

LearnGitBranchingは、gitリポジトリのビジュアライザー、サンドボックス、チュートリアルと課題を備えたツールです。コミットツリーを描画し、コマンドの実行ごとに更新するため、ブランチ、マージ、リベース、リセットが履歴にどのような影響を与えるのかを確認できます。ターミナルだけでは把握しにくい操作も、視覚的に理解できます。

アプリをサンドボックスモードで開くと、すぐに試せるリポジトリが用意されており、undoやresetなどのコマンドで元に戻しながら自由に実験できます。レベルはタブに分かれていて、ローカルリポジトリとリモートリポジトリの違いなどを扱います。また、各レベルで使用したコマンド数が記録され、最少コマンド数を目指す「git golf」に挑戦できます。

このアプリケーションはViteで構築されたクライアントサイドのみのJavaScriptアプリで、バックエンドやデータベースは必要ありません。ローカルで実行したり、本番用にビルドしたり、Docker経由で起動したりすることもできます。

主な機能

  • 01コミットツリーを可視化し、gitコマンドの実行に合わせてリアルタイムに更新します。
  • 02undoやresetを使って自由に試せるサンドボックスモードを備えています。
  • 03ローカルリポジトリとリモートリポジトリの概念などを扱う、段階別のレベルを用意しています。
  • 04各レベルで使用したコマンド数を記録し、「git golf」に挑戦できます。
  • 05カスタムレベルを作成し、JSONやgistのリンクで共有できます。
  • 06バックエンドを使わず、すべてブラウザ内で動作します。

ユースケース

  • gitのブランチ操作、マージ、リベースを初めて学ぶ。
  • 段階別の課題を通じて、中級レベルのgitスキルを練習する。
  • gitコマンドが履歴をどう変えるかをチームメイトに説明する。
  • ワークショップや講座向けのgit演習を作成する。

クイックスタート

  1. 1

    何もインストールせずに、ブラウザーでアプリを開きます

  2. 2

    または、Dockerで最新の安定版イメージを実行します

    docker run -p 8080:80 ghcr.io/pcottle/learngitbranching
  3. 3

    次に、ブラウザーで http://localhost:8080/ にアクセスします

収録されている特集

トピック

よくある質問

learnGitBranching とは?
コマンドを入力するとコミットツリーがどう変化するかを示す、ブラウザ上で使えるインタラクティブなgitビジュアライザー兼チュートリアル。 LearnGitBranchingは、gitリポジトリのビジュアライザー、サンドボックス、チュートリアルと課題を備えたツールです。コミットツリーを描画し、コマンドの実行ごとに更新するため、ブランチ、マージ、リベース、リセットが履歴にどのような影響を与えるのかを確認できます。ターミナルだけでは把握しにくい操作も、視覚的に理解できます。
learnGitBranching は無料で使えますか?ライセンスは?
learnGitBranching は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
learnGitBranching は今もメンテナンスされていますか?
活発にメンテナンス中。learnGitBranching の最終コミットは 2026年11月5日 です。
learnGitBranching は何に使えますか?
gitのブランチ操作、マージ、リベースを初めて学ぶ。 段階別の課題を通じて、中級レベルのgitスキルを練習する。 gitコマンドが履歴をどう変えるかをチームメイトに説明する。 ワークショップや講座向けのgit演習を作成する。
learnGitBranching のインストール方法は?
何もインストールせずに、ブラウザーでアプリを開きます または、Dockerで最新の安定版イメージを実行します: docker run -p 8080:80 ghcr.io/pcottle/learngitbranching 次に、ブラウザーで http://localhost:8080/ にアクセスします
learnGitBranching はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/pcottle/learnGitBranching

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト