Gitの基礎から内部構造まで学べる、AsciiDocで書かれた無料のオープンソース書籍『Pro Git』第2版。
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
何もインストールせずに、ブラウザーでアプリを開きます
- 2
または、Dockerで最新の安定版イメージを実行します
docker run -p 8080:80 ghcr.io/pcottle/learngitbranching - 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 の数値は毎日更新されます。
関連プロジェクト
日常的なプログラミングのパターンを30秒以内で学べる、短く独立したJavaScriptの記事とコードスニペット集です。
分解できるあらゆる機械の、オフラインで動作するインタラクティブな3Dシミュレーターを、単一のHTMLページとして作成するClaude Codeスキル。
TypeScriptとViteで構築された、3D軌道モデルやヒートマップ、二言語UIを備えるサイバーパンク風のインタラクティブな118元素周期表。
GitHubのリポジトリ作成ページで使われている、プログラミング言語、フレームワーク、エディター、OS向けの.gitignoreテンプレート集。