Git/GitHubでデータを管理する
ここまで作ったファイルをGitにプッシュします。
リモートリポジトリを作成する
GitHubにアクセスしログインする。
RepositriesのNewボタンをクリックする。
- 任意のRepository nameを入力して、Create repositoryをクリックする。
- コピーアイコンをクリックして、SSHアドレスをクリップボードにコピーする。
以上でリモートリポジトリが作成されました。
ローカルリポジトリを作成する
- コマンドラインツール（Windowsであればコマンドプロンプト、Macであればターミナル）を開く。
- 本プロジェクトのルートフォルダに移動する。
- gitプロジェクトを初期化する。
$ git init
# .
# ├── .git
# ├── .vuepress
# ├── README.md
# ├── contents
# ├── node_modules
# ├── package.json
# └── yarn.lock
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
注意
git init は、必ず本プロジェクトのルートフォルダで実行してください。
- プロジェクトファイルをコミットする。
# プロジェクトファイルをステージングする。
$ git add .
# プロジェクトファイルをコミットする。
# ダブルクオーテーションの中はコミットメッセージです。
# 任意のメッセージで問題ありません。
$ git commit -m "first commit"
1
2
3
4
5
6
7
2
3
4
5
6
7
- リモートリポジトリにコミットファイルをプッシュします。
# リモートリポジトリを登録します。
# 「git remote add origin 」以降は、「リモートリポジトリを作成する」の手順4でコピーした内容をペーストします。
$ git remote add origin git@github.com:username/jamstack.git
# コミットファイルをリモートリポジトリのmasterブランチにプッシュします。
$ git push origin master
Enumerating objects: 17835, done.
Counting objects: 100% (17835/17835), done.
Delta compression using up to 4 threads
Compressing objects: 100% (13987/13987), done.
Writing objects: 100% (17835/17835), 19.73 MiB | 1.62 MiB/s, done.
Total 17835 (delta 2930), reused 17835 (delta 2930)
remote: Resolving deltas: 100% (2930/2930), done.
To github.com:username/jamstack.git
* [new branch] master -> master
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
- GitHub上のリモートリポジトリにデータが格納されていることを格納する。
ヒント
- GitHub上の表示が変わらない場合は、ページをリロードしてください。
- 一度Gitプロジェクトを作成した後は、Visual Studio Code上でGUI操作でデータのコミット、プッシュができます。