GitHubのインターフェースの役割

#GitHubのインターフェース
![figure0.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/c8feba3c-f470-7819-0d25-c46247d02340.png)
[Bootstrap](https://github.com/twbs/bootstrap)のレポジトリを参考にして説明していきます。Bootstrapは速攻で魅力的なウェブアプリケーションを開発できるフレームワークです。
##プロジェクト名
![キャプチャ4.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/5737d1df-dcf3-1df0-3dfc-5830032e182d.png)
ページの左上にはプロジェクト名である"bootstrap"を確認できます。
組織や個人が名付けた"twbs"も確認できます。
##組織のレポジトリ一覧
![キャプチャ5.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/c3ae0fe9-8782-f51c-8e2b-c30c0b93ba61.png)
[https://github.com/twbs](https://github.com/twbs)を開くと、組織がホストするレポジトリの一覧が見れます。
南京錠のアイコンでロックされているプロジェクトは非公開を意味しています。
##通知の登録
![キャプチャ6.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/7f33a745-8708-ccee-1aca-20821f38e47b.png)

"Watch"は「通知する人数」を表しています。スクリーンショットでは、7,395人と確認できます。
"Star"は「お気に入りに登録した人数」を表しています。スクリーンショットでは、127,859人と確認できます。
"Fork"は「このレポジトリをコピーした人数」です。フォークは自分のレポジトリとしてコピーし、自分で編集することを意味します。
##機能タブ
![キャプチャ7.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/781ac6d8-7802-250b-3be5-b8eba6bd9608.png)
タブは、GitHubの各機能を表しています。後ほど説明します。
##説明書き
![キャプチャ8.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/10f2ab27-935a-29f5-871f-4baafe094b1d.png)
説明書きが確認できます。
##関連項目
![キャプチャ9.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/ecbd6b74-ab9d-fb52-2629-1fe7c5d09943.png)
関連付けされた項目が確認できます。

##コミット ブランチ リリース 共同作成者
![キャプチャ10.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/bba8dce4-4d42-1a3c-adb1-4709b57673db.png)
17,951回コミットがあったこと、32個の開発中のブランチ、49個のリリース、1,025人の共同作成者が確認できます。

##閲覧中のブランチ
![キャプチャ11.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/7fbd320c-35ba-6d5a-ba7f-da5db50a0f48.png)
"Branch: v4-dev"から現在閲覧中のブランチは、v4-devであると確認できます。v4-devがブランチのデフォルトになります。またbootstrapのルートフォルダになります。
##最新のコミット
![キャプチャ112.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/b535df04-9107-ddba-a41a-c5dc3995c99f.png)
最新のv4-devへのコミットは"XhmikosR Update devDependencies and gems."と確認できます。XhmikosRが3日前に、devDependenciesとgemsを更新したという内容です。
##フォルダとファイル
![キャプチャ13.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/12ed5338-7736-e9ce-9198-826e6dac2e13.png)
フォルダやファイルがズラッと縦に並んでいます。これらはプロジェクトのトップルートになります。
##README.mdとは
![キャプチャ14.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/4652feca-935c-3da5-9b87-1bb3ef1968bb.png)
README.mdはホームページです。フォルダやファイルの一覧の下に表示されます。プロジェクトの紹介、情報の追記、共同作成者に対しての便利な情報を記載します。例えば、ソフトウェアのインストール方法やコードの使い方、プロジェクトへの参加方法などです。
###バッジ | Badge
![キャプチャ15.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/d23f07e8-15f4-560b-e5cc-de78458d8371.png)
README.mdにバッジを付けることができます。
バッジはレポジトリの現在の状態(Status)です。
Bootstrapに依存するプロジェクトやバージョンの詳細を確認できます。(peer dependencies)(dev dependencies)網羅率(coverage)、パッケージ(packagist)、ナゲット(nuget)、チャットサービス(slack)などです。

##コミットの外観
コミュニティのコミット(履歴)を見ることで、各ブランチ上での作業の完成具合を確認できます。
![キャプチャ10.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/af678e4c-25d8-b7db-2a5e-dcdea4129298.png)

"17,851 commits"をクリックします。最近のコミットの一覧が確認できます。
![キャプチャ16.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/d3ffc974-af2c-3c8c-a5c6-984307be9033.png)
一覧のコミットを1つクリックすると、メッセージを確認できます。
![キャプチャ17.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/78587cc4-b388-a758-ca56-8a974e7821f3.png)
![キャプチャ18.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/5149b058-cece-2748-580d-fc0b4691f37c.png)
なぜ変更したのか
![キャプチャ19.PNG](https://qiita-image-store.s3.amazonaws.com/0/245159/0a913a3b-962a-f2b4-dd9d-92c3d9d3666f.png)
誰が変更したのか