Cloud9からGUIでGit操作

##転載元
当記事は以下ブログからの転載です。
[TECH BACK](https://techback.info/aws-cloud9-commit/)

##はじめに

Cloud9でGit操作します。Guiででできて簡単・便利！ Cloud9からのGit操作を一通り解説します。 もちろんコマンドで実行することも可能ですが、今回はCloud9で用意されているGUIから操作する方法を解説します。 Cloud9のコード管理については、下記の記事も参考にしてください。 
[[AWS] Cloud9のプロジェクトをCodeCommitで管理](https://qiita.com/teckback/items/70fbad957e98c91b9252)
[[AWS] CodeCommitからCloud9(EC2)にClone](https://qiita.com/teckback/items/8f0994b013fe80e2dfa1)

## Pull

PullでCodeCommitから最新バージョンをもってきます。 **Gitアイコン** → **プロジェクト名横のアイコン** → **Pull**
[![](https://techback.info/wp-content/uploads/2021/03/img_603c981574131.png)](https://techback.info/wp-content/uploads/2021/03/img_603c981574131.png)

## ブランチを作る

プログラムを修正する前に、新しくブランチを作成しましょう。 左下の**ブランチ名**をクリック 
[![](https://techback.info/wp-content/uploads/2021/03/img_604137aa8ecd0.png)](https://techback.info/wp-content/uploads/2021/03/img_604137aa8ecd0.png)

**Create new branch...** をクリック 
[![](https://techback.info/wp-content/uploads/2021/03/img_603c9b34d0627.png)](https://techback.info/wp-content/uploads/2021/03/img_603c9b34d0627.png)

ブランチ名を入力して**enter**
[![](https://techback.info/wp-content/uploads/2021/03/img_603c9b6f026f3.png)](https://techback.info/wp-content/uploads/2021/03/img_603c9b6f026f3.png)

左下のブランチ名が新しいものになります。 
[![](https://techback.info/wp-content/uploads/2021/03/img_603c9c18e8247.png)](https://techback.info/wp-content/uploads/2021/03/img_603c9c18e8247.png)

作成したブランチでプログラムを修正していきます。 

## Commit

プログラムを修正したらCommitします。 変更したファイルは **Gitアイコン** → **Changes** に一覧表示されます。 Commitしたいファイル横の **+ (stage)**をクリックします。 
[![](https://techback.info/wp-content/uploads/2021/03/img_603c9d34a941a.png)](https://techback.info/wp-content/uploads/2021/03/img_603c9d34a941a.png)

**Staged Changes**に移動しました。これでコミット対象になりました。戻したいときは **- (Unstage)**をクリックします。 
[![](https://techback.info/wp-content/uploads/2021/03/img_603c9dd2f2be4.png)](https://techback.info/wp-content/uploads/2021/03/img_603c9dd2f2be4.png)

メッセージ欄にコメントを入力して **Ctrl + enter**。メッセージはなんでも良いです。変更内容などを書きましょう。 
[![](https://techback.info/wp-content/uploads/2021/03/img_603c9f8c9e51d.png)](https://techback.info/wp-content/uploads/2021/03/img_603c9f8c9e51d.png)

**No changes detected** と表示されれば成功。 
[![](https://techback.info/wp-content/uploads/2021/03/img_603ca0115ba69.png)](https://techback.info/wp-content/uploads/2021/03/img_603ca0115ba69.png)

プロジェクト名横のアイコンからもCommitできます。**アイコン → Commit**
[![](https://techback.info/wp-content/uploads/2021/03/img_603c99da447ac.png)](https://techback.info/wp-content/uploads/2021/03/img_603c99da447ac.png)

メッセージを入力して**enter**。 
[![](https://techback.info/wp-content/uploads/2021/03/img_603c9a6e2f56a.png)](https://techback.info/wp-content/uploads/2021/03/img_603c9a6e2f56a.png)

## Push

CodeCommitに修正内容をPushします。 **Gitアイコン** → **プロジェクト名横のアイコン** → **Push**
[![](https://techback.info/wp-content/uploads/2021/03/img_603ca18555bae.png)](https://techback.info/wp-content/uploads/2021/03/img_603ca18555bae.png)

## Pull Request

CodeCommitからPull Requestを実行します **リポジトリ** → Pull Requestする**プロジェクトを選択** → **プルリクエストの作成**
[![](https://techback.info/wp-content/uploads/2021/03/img_60413891045f0.png)](https://techback.info/wp-content/uploads/2021/03/img_60413891045f0.png)

ソースに対応したブランチ名を選択して**比較**をクリック 
[![](https://techback.info/wp-content/uploads/2021/03/img_604139af50d94.png)](https://techback.info/wp-content/uploads/2021/03/img_604139af50d94.png)

 以上で終了です。