🎮

ゲームしながらGitを学べるサイト

2024/06/18に公開

はじめに

Git を初心者が学ぶとき、いきなり黒い画面(ターミナル)でコマンドを打ち続けてもよくわからなかったり、そもそも環境を用意するところが大変だったりする
そこで、より簡単に楽しく学べるものをいくつかピックアップしてみた

Oh My Git!

https://ohmygit.org/

カードゲームのようなインターフェースでGitを学ぶことができるゲーム
カードにはGit コマンドとそのコマンドが行う操作の説明が書かれているだけでなく、操作内容をイメージしやすいようにイラストが描かれている

すこし慣れた人向けにterminalも用意されており、実際のGitコマンドによる操作も可能となっているだけでなく、コマンドの実行結果をすぐに可視化してくれる

Gitの学習でコマンドを使いこなせるようになったとしても、最初に躓くのがチームメンバーとのコラボレーションである
Oh My Git ではそこもゲームを通して学ぶことができる

Oh My Git のソースコードはGitHubで公開されており、独自のレベルを追加することも可能

Learn Git Branching

https://learngitbranching.js.org/?locale=ja

こちらはブラウザで動作するゲーム
デモを見てみると、左側でGitコマンドを入力、実行すると真ん中の画面でブランチが可視化されるようだ
さらには右側に到達目標という画面があり、一連の捜査が終わった後のブランチの状態が可視化されているため、ゴールが視覚的にわかりやすい
日本語対応しているところも初心者には優しいと思う

Visualize Git

https://github.com/git-school/visualizing-git

最後に紹介するこちらはゲームではないものの、Gitコマンドの結果を視覚的に確認できるもの
対象者はGitに慣れている人だろうか?

rebaseやcherry-pick、reset、revertなどのコマンドの動きを確認できるのがよさそう

Discussion