初心者備忘録1 チームでのgithub1

チームでgithubを使うに向けての実験備忘録


まずはtest.htmlにシンプルな内容を入力。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/5d2f89d5-16d4-62d1-8dcc-af193bdef7b0.png)
そして下記を実行。
・git init（gitの初期化)
・git add .(ステージングエリアへの追加）
・git commit -m "first commit"（コミットしコメント）
・git push -u origin main(プッシュ）

これでとりあえずGithubへのアップロードは完了
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/a42d868c-c746-448c-5f04-6727d09c44a8.png)


全体的なGithubの使用イメージはこんな感じ。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/c303a415-f14a-8d4d-6b71-caa644cdb596.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/2ea03720-cfd4-2b9d-bf8f-e1acef42d9fd.png)

環境構築が完了したらまずはブランチを切ってdevelopを作成。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/95f58b77-1bc7-c21e-57b5-2c097ce704f2.png)

ブランチを移動
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/ca9d3114-5723-c107-5e45-b94afdbe0b4d.png)
移動したことが下記文面からわかる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/b2f0a0ab-86f1-0e3f-4122-2a9652d51611.png)

仮でdevelop.htmlを作成し、githubにあげてみる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/05c0bc09-0c69-4d5e-c074-46d4a4b98db0.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/d9bfc308-0c7f-fb59-a9cf-bf2241c575f7.png)

Githubを見るとこんな表示に。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/1cb7b086-a9a9-0f30-b8c5-cb5ab28e66e3.png)

all branch を見てみる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/e5618dc8-c613-3f97-b917-69e8547d9540.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/60d4d552-3cb3-9674-c634-9a899f927393.png)


作成、移動だったら
 ブランチ名
で2つの動作を同時に行える。

試しに次に新機能追加用のブランチを切ってみる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/b31fed3f-5ee9-6241-bc13-e97afa961cda.png)
新規作成されて移動したことがわかる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/9e23b33e-03dc-98b6-946c-d37469ed16d1.png)


feature/newのブランチ内でnew.htmlを作成してみる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/336f0fd2-6db8-49c4-9a25-13a5696fe13a.png)

そしてGithubにアップロード。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/fad16734-143e-f169-ad9a-8189efc13523.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/acc63048-ac01-3751-0515-bb7bd59d42d9.png)



確認でローカルでブランチを切り替えてみる。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/b32f1728-62dd-d0cb-6d37-d466abf64fae.png)

mainに切り替えるとVisual code内も一つに減る。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/c21927ce-703a-3209-b7ff-385567664389.png)

developに切り替えるとVisual code内も2つに。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/b6bf0ec0-d2b5-8196-9f67-af3db8e7be29.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/0c3e5aa4-a5fa-2cea-8182-f38b8e2d7804.png)

feature/newに切り替えると３つに。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/a49f0e80-ca3c-a530-809d-610216a4b60f.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3309860/c0184f38-636f-10ca-3a82-e0f4089055c6.png)