Slide 1

Slide 1 text

Tech Dojo いまからでも遅くない! Git超入門(ハンズオン準備編) 2023年6月20日 IBM Developer

Slide 2

Slide 2 text

2 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation 免責事項 本資料に含まれる情報は可能な限り正確を期しておりますが、 記載された内容に関して、日本アイ・ビー・エム株式会社が 何ら保証するものではありません。 従って、本資料の情報の利用は使用者の責任において 為されるものであり、資料の内容によって受けた 如何なる被害に関しても一切の補償をするものではありません。

Slide 3

Slide 3 text

3 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation 本スライドの目的 Gitコマンドを実行できる 環境にする

Slide 4

Slide 4 text

4 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation 本スライドの目的 次ページの 「インストールと初期設定」 に従ってセットアップを 完了してください

Slide 5

Slide 5 text

5 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ➀Git https://git-scm.com/downloads 以下をインストール&設定を実施する ➁Visual Studio Code(vscode) https://azure.microsoft.com/ja-jp/products/visual-studio-code/ ➂Git Graph(vscode拡張機能) https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph ④GitHub (アカウント作成、トークン作成、リポジトリ作成) https://github.co.jp/

Slide 6

Slide 6 text

6 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ➀Git Gitの公式サイトからインストーラーをダウンロードすることができます。 https://git-scm.com/downloads ダウンロード クリック (Windowsの表示例) MacOSなら こちらをクリック Windowsなら こちらをクリック

Slide 7

Slide 7 text

7 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ➀Git 初期設定(Windows:コマンドプロンプトを開く、Mac:ターミナルを開く) cmdと入力 「コマンドプロンプト」 をクリック

Slide 8

Slide 8 text

8 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ➀Git 初期設定(ユーザ名とメールアドレスを入力) git config ––global user.name “ユーザー名” git config ––global user.email メールアドレス

Slide 9

Slide 9 text

9 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 (インストールは以下の選択肢以外はデフォルト設定でOK) 必ず チェック! ➁Visual Studio Code(vscode) https://azure.microsoft.com/ja-jp/products/visual-studio-code/

Slide 10

Slide 10 text

10 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 「Git Gra」 で絞り込み 「インストール」 ➂Git Graph(vscode拡張機能)

Slide 11

Slide 11 text

11 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ④GitHub(アカウント作成) (1/5)画面右上のサインアップをクリック クリック

Slide 12

Slide 12 text

12 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 (2/5)メールアドレス等を入力した後、Create accountボタンをクリック ④GitHub(アカウント作成) クリック ・メールアドレス ・ユーザー名 ・パスワード を入力

Slide 13

Slide 13 text

13 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 (3/5)入力したメールアドレスに届いたワンタイムパスワードを入力 ④GitHub(アカウント作成) 入力

Slide 14

Slide 14 text

14 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 (4/5)Skip personalization をクリックして個人設定をスキップ クリック ④GitHub(アカウント作成)

Slide 15

Slide 15 text

15 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 (5/5)以下画面が表示されればアカウント設定は完了です! ④GitHub(アカウント作成)

Slide 16

Slide 16 text

16 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ④GitHub(トークン作成) (1/7)GitHubにアクセスし、画面右上のプロフィールボタン→Settingsをクリック

Slide 17

Slide 17 text

17 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ④GitHub(トークン作成) (2/7)Developers settingをクリック

Slide 18

Slide 18 text

18 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ④GitHub(トークン作成) (3/7)[∨]ボタン→tokens(classic)をクリック

Slide 19

Slide 19 text

19 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ④GitHub(トークン作成) (4/7) Generate new token → Generate new token(classic)をクリック

Slide 20

Slide 20 text

20 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ④GitHub(トークン作成) (5/7)トークン名とトークンの期限を入力

Slide 21

Slide 21 text

21 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ④GitHub(トークン作成) (6/7)トークンでできる権限を設定して、Generate tokenをクリック (repo、admin:repo_hook、delete_repoにチェック) チェック チェック チェック

Slide 22

Slide 22 text

22 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ④GitHub(トークン作成) (7/7)コピーボタンをクリック。トークンをメモしておく (GitHubにプッシュする際に利用します) クリック

Slide 23

Slide 23 text

23 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ④GitHub(リポジトリ作成) (1/3)+ボタン⇒「New repository」をクリック クリック

Slide 24

Slide 24 text

24 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ④GitHub(リポジトリ作成) (2/3)「Repository name」に任意の名前を入力(ここではgit-tutorialとした)し 「create repository」をクリック git-tutorialと入力 クリック

Slide 25

Slide 25 text

25 Customer Success, IBM Technology, Japan / © 2023 IBM Corporation インストールと初期設定 ④GitHub(リポジトリ作成) (3/3)以下のような画面になれば作成完了。おつかれさまでした。