githubハンズオン_vscodeから作成_.pdf

Transcript

1. don-bu-rakko.com 登場人物
 自分のパソコン
 GitHub

2. don-bu-rakko.com 1. フォルダを作成
 例えば... sample という名前のフォルダを作る 
 sample
3. don-bu-rakko.com sample .git/ 2. githubリポジトリを作成する
 
 sample VSCode を使って作成するとで、githubのリポジトリ(保存場所)が作成される。この時同時に、履歴管理の
 仕組み( .git/ )もフォルダ内に作成される。 .git/ は非表示フォルダのため、ファイル一覧には表示されない。

4. don-bu-rakko.com sample .git/ 3. ファイルを作成・編集する
 
 sample PC上に作ったフォルダ(ディレクトリ)の中でファイルを作成・編集する。 
 index.html
 style.css

5. don-bu-rakko.com sample .git/ 4. 変更内容を保存する (add, commit)
 
 sample index.html
 style.css
 フォーム作成 メニュー作成 どんな変更を実施したのか？というメッセージ付きで保存する 

6. don-bu-rakko.com sample commit 履歴 sample .git/ 5. 変更内容をgithubに保存 (push)
 
 index.html
 style.css
 フォーム作成 メニュー作成 フォーム作成 メニュー作成 index.html
 style.css
 変更履歴(commit log)とともにgithubにファイルがアップロードされる 

7. don-bu-rakko.com 6. 3~5 を繰り返す (ファイル編集 → 履歴保存 → github反映 → ...)