[GitHub勉強会資料 CLI版]How To Use GitHub In CLI

Slide 1

Slide 1 text

“ How To Use GitHub In CLI K22120 Haruto Makino 外部公開用

Slide 2

Slide 2 text

お品書き 1. バージョン管理ツールとはなにか？ 2. Gitのインストール 3. GitHubアカウントを作成しよう 4. Gitの初期設定を行う 5. Gitの基本的な流れ 6. 実際にcommitまでやってみる 7. ファイルの変更を行ってみる 8. ブランチを切ってみる 9. チェックアウトをしてみる 10. プルリクをしてみる 2

Slide 3

Slide 3 text

このスライドの見方(CLI) 3 $ brew -v > Homebrew 3.5.4 $が書いてある場合は入力して欲しいコマンドです > が書いてある場合は出力される結果です $ git config >-global user.name "ユーザー名" “〜〜〜”と書いてある時は〜〜〜だけ入力してください

Slide 4

Slide 4 text

このスライドの見方 4 右上に、Appleマークか、Windowsのマークがあると思います ● AppleマークはMacユーザー対象 ● WindowsマークはWindowsユーザー対象インストールや、環境構築で多少変化すると思いますうまく読み飛ばしてもらえると助かります

Slide 5

Slide 5 text

Chap.1 バージョン管理ツールとは何か？ 5

Slide 6

Slide 6 text

Git とは何か？ ● バージョン管理システムの1つ ○ ファイルの変更履歴を管理してくれる ○ チーム開発のコード管理をしてくれる 6

Slide 7

Slide 7 text

Git どういうときに使うのか ● データを戻したいとき ● データを混ぜ合わせるとき ● コードのバックアップをとるとき 7

Slide 8

Slide 8 text

Chap.2 Gitのインストール 8

Slide 9

Slide 9 text

ターミナルを起動しよう（Mac） ⌘Command Space ＋ターミナルと入力 Enterを押す 9

Slide 10

Slide 10 text

コマンドプロンプトを起動させよう（Windows） Windowsキー R ＋ cmdと入力 OKを押す引用元：（コマンドプロンプトを起動する） https://www.javadrive.jp/command/ini/index1.html 10

Slide 11

Slide 11 text

コマンドプロンプトを起動させよう（Windows）引用元：（コマンドプロンプトを起動する） https://www.javadrive.jp/command/ini/index1.html コマンドプロンプトが立ち上がるはずです。 11

Slide 12

Slide 12 text

Gitが入っているか確認してみよう $ git version > git version 2.33.0.windows.2　＜ー　人によってかわってる Git のバージョンが帰ってこない場合、インストールが出来ていません。インストールから始めましょう！！ 12

Slide 13

Slide 13 text

Gitをインストールしてみる（Mac） $ brew install git $ git -v > git version 2.37.0 バージョンが帰ってきたらインストール完了です。 13

Slide 14

Slide 14 text

Topic！　Brewが入っていない方へ。 $ /bin/bash -c "$(curl -fsSL https:>/raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" $ echo 'eval $(/opt/homebrew/bin/brew shellenv)' >> ~/.zprofile $ eval $(/opt/homebrew/bin/brew shellenv) & brew -v > Homebrew 3.5.4 > Homebrew/homebrew-core (git revision 7d69acd3065; last commit 2022-07-13) > Homebrew/homebrew-cask (git revision ce084d024b; last commit 2022-07-13) Brewが入っていない方は上の3行を貼り付けてみましょう！！ 14

Slide 15

Slide 15 text

インストール手順　（Windows）以下URL参照 https://prog-8.com/docs/git-env-win チャプター1　[Gitのインストール]まで行う時間があるときにまた書きます今はこれで許して(人д｀o) 15

Slide 16

Slide 16 text

Chap.3 GitHubアカウントを作成しよう 16

Slide 17

Slide 17 text

GItHubとは？ GitHub上にコードをあげてネットに公開したり、チーム開発でコードを集結させるのに用いる 17

Slide 18

Slide 18 text

GItHubとGitの違いは？ 18 バージョン管理をするシステムの名前オンラインでソースコードを保存してくれるサービスの名前 Gitは「プロジェクトやソースコードのバージョン管理を行うツール」過去に書いたコードの内容を復元したり、複数人での同時作業を効率的に進められる。一方で、GitHubはGitを利用した開発者向けのウェブサービス GitHubには開発者にとって便利な機能が多く提供されている。 Gitを使った他のウェブサービスも存在しますが、世界的に最も広く使われているのはGitHubである。

Slide 19

Slide 19 text

プログラミングを行うに当たって便利なものですアカウントを持っていない方は作っていきましょう 19

Slide 20

Slide 20 text

GItHubアカウントを作成する。 https://github.com　にアクセスする 20

Slide 21

Slide 21 text

GItHubアカウントを作成する。サインアップを押そう 21

Slide 22

Slide 22 text

GItHubアカウントを作成する。メールアドレスを入力する大学のメールにすると自動でPro版になります 22

Slide 23

Slide 23 text

GItHubアカウントを作成する。パスワード大文字、小文字、数字、記号を入れるメールアドレス大学のメールにすると自動で Pro版になりますユーザー名後で使うので控えておいてくださいキャンペーンメールの許可基本はnで大丈夫 23

Slide 24

Slide 24 text

GItHubアカウントを作成する。認証をクリアして、人間だと証明しましょう 24

Slide 25

Slide 25 text

GItHubアカウントを作成する。最後にクリエイトアカウントでアカウント作成する 25

Slide 26

Slide 26 text

GItHubアカウントを作成する。メールアドレスに届いたコードを入力する 26

Slide 27

Slide 27 text

GItHubアカウントを作成する。三つのアンケートに答えましょうチーム開発はどれくらいの人数で行うのか？学生か先生か？ 27

Slide 28

Slide 28 text

GItHubアカウントを作成する。三つのアンケートに答えましょう GitHubで気になるサービスを選択しましょう。よくわからない方は、画面のチェックに合わせてもらえれば大丈夫です。 28

Slide 29

Slide 29 text

GItHubアカウントを作成する。三つのアンケートに答えましょうプランを選択します。 Freeプランを選択しましょう 29

Slide 30

Slide 30 text

GItHubアカウントを作成する。アカウントを作成することができました！！ 30

Slide 31

Slide 31 text

Chap.4 Gitの初期設定を行う 31

Slide 32

Slide 32 text

ローカルとリモートについて 32 リモートローカル作業環境にはそれぞれ名前がついていて、自分のPCの環境には「ローカル」 GitHubなどのウェブ上の作業環境には「リモート」と呼ばれる

Slide 33

Slide 33 text

ローカルとリモートの紐付けする設定 33 リモートローカル ● SSHキー ● ユーザー名 ● メールアドレスローカル側とリモート側を紐づけるためにSSHキー、ユーザー名、メールアドレスを用いるこの内容を用いて、ソースコードに自分が書いた情報を付け加える

Slide 34

Slide 34 text

コマンドコンソールを開く（Windows）インストールした時に一緒にダウンロードされた GitBashを開く引用元：（【Windows】Gitの環境構築をしよう！） https://prog-8.com/docs/git-env-win 34

Slide 35

Slide 35 text

コマンドコンソールを開く（Windows）こういったものが開かれたはずです。引用元：（【Windows】Gitの環境構築をしよう！） https://prog-8.com/docs/git-env-win 35

Slide 36

Slide 36 text

ターミナルを起動しよう（Mac） ⌘Command Space ＋ターミナルと入力 Enterを押す 36

Slide 37

Slide 37 text

ユーザー名とアドレスを登録する $ git config --global user.name "ユーザー名" $ git config --global user.email "メールアドレス" $ git config user.name > “ユーザー名” $ git config user.email > “メールアドレス” 37

Slide 38

Slide 38 text

SSHを用いてログインをする理由 2021年8月13日まではユーザー名とパスワードを用いてログインを行っていました。しかし、ユーザー名とパスワードでは、漏れてしまった時に乗っ取られる危険があったため、よりセキュアである、公開鍵認証を用いた。 38 ユーザー名パスワード＋公開鍵

Slide 39

Slide 39 text

SSHを用いるメリット ● 認証に必要な秘密情報そのものはネットワーク上に送出されない ● 認証に使われる署名は一時的なもので再利用はできない ● 秘密鍵を推測して偽造することは非常に困難 ● パスフレーズを設定して鍵そのものをロックすることができる 39 引用元：https://qiita.com/toshio_nakayama/items/719559ab94cc86541176 なんかめっちゃ強い

Slide 40

Slide 40 text

SSHキーを作成する $ ls -al | grep .ssh > -rw------- 1 k22120kk staff 20 7 13 18:48 .lesshst > drwx------ 18 k22120kk staff 576 7 12 03:34 .ssh //.sshが表示されない時はmkdirで作成しましょう $ mkdir .ssh $ cd .ssh 40

Slide 41

Slide 41 text

SSHキーを作成する $ ssh-keygen -t ed25519 引用元：（【Windows】Gitの環境構築をしよう！） https://prog-8.com/docs/git-env-win ⏎ Enter ⏎ Enter ⏎ Enter ファイル名の指定今回はデフォルトなのでそのままエンターパスワードの設定今回はそのままエンターパスワードの確認今回はそのままエンター 41

Slide 42

Slide 42 text

SSHキーを作成する $ ls ~/.ssh > id_ed25519 id_ed25519.pub SSHキーが作成できたかどうか確認しましょう 42

Slide 43

Slide 43 text

SSHキーを作成する $ cat ~/.ssh/id_ed25519.pub > ssh-ed25519 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA SSHキーの公開鍵が表示されるので、コピーをします。 43

Slide 44

Slide 44 text

SSHキーをGitHubに登録する https://github.comにアクセスする 44

Slide 45

Slide 45 text

SSHキーをGit Hubに登録するアイコンをクリックして、 Settingsを押す 45

Slide 46

Slide 46 text

SSHキーをGit Hubに登録する SSH and GPG keysを押す 46

Slide 47

Slide 47 text

SSHキーをGit Hubに登録する New SSH key を押す 47

Slide 48

Slide 48 text

SSHキーをGit Hubに登録するわかりやすい名前をつけるコピーしたキーを貼り付ける Mac:Command + V Win:ctrl + V Add　SSH　keyを押す 48 Key type は　 Authentication Key

Slide 49

Slide 49 text

SSHキーをGit Hubに登録する登録した名前が表示されれば成功です 49

Slide 50

Slide 50 text

SSH接続を確認する $ ssh -T [email protected] > This key is not known by any other names Are you sure you want to continue connecting (yes/no/ [fingerprint])? yes Hi <ユーザー名> ! You’ve successfully authenticated, but GithHub does not provide shell access. 実行して、yesかnoかを聞かれたら、yesと答えましょう。 Hi の後にユーザー名が出力されれば成功です。 50

Slide 51

Slide 51 text

Chap.5 Gitの基本的な流れ 51

Slide 52

Slide 52 text

Gitの大きな流れ ● Add コミットするファイルを追加する ● Commit 追加・変更点をGitに追加する ● Puth リモート(ネット)に打ち上げる ● Pull リモート(ネット)から変更点をもらう 52 引用元：（Progate-Git） https://prog-8.com/slides?displayed_id=2642&lesson=66

Slide 53

Slide 53 text

前提条件 53 ローカル側に、HTML,CSS,JS ファイルがあり、 Gitで管理を行うとする

Slide 54

Slide 54 text

Gitの状態とは？ 54 ワークツリーステージリポジトリローカルの環境は3つのエリアに分かれている変更履歴の記録履歴を新しく保存する一覧を用意する場所作業をする場所

Slide 55

Slide 55 text

Gitの状態とは？ 55 ワークツリーステージリポジトリローカルの環境は3つのエリアに分かれている変更履歴の記録履歴を新しく保存する一覧を用意する場所作業をする場所ファイルの編集コーディング追加 git add コミット git commit

Slide 56

Slide 56 text

ファイルの編集をしているとき 56 ワークツリーローカルステージリポジトリワークツリーのファイルを編集する

Slide 57

Slide 57 text

addをすると 57 ワークツリーローカルステージリポジトリワークツリーからステージにファイルを上げるイメージとしては、コミットしたいファイルを選択しているだけ

Slide 58

Slide 58 text

commitをすると 58 ワークツリーローカルステージリポジトリステージに上がっているファイルを一塊にして、履歴として残すイメージとしては、残したいタイミングでファイルをコピーして残している感じ id: 1

Slide 59

Slide 59 text

ファイルを少し変更する 59 ワークツリーローカルステージリポジトリ id: 1 新しく、HTMLファイルに Buttonのタグを追加したとする

Slide 60

Slide 60 text

変更点をaddする 60 ワークツリーローカルステージリポジトリ id: 1 変更したファイルだけステージに上げるそれ以外のファイルはあげない Gitは差分だけを保存する

Slide 61

Slide 61 text

変更点をcommitする 61 ワークツリーローカルステージリポジトリ id: 1 ステージに上がっているファイルの変更内容を、変更履歴に残す id: 2

Slide 62

Slide 62 text

pushとは？ 62 ワークツリーステージリポジトリローカルの状態をリモートにアップロードする変更履歴の記録履歴を新しく保存する一覧を用意する場所作業をする場所 GitHub オンライン上のファイルを管理するサービス push プッシュ　(アップロード) ローカルリモート

Slide 63

Slide 63 text

pullとは？ 63 ワークツリーステージリポジトリリモートの状態をローカルにダウンロードする変更履歴の記録履歴を新しく保存する一覧を用意する場所作業をする場所 GitHub オンライン上のファイルを管理するサービス pull プル　(ダウンロード) ローカルリモート

Slide 64

Slide 64 text

pushすると 64 ローカルリポジトリ id: 1 id: 2 GitHub リモート GitHub側で、リポジトリは作って、ローカルと紐付けは終わっている状態

Slide 65

Slide 65 text

ローカルのリポジトリと GitHub側のリポジトリを同じ状態にする（アップロードする） pushすると 65 ローカルリポジトリ id: 1 id: 2 GitHub リモート push プッシュ　(アップロード) id: 2 id: 1

Slide 66

Slide 66 text

Chap.6 実際にcommitまでやってみる 66

Slide 67

Slide 67 text

Gitの大きな流れ ● Add コミットするファイルを追加する ● Commit 追加・変更点をGitに追加する ● Puth リモート(ネット)に打ち上げる ● Pull リモート(ネット)から変更点をもらう 67 引用元：（Progate-Git） https://prog-8.com/slides?displayed_id=2642&lesson=66

Slide 68

Slide 68 text

GItHubでリポジトリを作成する https://github.com　にアクセスする 68

Slide 69

Slide 69 text

GItHubでリポジトリを作成するクリックしてプロフィールをみてみましょう 69

Slide 70

Slide 70 text

GItHubでリポジトリを作成する ● Repository をクリックする。 70

Slide 71

Slide 71 text

GItHubでリポジトリを作成する ● Newをクリックする。 71

Slide 72

Slide 72 text

GItHubでリポジトリを作成する ● リポジトリの名前 ● リポジトリの説明 ● リポジトリの公開パブリックでお願いします ● リポジトリの作成 ● あとはそのまま 72

Slide 73

Slide 73 text

GItHubでリポジトリを作成する ● SSHの方が選択されていることを確認して、コピーをする SSHを確認コピーをする 73

Slide 74

Slide 74 text

ターミナルを起動しよう（Mac） ⌘Command Space ＋ターミナルと入力 Enterを押す 74

Slide 75

Slide 75 text

コマンドプロンプトを起動させよう（Windows） Windowsキー R ＋ cmdと入力 OKを押す引用元：（コマンドプロンプトを起動する） https://www.javadrive.jp/command/ini/index1.html 75

Slide 76

Slide 76 text

コマンドプロンプトを起動させよう（Windows）引用元：（コマンドプロンプトを起動する） https://www.javadrive.jp/command/ini/index1.html コマンドプロンプトが立ち上がるはずです。 76

Slide 77

Slide 77 text

簡単なコンソールのおさらい　for Mac $ mkdir gitTest //ディレクトリの作成 $ cd gitTest //ディレクトリの移動 $ ls　//今いるフォルダーに何があるか確認 $ touch index.html //からのファイルの作成 $ cat ファイル名　//ファイルの中身を表示 $ echo "追加で書くもの" >> ファイル名　//ファイルに追加書き込み 77

Slide 78

Slide 78 text

簡単なコンソールのおさらい　for Windows $ mkdir gitTest //ディレクトリの作成 $ cd gitTest //ディレクトリの移動 $ dir　//今いるフォルダーに何があるか確認 $ type nul > index.html //からのファイルの作成 $ type ファイル名 //ファイルの中身を表示 $ echo "追加で書くもの" >> index.html //ファイルに追加書き込み 78

Slide 79

Slide 79 text

プロジェクトを立ててみる $ mkdir src //srcファイルがある時はやらなくて大丈夫です $ cd src $ mkdir gitTest $ cd gitTest $ git init > Initialized empty Git repository in <それぞれのパス>/.git/ GitTest “Git init”でバージョン管理を行う設定をした 79

Slide 80

Slide 80 text

プロジェクトを立ててみる $ git remote add origin <さっきコピーしたデータ> 実際打ってみたコードを貼り付けておく Git Test やり取りできるように設定 80

Slide 81

Slide 81 text

ファイルを作成する Macの場合 $ touch index.html windowsの場合 $ type nul > index.html 81 ワークツリーステージリポジトリワークツリーのファイルを編集する

Slide 82

Slide 82 text

Addをしてみる $ git add index.html $ git add -A //Aは大文字 Topic！今のプロジェクトのデータをすべて選択したい場合 82 ワークツリーステージリポジトリターミナルの内容

Slide 83

Slide 83 text

ステータスを見てみる $ git status > On branch master Changes to be committed: (use "git restore --staged ..." to unstage) modified: index.html 今のファイルの状態を見ることが出来ます。今は、コミットされるファイルが表示されています。 83

Slide 84

Slide 84 text

コミットをしてみる $ git commit -m “初めてのコミット” 84 ワークツリーステージリポジトリ id: 1 ターミナルの内容

Slide 85

Slide 85 text

コミットした履歴を見てみる $ git log > commit 0cd513265131d7f2d915e9965d5b10ba94e80a44 (HEAD -> master ) 　Author: harutiro 　Date: Wed Jul 13 10:48:44 2022 +0900 初めてのコミットコミットをした履歴をみることが出来ます。 85

Slide 86

Slide 86 text

プッシュをしてみる $ git push origin main 86 ワークツリーステージリポジトリ id: 1 GitHub id: 1 ターミナルの内容ローカル側の変更点をリモートにアップロードする

Slide 87

Slide 87 text

変更点をPushすることができました実際にGitHubで確認をしてみましょう 87

Slide 88

Slide 88 text

GItHubでリポジトリを作成する ● コピーをしたページを開いて Webを更新をします。 88

Slide 89

Slide 89 text

GItHubでリポジトリを作成する ● 作成されているファイルが表示されていたら成功です。 89

Slide 90

Slide 90 text

プルをしてみる $ git pull origin main GitTest index.html 初めてのコミット GitHub上のリポジトリの変更点をダウンロードしてくれる pull 90

Slide 91

Slide 91 text

お疲れ様です　🍵 91

Slide 92

Slide 92 text

まとめ $ git init //gitを使えるようにする $ git remote add origin //リモートの追加 $ git add <ファイル名> //コミットするファイルの追加 -Aですべて選択 $ git commit -m “コミットメッセージ”//コミットをする $ git push origin main //リモートに打ち上げる $ git pull origin main //リモートからデータを貰う基本使うのはこの６つのコマンド Gitを使いこなして、Gitマスターになろう！！ 92

Slide 93

Slide 93 text

おまけ $ git status $ git log $ git diff Git状態を知る様々なコマンド、どういった動きをするか、実行をしてみよう。 93

Slide 94

Slide 94 text

Chap.7 ファイルの変更を行ってみる 94

Slide 95

Slide 95 text

ファイルの変更を行う（Windowsの人） $ notepad index.html GitTest index.html エディターを使ってファイルを編集してみましょう 95

Slide 96

Slide 96 text

ファイルの保存をしよう（Windowsの人） ⌃ Control S + 普通にメニューバーから保存もできるよ！！ 96

Slide 97

Slide 97 text

ファイルの変更を行う（Macの人） $ nano index.html GitTest index.html UW PICO 5.09 File: index.html Modified　　　　　こんにちは世界 ^G Get Help ^O WriteOut ^R Read File ^Y Prev Pg ^K Cut Text ^C Cur Pos ^X Exit ^J Justify ^W Where is ^V Next Pg ^U UnCut Text ^T To Spell エディターを使ってファイルを編集してみましょう 97

Slide 98

Slide 98 text

ファイルの保存をしよう(Macの人) ⌃ Control X Y ⏎ return + 98

Slide 99

Slide 99 text

add・commit・pushをしてみる $ git add -A $ git commit -m “indexに文を追加した” $ git push origin main これで新しい変更を保存することが出来ました。 99

Slide 100

Slide 100 text

ギットログをグラフ形式で見てみる(短い版) $ git log --graph --all > * harutiro 9471325 (HEAD -> master) indexに文を追加した * harutiro 0cd5132 初めてのコミット今はただの点に見えますが、今後Gitをたくさん使っていくとどんどんカラフルになります。 100

Slide 101

Slide 101 text

ギットログをグラフ形式で見てみる $ git log --graph --all --format="%x09%C(cyan bold)%an%Creset%x09%C(yellow)%h%Creset %C(magenta reverse)%d%Creset %s" > * harutiro 9471325 (HEAD -> master) indexに文を追加した * harutiro 0cd5132 初めてのコミット今はただの点に見えますが、今後Gitをたくさん使っていくとどんどんカラフルになります。 101

Slide 102

Slide 102 text

草を増やそうこの流れでどんどんコミットを増やして草を生やしていきましょう 102 引用元：（Progate-Git） https://prog-8.com/slides?displayed_id=2642&lesson=66

Slide 103

Slide 103 text

ここから余裕があれば 103 赤ｱｹﾞﾃ ◆＼(´-`) 　白ｱｹﾞﾃ ◆＼(´-`)／◇

Slide 104

Slide 104 text

Chap.8 ブランチを切ってみる 104

Slide 105

Slide 105 text

ブランチを切る利点 ● コードを書くときにMainブランチは、エラーが絶対出ない、安全地帯にする必要がある。 ● どんなにメチャクチャにしてもいい場所をつくって開発する。ハイパーつよつよ、すごい大規模な変更 105

Slide 106

Slide 106 text

ブランチを切る利点 ● ブランチを切ることによって、どんなにヘンテコなものを書いても許される。（実際には書かないでね！！）めっちゃいい感じの新規機能を作成しました！超特大バグ・エラー 106

Slide 107

Slide 107 text

コンフリクトとは ● Mainブランチはみんなで開発をするとコンフリクト（コードの衝突）が起きることもある。 Aさん 1行目はアラートの表示を書く Bさん 1行目は、ボタンの処理を書く 1行目が、ボタンの処理か、アラートの処理かわからん 107

Slide 108

Slide 108 text

mainブランチから切り離してみましょう 108

Slide 109

Slide 109 text

ブランチの一覧を表示してみる $ git branch > * master masterブランチ今あるブランチの一覧を表示します＊がついているところが今いるブランチです。 109 注意！　ブランチ名がmasterの場合とmainの場合があるので、確認をお願いします。そしてmainだった場合はうまく読み替えてください。

Slide 110

Slide 110 text

ブランチを作ってみる $ git branch newBranch $ git branch > * master newBranch masterブランチ newBranchが出来た 110

Slide 111

Slide 111 text

チェックアウト ● ブランチを切った後に、その場所にずれる ● HEADは今いるブランチの最新の変更点 Origin / HEAD Origin / HEAD 今いる場所からずれる Headとは何か説明をする記事 https://qiita.com/takeokunn/items/5bc499121a21f8c5b990 111

Slide 112

Slide 112 text

ブランチを移動してみる $ git checkout newBranch $ git branch > master * newBranch masterブランチ Origin / HEAD Origin / HEAD 今いる場所からずれる 112

Slide 113

Slide 113 text

それでは、ファイルを変更してコミットをしてみましょう 113

Slide 114

Slide 114 text

新しいコミットをつくってみよう $ echo 追加で書くもの >> index.html $ git add -A $ git commit -m “indexに文を追加した2” $ git push origin newBranch masterブランチ newBranch 114

Slide 115

Slide 115 text

ログを確認してみよう $ git log --graph --all --format="%x09%C(cyan bold)%an%Creset%x09%C(yellow)%h%Creset %C(magenta reverse)%d%Creset %s" > * harutiro d4f1cc9 (HEAD -> newBranch) indexに文を追加した2 * harutiro 9471325 (master) indexに文を追加した * harutiro 0cd5132 初めてのコミット masterブランチ Origin / HEAD 115

Slide 116

Slide 116 text

ブランチを切った後の流れ ● あとはこの流れに沿って、Gitを使っていきましょう 116 引用元：（Progate-Git） https://prog-8.com/slides?displayed_id=2642&lesson=66

Slide 117

Slide 117 text

Chap.9 チェックアウトをしてみる 117

Slide 118

Slide 118 text

チェックアウト ● ブランチを切った時に、Mainに戻りたい時があります。その時にチェックアウトをして戻りましょう ● HEADは今いるブランチの最新の変更点 Origin / HEAD Origin / HEAD 今いる場所からずれる Headとは何か説明をする記事 https://qiita.com/takeokunn/items/5bc499121a21f8c5b990 118

Slide 119

Slide 119 text

チェックアウトをして、Mainブランチに戻ってみましょう 119

Slide 120

Slide 120 text

ファイルの中身を確認する（Windows） Windowsの方 $ type index.html > 追加で書くもの Indexに文を追加した //書いた内容によって表示はまちまちになります masterブランチ Origin / HEAD 120

Slide 121

Slide 121 text

ファイルの中身を確認する（Mac） Macの方 $ cat index.html > 追加で書くもの Indexに文を追加した //書いた内容によって表示はまちまちになります masterブランチ Origin / HEAD 121

Slide 122

Slide 122 text

ブランチを移動してみる $ git checkout main $ git branch > * master newBranch masterブランチ Origin / HEAD Origin / HEAD 今いる場所からずれる 122

Slide 123

Slide 123 text

これでMainブランチに戻ることができました。 123

Slide 124

Slide 124 text

変更されているファイルが戻っているか確認をしてみましょう。 124

Slide 125

Slide 125 text

ファイルの中身を確認する（Windows） Windowsの方 $ type index.html > 追加で書くもの //書いた内容によって表示はまちまちになります masterブランチ Origin / HEAD 125

Slide 126

Slide 126 text

ファイルの中身を確認する（Mac） Macの方 $ cat index.html > 追加で書くもの //書いた内容によって表示はまちまちになります masterブランチ Origin / HEAD 126

Slide 127

Slide 127 text

ログを確認してみよう $ git log --graph --all --format="%x09%C(cyan bold)%an%Creset%x09%C(yellow)%h%Creset %C(magenta reverse)%d%Creset %s" > * harutiro d4f1cc9 (newBranch) indexに文を追加した2 * harutiro 9471325 (HEAD -> master)indexに文を追加した * harutiro 0cd5132 初めてのコミット masterブランチ Origin / HEAD 127

Slide 128

Slide 128 text

Chap.10 プルリクをしてみる 128

Slide 129

Slide 129 text

Pull Requestとは？マージを誰かにお願いする機能 129

Slide 130

Slide 130 text

マージの問題点 130

Slide 131

Slide 131 text

プルリクエストのいい点 131

Slide 132

Slide 132 text

ツリーをみながら考えてみる ● 最後Mainにマージをする時にエラーやバグ、Typoミスなどを確認（レビュー）してマージをする。このタイミングでおかしいところがあれば、もう一度やり直してもらうここエラー出るやん、修正お願いします。 132 超特大バグ・エラー

Slide 133

Slide 133 text

Gitのリポジトリにアクセスする https://github.com/<ユーザー名>/<リポジトリ名> 133

Slide 134

Slide 134 text

ブランチのプルリクを送る Pull Requestsを選択しよう 134

Slide 135

Slide 135 text

ブランチのプルリクを送る New Pull Requestを選択しよう 135

Slide 136

Slide 136 text

ブランチのプルリクを送るどのブランチからどこにマージをしたいのか選択しよう 136

Slide 137

Slide 137 text

ブランチのプルリクを送る選択ができたらView pull requestを選択しよう 137

Slide 138

Slide 138 text

ブランチのプルリクを送るマージしたい内容についてコメントを書こう編集したら Create pull requestを押そう 138

Slide 139

Slide 139 text

ブランチのプルリクを送るレビューをする人は内容を確認したら Merge pull requestを押す今回は自分でマージをしよう 139

Slide 140

Slide 140 text

マージしたコードをダンロードする $ git pull origin main これで、マージした情報をGitHub側からダウンロードができます 140

Slide 141

Slide 141 text

まとめ $ git branch //作業領域を切り分けるコマンド $ git checkout //ブランチを移動するコマンドチーム開発で使うのはこの2つのコマンド Gitを使いこなして、Gitマスターになろう！！ 141 Pull request //マージを他の人にお願いするgithubの機能

Slide 142

Slide 142 text

参考文献・引用文献 142 [【Windows】Gitの環境構築をしよう！]　https://prog-8.com/docs/git-env-win [【Mac】Gitの環境構築をしよう！] https://prog-8.com/docs/git-env [フリーアイコンの数千人]　https://icon-icons.com/ja/ [【MacOS】Homebrew経由でGitをインストールする方法] https://blog.cloud-acct.com/posts/u-homebrew-git-install/ [コマンドプロンプトを起動する] https://www.javadrive.jp/command/ini/index1.html [【Linux】ファイル検索のあれこれ【ls/find/grep/xargs】] https://kojimanotech.com/2018/12/28/113/#outline__3 [サル先生のGitHub入門　プルリクエストとは？]https://backlog.com/ja/git-tutorial/pull-request/01/ [git log を見やすくする]https://qiita.com/takasianpride/items/842a785af610025a2030