背景

なぜ今更 Git/GitHub という感がありますが、まとめてみました。何故かというと、ググると確かに初心者向けのGitの使い方や設定方法などが掲載されたサイトは多くありますが、個人的に体系立ってイメージを掴める内容が少なく、探すのに苦労したため、その中から特に役立ったと感じたコンテンツをかなり厳選し、まとめてみました。下記の良質なコンテンツは、Git/GitHub習得に大いに役立つでしょう。

レベル別

初心者〜

さらに初心者用の資料もレベル別に番号順で分けました。この順番で学ぶことを強くオススメします。
このレベルは実践ではなくGit/GitHubがどのようなモノか理解しイメージできることを主な目的にしています。
問題ないので直ぐにでも実践から入りたいという方はこのレベルはスキップし初級者レベルから進んで下さい。ただ Masakazu Matsushita 氏 (@matsukaz) の『 4. いつやるの？Git入門』は実践的コマンドも掲載されており神資料なので閲覧推奨です。

ノンプログラマでも今日から使える「Git」でバージョン管理
- 短〜中編
- 他では意外にあまり言及していない "ステージング/コミット/ブランチを分ける基準" について記載あり
- ブランチ同士のマージ " cherry-pick " 軽く記載あり
はじめてのGit for デザイナー＆コーダ
- 中編
- タイトルどおりの閲覧必須資料です。
Gitはじめの一歩
- 中編
- また超分かりやすい神スライド資料を見つけてしまいました(^ ^)
いつやるの？Git入門 - Masakazu Matsushita (@matsukaz)
- 中〜長編
- 閲覧超必須の神解説資料！この資料だけでGitの基本が殆どわかると思います。大事な基本イメージを詳細に上手く画像を用いて解説されていて素晴らしすぎます！基本コマンドもイメージ画像と共に掲載されており自然と何度も読み返してしまいます。ダントツでオススメできるGit学習資料の永久保存版です！ (同タイトルのv1.1.0というアップデート版もありますが、私は元々のオリジナルの方が分かりやすかったです。)
【Git】オレならこう説明する！Git初心者への用語説明 - @nnahito
- 短編
- 一般的なIT用語とイメージで大まかに説明下さっていて、分かりやすいと思います。コマンド画面ではなく、SourceTreeというGUIソフトで解説されています。

初級者〜

ここから実践形式が加わってきます。

【GitHub超初心者入門】この前初めてGitHubを使い始めたエンジニア見習いが書くGitHubの使い方と実践～とりあえず一緒に動かしてみようぜ！ - @nnahito
- 短編 / 実践的
- 私自身こちらの記事が実践から入りやすく参考になりました。
- 注意点として、記事で解説されてないようですが、別途パソコンにGitのインストールがされている前提です。下記の記事を参考にインストールされると良いです。
  - Windowsの方 : 【初心者向け】Gitのインストール方法をわかり易く解説（画面付き）
  - Macの方 : 【Gitの使い方】GitをMacにインストールする方法！ | オリジナルゲーム.com
- Gitのイメージと、実際のGitHubなどの画面キャプチャーやコマンド一覧もコンパクトにまとまっていて読みやすいです。
Gitコマンド最速実践練習フロー【2018.11】 - @think-a-lot
- 短〜中編 / 実践的
- ネットでは不足しがちな点、本では冗長すぎると感じる点を補うため、別途自ら練習コマンドフローを考え作成しました。 2018.11.26 時点では 単純にGitHubにアップロード(プッシュ)するまでの最もよく使う基本まで 掲載しています。
git入門 (全22回) - プログラミングならドットインストール
- 中編 / 実践的 / 動画
- ご存知プログラミング学習の鉄板サイト。Git然り。動画だと流れも分かりやすく、コンテンツは長過ぎず短すぎず、基礎からブランチ/マージ/コンフリクト時などのトラブル対処方法などの応用まで 体系立った内容で、どれに手を付ければ良いか迷っている方などは、かなりオススメの教材です♪
サルでもわかるGit入門
- 長編
- おそらく最もよく紹介されている学習サイトです。
- コンテンツ量が多いのですが、個人的には多すぎて逆に混乱を招いたり、モチベーションの維持が難しいため、全てを一気には読まず、私は不明点があった場合に辞書的・リファレンス的に逆引きで使うことが多いです。
- またリモートリポジトリについては、Backlogというあまり一般では聞きなれないサービスで解説しているので、リモートリポジトリにGitHubを使いたい方は、注意が必要です。

中級者〜

基本/基礎に慣れた方向けです。
ここから本格的に Branch(ブランチ), Merge(マージ), Issue(イシュー)など、個人だけではなくチーム開発でもGitを運用する際、必須になってくる機能群ですね。

Git ブランチの運用 | スタートアップのGit
- 超短編
- Gitシンプル解説サイト。特に上記ページはとても短い内容ですが "ブランチ運用フロー"や"ブランチ名"のイメージするのに参考になります。
いまさらだけどGitを基本から分かりやすくまとめてみた - @gold-kou
- 長編
- 基本とありますが、チーム開発などでも大事になってくるブランチモデル(ブランチの使い分け方法)にも焦点を当てた中級者向けに丁度よい内容となっています。
- またボリュームもあり、中級以上向けのリファレンスとしても活用できるとても優れた記事です。
GitHubで共同開発のためのチュートリアル - @takeokunnn
- 短〜中編 / 実践的
- 初級者にも分かりやすく、ポイントを押させたシンプルな開発フロー解説で助かります。
- issue や pull request の流れ・方法の理解に大きな助けとなりました。
- 下記"はじめに"で仰っている説明に則した初級者閲覧必須記事です。
- ブログなどに同じような内容のエントリーが多数ありましたが、断片的な記事しかなかったので書きました。想定読者は、普段Gitを用いた個人開発はやってはいるけど共同開発を行った事がない、もしくは非エンジニアなのでGitを使った事がない方です。
【Git】リモートからの取得とリモートへの反映で行っていること(fetch,pull,push) - @forest1
- 中編
- ローカルブランチ・リモートブランチの間にある大事な "リモート追跡ブランチ" についての理解が深まります。
Gitでやらかした時に使える19個の奥義 - @muran001
- 中編 / 実践的
- 当記事コメントで @Tomo_Yanagi さんからご紹介いただき掲載させていただきました。
- カジュアルな言葉で、わりとあるあるなイレギュラー対応を解説されていてとても参考になりますね。
- Liked 5000超えはスゴイです。それだけニーズが高いのですね。
Learn Git Branching
- 中〜長編 / 実践的 / Game
- Commit/Branch/Checkout/Cherry-pick/Reset/Revert/Rebase/Mergeなど、基礎から一歩進んだ機能を学習できるWEBゲームサイト

GitHub flowを用いた開発フロー - @ryotakodaira
- 中編
- あのWantedlyの開発フローを参考にされた体系だった解説です。
- Issueの概要解説も参考になります。
git reset についてもまとめてみる - murankの日記
- 短編
- Gitコマンド取り消しに使われる git reset 解説。解説図がとても分かりやすいです。
こわくない Git - Kota Saito
- 中〜長編
- Commit ( コミット ), Branch ( ブランチ ), Merge ( マージ ), Rebase ( リベース )に焦点を当てた詳細解説です。

上級者〜

英語解説や、文字多め解説です。
より正確にGit/GitHubを深く掘り下げていきたいプロフェッショナルなヘビーユーザー向けですね。

【Official】Introduction to GitHub
- 中編 / WEB・動画
- GitHub公式紹介サイトです。英語ですが、慣れてきたらやはりチェックしておきたいですね。
GitHub Learning Lab
- 中編 / 実践的
- 全編英語のGitHub公式WEBワークショップです。Repositoryを連携させてカリキュラムを進める教材です。Git英語に慣れたい場合に使いたいですね。
【Official】Git Book / Pro Git 日本語版電子書籍公開サイト
- 長編
- Git公式ドキュメントです。画像は少なく文字多めですが、最も正確な情報を知りたいときに重宝します。