Gitハンズオン準備

本資料は2024年8月27日に開催予定のハンズオン準備資料になります。

ハンズオン概要は以下から
https://ibm-developer.connpass.com/event/325763/

Transcript

1. TechXchange Dojo いまからでも遅くない！ コンテナでWebアプリケーションを 動かしてみよう（1）Gitハンズオン準備 2024年08月27日
2. 2 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation 免責事項 本資料に含まれる情報は可能な限り正確を期しておりますが、 記載された内容に関して、日本アイ・ビー・エム株式会社が 何ら保証するものではありません。 従って、本資料の情報の利用は使用者の責任において 為されるものであり、資料の内容によって受けた 如何なる被害に関しても一切の補償をするものではありません。
3. 3 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation 本スライドの目的 Gitコマンドを実行できる 環境にする
4. 4 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation 本スライドの目的 次ページの 「インストールと初期設定」 に従ってセットアップを 完了してください
5. 5 Customer Success, IBM Technology, Japan / © 2024 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 / © 2024 IBM Corporation インストールと初期設定 ➀Git Gitの公式サイトからインストーラーをダウンロードすることができます。 https://git-scm.com/downloads ダウンロード クリック (Windowsの表示例） MacOSなら こちらをクリック Windowsなら こちらをクリック
7. 7 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ➀Git 初期設定（Windows：コマンドプロンプトを開く、Mac：ターミナルを開く） cmdと入力 「コマンドプロンプト」 をクリック
8. 8 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ➀Git 初期設定（ユーザ名とメールアドレスを入力） git config ––global user.name “ユーザー名” git config ––global user.email メールアドレス
9. 9 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 （インストールは以下の選択肢以外はデフォルト設定でOK） 必ず チェック！ ➁Visual Studio Code(vscode) https://azure.microsoft.com/ja-jp/products/visual-studio-code/
10. 10 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 「Git Gra」 で絞り込み 「インストール」 ➂Git Graph(vscode拡張機能)
11. 11 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ④GitHub（アカウント作成） （1/5）画面右上のサインアップをクリック クリック
12. 12 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 （2/5）メールアドレス等を入力した後、Create accountボタンをクリック ④GitHub（アカウント作成） クリック ・メールアドレス ・ユーザー名 ・パスワード を入力
13. 13 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 （3/5）入力したメールアドレスに届いたワンタイムパスワードを入力 ④GitHub（アカウント作成） 入力
14. 14 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 （4/5）Skip personalization をクリックして個人設定をスキップ クリック ④GitHub（アカウント作成）
15. 15 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 （5/5）以下画面が表示されればアカウント設定は完了です！ ④GitHub（アカウント作成）
16. 16 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ④GitHub（トークン作成） （1/7）GitHubにアクセスし、画面右上のプロフィールボタン→Settingsをクリック
17. 17 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ④GitHub（トークン作成） （2/7）Developers settingをクリック
18. 18 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ④GitHub（トークン作成） （3/7）[∨]ボタン→tokens(classic)をクリック
19. 19 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ④GitHub（トークン作成） （4/7） Generate new token → Generate new token(classic)をクリック
20. 20 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ④GitHub（トークン作成） （5/7）トークン名とトークンの期限を入力
21. 21 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ④GitHub（トークン作成） （6/7）トークンでできる権限を設定して、Generate tokenをクリック （repo、admin:repo_hook、delete_repoにチェック） チェック チェック チェック
22. 22 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ④GitHub（トークン作成） （7/7）コピーボタンをクリック。トークンをメモしておく （GitHubにプッシュする際に利用します） クリック
23. 23 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ④GitHub（リポジトリ作成） （1/3）＋ボタン⇒「New repository」をクリック クリック
24. 24 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ④GitHub（リポジトリ作成） （2/3）「Repository name」に任意の名前を入力（ここではgit-tutorialとした）し 「create repository」をクリック git-tutorialと入力 クリック
25. 25 Customer Success, IBM Technology, Japan / © 2024 IBM Corporation インストールと初期設定 ④GitHub（リポジトリ作成） （3/3）以下のような画面になれば作成完了。おつかれさまでした。