1.
Tech Dojo
いまからでも遅くない！
Git超入門（ハンズオン準備編）
2023年1月13日
IBM Developer

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

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

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

5.
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/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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