どうも。つじけ（tsujikenzo）です。このシリーズでは、 「GitHubで画像やイメージファイルのバージョン管理をしよう」 を、全4回でお届けします。
今日は、第1回目です。
今日のアジェンダ
- はじめに
- リポジトリの作成
- ファイルのアップロード
- レビューに向けて
はじめに
GitHub使ってますか？プログラミングのソースコードの管理にたいへん便利ですが、最近は、文筆業の方やデザイナーの方々にも重宝されています。
なぜなら、GitHubをつかうと、文章やイメージファイルのバージョン管理も、かんたんにできるからです。
しかも、Gitとかコマンド（黒い画面のやつ） がちょっと苦手、という方でも、ブラウザをクリックしていくだけOkです。
わたしは、要件定義の書類や、プログラミングのイメージ図などを、チームに共有するためにGitHubを活用しています。
今回は、「PNGやJPGファイルを、チームで添削（以降、レビューと呼びます）しながら、いいものを作っていこう」 というのが、目的です。
必要なものと対象となる読者
- GitHub（ブラウザ版）・・・リポジトリを作成したりプルリクエストをしたことがある方
- お好みの画像編集ソフト（ホワイトボードなどでも可）・・・PNGファイル形式で画像を作成できる方
このシリーズで、GitHubにアップロードするのはPNGファイルです（JPEGでも可）。
イメージファイルを編集できる aiファイル や psdファイル は取り扱いませんので、ご注意ください。
リポジトリの作成
まず、GitHub上で、空のリポジトリを作成しましょう。 
リポジトリが作成されました。 
初期状態では、README.mdファイルのみだと思います。（README.mdファイルがない方は、さきほどの手順4をお忘れです）
ファイルのアップロード
それでは、PNGファイルをアップロードします。以降、GitHubにファイルをアップロードすることを、コミット（GitHubへのファイル登録） と呼びます。
複数のファイルをコミットすることもできます。今回は、2ファイルを同時にアップロードします。
- MarketingMap.png
- TeamMembers.png
mainブランチが表示されていることを確認して、PNGファイルを、ブラウザにドラッグアンドドロップします。 
コミット画面が表示されますので、コミットタイトルと、コミットメッセージを入力して、「Commit changes」をクリックします。 
2ファイルが、mainブランチにコミットされました。 
ファイル（ファイル名）をクリックすると、イメージファイルの中身を確認できます。 
「Download」をクリックすると、全体像も確認できます。 
コミットタイトルをクリックすると、コミット（GitHubにファイルを登録した情報）を確認できます。 
コミットされたすべてのファイルが確認できます。 
レビューに向けて
一度、mainブランチに戻っておきましょう。 
さて、コミットしたファイルに、レビューを入れてもらいましょう。
だけど（少し不思議なのですが）、今の状態だと、レビューができません。
GitHubは、2つの場所の、ファイルの差分を確認するツールだからです。
なので、意図的に、mainブランチと他ブランチの2つのブランチを作成して、ファイルの差分を作ります。
リポジトリとブランチの全体図は、このようなイメージです。 
今回は、ここまでです。次回は、ブランチを作っていきます。
まとめ
以上で、「リポジトリを作成しよう」をお届けしました。
GitHub上のリポジトリ作成やファイルのコミットは、何度失敗しても問題ありません。
なれるまでは、繰り返し練習が必要だと思います。がんばりましょう。
次回は、「ブランチを作成しよう」 をお届けします。
