[GitHub]Gitの仕組みやコマンドの意味はよくわからないけど、GitHubでの学習記録をとりあえず始めておきたい


はじめに

エンジニア転職に向けて、
学習記録を GitHub で管理しとくと、
面接のときにもアピールになると聞いた!

→でも、GitHubもGitもよくわからんし、今は優先してじっくり学習してる余裕もないし。
…でもやっぱり、せっかく学習進めているんだから、GitHubでの学習記録はすぐにでも始めておきたいんだけどなぁ。

そんな過去の自分が知りたかった、GitHubでエンジニアの学習記録を(Gitの理解は後回しにして)とりあえず始める方法を、できるだけ少ないステップでまとめてみました。

※私はサーバーサイド学習中の実務未経験者で、最近、UdemyのGit: もう怖くないGit!チーム開発で必要なGitを完全マスターのおかげで、もう怖くないGit!な状態になったばかりで(超おすすめです)、順調にGitHubに草を生やし始めています

※記事のとおりやってもできない等あれば、教えていただけると嬉しいです

この記事のとりあえずのゴール

  • とりあえず、学習記録(コードを書いたファイルやディレクトリ)をGitHubに初めて載せる
  • とりあえず、その後の学習記録の進捗(ファイルやコードの変更履歴)をGitHubへ記録できる

※ ステージやコミットなどの主要な用語の説明も思いっきり省略させていただくので、この記事を読んでもGitの仕組みについてはわかるようにはならないです

前提

  • パソコンはMac
  • Gitのダウンロード(GitはデフォルトでMacには入っている)
  • ターミナルでのコマンド操作(ディレクトリの移動ができる)
  • GitHubにプッシュしたことがない

0. とりあえず準備

0-1. GitHubのアカウント未登録の方は、アカウント登録する(無料)

https://github.com/

0-2. Git の初期設定

  • ターミナルで、GitHubで登録したユーザー名とメールアドレスを未設定の場合は、git configコマンドを実行して、設定しておく
ターミナル
# ユーザー名を設定(" "内は自分の user.name に置き換える)
$ git config --global user.name "github user name"

# メールアドレスを設定(GitHubで設定した自分の user.email に置き換える)
$ git config --global user.email [email protected]

1. ターミナルでの手順

1-1. 学習を記録したいディレクトリに移動する

1-2. git initコマンドを実行して .git ディレクトリを作成する

ターミナル
$ git init

※ .git ディレクトリ ができた階層とそれより下のディレクトリやファイルの変更履歴が管理される

1-3. git addコマンドを実行して、ステージに追加する

ターミナル
$ git add .

1-4. git commitコマンドを実行して、コミットする

ターミナル
$ git commit -m "コミットメッセージ"

※ コミットメッセージ は、変更内容の説明を書く

2. GitHub ページでの手順

2-1. GitHub上でリポジトリを作成する

※ リポジトリとは、履歴データの保管場所のこと

  • GitHub を開く → Your profile へ移動する

  • ① Repositories をクリックする → ② New をクリックする

  • ① Repository name を入力する → ② Create repository をクリックする

  • ① HTTPS を選択する → ② 「…or push an existing repository from the command line」のコマンドをコピーする

3. ターミナルに戻っての手順

3-1. GitHubでコピーしたコマンドを、ターミナルに貼り付けて実行する

ターミナル
$ git remote add origin https://github.com/(ユーザー名)/(リポジトリ名)
$ git branch -M main
$ git push -u origin main

※ 実行した時に、publickey(公開鍵)についての下記エラーがでたら…

エラー文
[email protected]: Permission denied (publickey).

→下記のQiita記事を参考にしたら解消しました
- GitHubでssh接続する手順~公開鍵・秘密鍵の生成から~ - Qiita


3-2. GitHubに変更履歴を送信できていれば、リロードすると内容が表示される

以上でとりあえず、学習記録(コードを書いたファイルやディレクトリ)をGitHubに載せられた!


その後…日々の学習記録のGitHubへの記録方法

下記の3つのコマンドで、学習記録をGitHubでの変更履歴として管理できる!

  • ファイルの変更履歴を残したいタイミングで、下記の3つのコマンドを実行する
ターミナル
# ステージに追加する
$ git add .
# コミットする(コミットメッセージには変更内容を書く)
$ git commit -m "コミットメッセージ"
# GitHubへ送信する
$ git push

いかがでしたでしょうか?記事のとおりやってもできない等あれば、教えていただけると嬉しいです!
最後に…Gitの学習時間が確保できれば、UdemyのGit: もう怖くないGit!チーム開発で必要なGitを完全マスターで、Gitの仕組みまで理解して裏で何が起こっているかまで理解するのがおすすめです!
ありがとうございました!