omuriceman's blog

iOS / AWS / Firebase / JavaScript / Deep Learning を中心とした技術を面白く紹介します!

Gitを学び直したい人に見て欲しい。遊んで学べる、無料のGit学習サービス5選!

f:id:omuriceman:20190510135745p:plain

omuricemanです。ブログをみていただきましてありがとうございます。

ゲームや漫画を用いた教材は学習を促進してくれるのに有効だと思います。先月も漫画技術書のまとめをブログに書きましたので是非見ていただきたいです。

omuriceman.hatenablog.com

今回はGitをなんとなく使っているユーザーが、今一度学びなおすためにゲーム感覚で触って遊べるGitチュートリアルサービスをご紹介いたします。

Learn Git Branching

日本語対応 アカウント登録無し ゲーム性あり

有名なGit学習サイトです。ブラウザ上でGitコマンドを実行してGitのフローを視覚的に学習できます。

f:id:omuriceman:20190510113201p:plain

チュートリアルの最初はgit commitから始まります。

f:id:omuriceman:20190511074947p:plain

コマンドを入力していくと最新のGitのブランチの状態が画面に反映されていきます。それがお題の状態と合っていれば次に進めていくことができます。

f:id:omuriceman:20190511075048p:plain

Gitの初心者は難しいと思います。Gitのコマンドには多少慣れていて、ブランチの状態を視覚的に理解したい人向けです。

Learn Git Branching

Git-it

日本語対応 アカウント登録無し 実用性あり

次はデスクトップアプリのご紹介です。こちらはGitの操作方法からGitHubの活用方法までステップで学ぶことができます。リポジトリのフォークやGitHub Pagesの作り方・Pull Requestの送り方まで解説しております。一般的なプロジェクトのGit管理のノウハウについてはこれで学ぶのが良さそうですね。

アプリのダウンロード後はPC上で進めていきVerifyで正しくできたかをチェックします。

f:id:omuriceman:20190510123647p:plain

f:id:omuriceman:20190511074811p:plain

https://github.com/jlord/git-it-electron

ダウンロードはこちらから

https://github.com/jlord/git-it-electron/releases

Instruqt

アカウント登録無し Git以外もすごい

The online interactive IT learning platformというテーマのオンライン学習サイトです。こちらは英語のサイトですがGitだけでなくKubernetes/Consul/BigQueryなどなどが試せるようです。これはすごい。。

f:id:omuriceman:20190510144738p:plain

Gitについても一般的な操作は学べます。GitHubなどの使い方はありません。

f:id:omuriceman:20190510151118p:plain

全編英語なのでやや難しい部分があるのですが、私が触っている限りは問題ありませんでした。以下のキャプチャーはREADME.mdファイルを作成しaddしているところです。

f:id:omuriceman:20190510151314p:plain

一番気になるのは価格です。今の所は無料で支えているのですが、Pricingを見てもよくわかりませんでした。興味のある方に調査をお願いしたいです。

Instruqt

このサービスの紹介自体はまた別の記事にまとめたいと思います。

Progate

日本語対応 ゲーム性あり

日本ではとても有名なプログラム学習サービスですが、Gitもあります。日本語対応しているので問題文が簡単に理解できてサクサク進めます。

f:id:omuriceman:20190511090226p:plain

学習内容はpushやpullなどの操作で初心者向けになります。しかしキャプチャーのようにキャラクターでタブを切り替えることで複数人でのGitの操作について視覚的にわかりやすく案内してくれますのでオススメです。

f:id:omuriceman:20190511072958p:plain

Git | プログラミングの入門なら基礎から学べるProgate[プロゲート]

GitHub Learning Lab

実用性あり 中級者

次はGitHub公式の学習サイトのご紹介です。今回はGitの学習ではありません。

こちらで学べるのはGitHubを使用した開発フローに関する学習です。例えばこんなものです。

  • 複数人開発でのコンフリクト時の対処方法
  • Travis CI/CircleCIをGitHubに組み込む

他にもたくさん実用的なものがあるので一度見てみることをお勧めします。私自身がこれをやるべき対象のような気がします。

f:id:omuriceman:20190510192744p:plain

試しにManaging merge conflictsコースをやってみました。 f:id:omuriceman:20190511081750p:plain

画面上でコンフリクトの箇所を直接編集していきます。

f:id:omuriceman:20190511083743p:plain

コンフリクトが解消できると次のステップに進めるようです。

f:id:omuriceman:20190511083956p:plain

英語ページでヘルプも少なく操作が難しいのでつまづくところも多いかもしれません。

lab.github.com

総括(個人の感想です。)

Git初心者向け

Progate

GitからGitHubまでの一通りの流れを把握したい方向け

Git-it

Gitのブランチ間の動きを確認したい方向け

Learn Git Branching

それぞれの学習範囲が被っていることもあって全部やると面倒に感じることもあるかと思いますが、初心者が最初に始めるのはProgateのGitコースから始めるのがいいかなと思いました。

他にもこんな学習サービスもありました!

私が調べたところ他にもたくさんございました。試したものもありますが今回は限定して紹介したかったので簡単に掲載いたします。

ギットクエス

RPGゲーム風に進めるGit学習サイトです。Gitコマンドでモンスターにダメージを与えます。

f:id:omuriceman:20190510115720p:plain

2016年に流行ったものなのでatlassianのGitチュートリアルページが閲覧できなくなっていますが、画面の外をクリックすれば閉じられるのでそのまま進められます。

commitやaddなどのよく使うコマンドについてはおそらくatlassianのチュートリアルをさっと読む程度で戦闘画面には出てきません。少しだけ難しいかと思いますが、理解ができなくても楽しめます。

ギットクエスト

Katacoda

英語のプログラム学習サイトです。GitだけではなくKubernetesやDockerなどのコースも充実しておりました。

Gitに関しては基本的な操作からConflict時の対応まで、実践的なコースが含まれておりますが英語や操作方法がInstruqtに比べてややわかりづらかったです。

f:id:omuriceman:20190510153950p:plain

英語が少しわかるよ!という方にオススメできると思います。

Interactive Browser Based Labs, Courses & Playgrounds | Katacoda

git-game

GitHubにあるソースコードを実行することで遊べるものです。全編英語でPC環境にプログラムをインストールして動かすものになります。

GitHub - git-game/git-game: terminal game to test git skills

Githug

こちらもGitHubにあるソースコードを実行することで遊べるものです。全編英語でPC環境にプログラムをインストールして動かすものになります。

GitHub - Gazler/githug: Git your game on!

Codecademy

こちらはアカウント登録の必要があるWebサービスです。無料と有料のコースがありますが、Gitコースは無料で使えるようです。全編英語ですがサクサクと進めていけました。

f:id:omuriceman:20190511071558p:plain

結局学習サイトは多言語対応よりUI/UXが重要かもしれませんね。

Git Tutorial: Learn Git Basics For Free | Codecademy

次の学習ステップ

遊んで学べる学習サイトの欠点として、概念を理解しないまま進めてしまうということがあるなと感じています。概念の理解 < 課題の攻略という状態です。ちゃんと概念を理解するためにも本や動画を用いて学習の補助をする必要があります。今回のテーマから外れますので簡単に紹介だけします。

動画

  • ドットインストール

https://dotinstall.com/lessons/basic_git

  • Udemy

はじめてのGitとGitHub | Udemy

書籍

サルでもわかるGit入門

サルでもわかるGit入門

わかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、SourceTree〉

わかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、SourceTree〉

さいごに

初心者向けのGit学習サービスは日本語だと多いのですが、中級者向けは英語しかない印象です。もっと増えると嬉しいですね。他にも中級者向けの日本語学習サイトがあったら教えてください。

Gitを活用したWebサイト構築事例の記事を書いておりますので興味があるかたはそちらも読んでみてくださいね。

omuriceman.hatenablog.com

今後もomuricemanのブログ見てもいいかな!と思ったら是非読者になってください。 よろしくお願いします。