MENU
やすひら
やすひらと申します。
長靴を履いたタヌキ(ITエンジニア)です。
モノ作りの楽しさを発信中。
X(旧Twitter)のフォローもお願いします。
  1. ホーム
  2. ノウハウ
  3. エンジニアリング
  4. Git/GitHub
  5. [GitHub入門]GitHubの使い方 | GitHubを始めるための環境構築やファイル管理方法を解説

[GitHub入門]GitHubの使い方 | GitHubを始めるための環境構築やファイル管理方法を解説

Git/GitHub

GitHubはファイルのバージョンをリモート環境で管理するためのサービスです。

やすひら

GitHubの始め方を紹介します

この記事でわかること
  • GitHubの概要
  • GitHubの始め方
目次

Git/GitHubとは

Gitは、ファイルのバージョンを管理するためのツールです。
ソフトウェアの開発では、ソースコードを修正したり、ドキュメントを修正したりすることが多くあります。
ソースコードやドキュメントは、複数のエンジニアが同時に操作するため、ファイルバージョンを管理することが必要不可欠です。
Gitは、ファイルの変更履歴を記録して管理することができるツールです。

GitHubは、Gitリポジトリをホスティングするサービスです。
GitHubを使うことで、リモートでリポジトリを管理し、他のエンジニアと共同で作業することができます。

あわせて読みたい
[初心者向け]Git/GitHubの概要と使い方

GitHubの始め方

GitHubの始め方を紹介します。

Gitをインストール

Gitをインストールします。

コマンドライン

sudo apt install git

Gitをインストールします。

Gitのインストールを確認

Gitがインストールされたことを確認します。

コマンドライン

git --version

コマンド実行例

$ git --version
git version 2.17.1

Gitがインストールできていれば、バージョンが表示されます。

Gitの設定

Gitの設定として、ユーザー名とメールアドレスを登録します。

コマンドライン

git config --global user.name [ユーザ名]
git config --global user.email [メールアドレス]

コマンド実行例

$ git config --global user.name user
$ git config --global user.email user@email.com

ユーザー名とメールアドレスを登録します。

Gitの設定確認

Gitの設定を確認します。

コマンドライン

git config -list

コマンド実行例

$ git config --list
user.name=user
user.email=user@email.com

ユーザー名とメールアドレスが登録されていることを確認します。

GitHubのアカウントを作成する

GitHubのアカウントを作成します。

GitHub公式サイトにアクセスする

GitHubの公式サイトにアクセスします。

URL

https://github.co.jp/

ブラウザ画面

公式サイトにアクセスします。

アカウント登録を開始する

アカウント登録を開始します。

ブラウザ画面

[GitHubに登録する]をクリックします。

アカウント情報を入力

アカウント情報を入力します。

ブラウザ画面

アカウント情報を入力します。
– メールアドレス
– パスワード
– ユーザー名
– 定期情報を受け取るか

各項目を入力して、[Continue]をクリックします。

ロボットチェック

ロボットではないことを証明します。

ブラウザ画面

質問に回答して、ロボットではないことを証明します。

メール認証

メール認証を行います。

ブラウザ画面

入力したメールアドレスにコードが送られるため、コードを入力します。
認証ができれば、アカウントが作成されます。

サインイン

サインインします。

ブラウザ画面

アカウント情報を入力して、サインインします。

利用方法を入力

GitHubの利用用途を入力します。

ブラウザ画面

利用用途を入力して、[Continue]をクリックします。

興味があるツールを選択

興味があるツールを選択します。

ブラウザ画面

興味があるツールを選択して、[Continue]をクリックします。

プラン選択

プランを選択します。

ブラウザ画面

プランを選択します。

筆者は個人開発メインなので、[Continue for free]を選択しました。

ダッシュボード画面に遷移

ダッシュボード画面に遷移します。

ブラウザ画面

初期設定が完了すると、ダッシュボードの画面に遷移します。

アクセストークンを発行する

GitHubをコマンドで操作するためには、アクセストークンが必要です。
GitHubの設定画面からアクセストークンを発行します。

アイコンを選択

アイコンを選択します。

ブラウザ画面

右上のアイコンを選択します。

設定を選択

設定を選択します。

ブラウザ画面

[Settings]を選択します。

開発者設定を選択

開発者設定を選択します。

ブラウザ画面

[Developer settings]を選択します。

アクセストークンを選択

アクセストークンを選択します。

ブラウザ画面

[Personal access tokens]を選択します。

トークンを選択

トークンを選択します。

ブラウザ画面

[Tokens (classic)]を選択します。

トークンを発行

トークンを発行します。

ブラウザ画面

[Generate new token]を選択

トークンの発行形式を選択

トークンの発行形式を選択します。

ブラウザ画面

[Generate new token (classic)]を選択

パスワードを入力

パスワードを入力します。

ブラウザ画面

パスワードを入力して、[Confirm]をクリックします。

トークンを発行

トークンを発行します。

ブラウザ画面

以下の項目を選択します。
– Note : 利用目的を任意の文字列で入力
– Expiration : 有効期限を設定
– Select scopes : 有効範囲

設定したら、[Generate token]をクリックしてトークンを発行します。

筆者はgit操作のためにトークンを発行するため、以下の設定で選択しています。
– Note : git操作
– Expiration : 30日
– Select scopes : repo

トークンを確認

トークンを確認します。

ブラウザ画面

トークンを確認します。
表示されているトークンをコピーかスクリーンショットで保存します。

アクセストークンの文字列は、再読込やページを離れると、二度と確認できなくなってしまいます。
忘れずに控えておくようにします。

発行したトークンを確認

発行したトークンを確認します。

ブラウザ画面

発行したトークンが表示されます。
トークンの文字列は表示されません。

リモートリポジトリを作成

リモートリポジトリを作成します。

リモートリポジトリ作成を開始

リモートリポジトリ作成を開始します。

ブラウザ画面

[Create repository]をクリックします。

リモートリポジトリ情報を入力

リモートリポジトリ情報を入力します。

項目意味
Repository nameリポジトリ名称を設定
Pubulic/Privateリポジトリの公開範囲を設定
Add a README fileREADMEファイルを作成するかを設定

ブラウザ画面

以下の情報を入力します。
– Repository name
– Pubulic/Private
– Add a README file

リモートリポジトリを作成

リモートリポジトリを作成します。

ブラウザ画面

[Create repository]をクリックします。

作成したリモートリポジトリを確認

作成したリモートリポジトリを確認します。

ブラウザ画面

リモートリポジトリが作成されたことを確認します。

ローカルリポジトリを作成

ローカルリポジトリを作成します。

ローカルディレクトリを作成

ローカルディレクトリを作成します。

コマンド実行例

$ mkdir hogehoge
$ ls
hogehoge
$ cd hogehoge/
$ pwd
/home/user/hogehoge

GitHub用にローカルディレクトリを作成します。

ローカルリポジトリを作成

ローカルリポジトリを作成します。

コマンド実行例

$ git init
Initialized empty Git repository in /home/user/hogehoge/.git/

ローカルリポジトリが作成されました。

ローカルリポジトリにコミット

ローカルリポジトリにコミットします。

コミット用ファイルを配置

コミット用ファイルを配置します。

コマンド実行例

$ pwd
/home/user/hogehoge
$ echo "hogehoge" >> hogehoge.txt
$ cat hogehoge.txt 
hogehoge

コミット用ファイルを配置します。

本記事では、例としてコミット用に”hogehoge.txt”を配置します。

ステージングエリアにファイルを登録

ステージングエリアにファイルを登録します。

コマンド実行例

$ git status
On branch master

No commits yet

Untracked files:
  (use "git add <file>..." to include in what will be committed)

    hogehoge.txt

nothing added to commit but untracked files present (use "git add" to track)
$ git add hogehoge.txt 
$ git status
On branch master

No commits yet

Changes to be committed:
  (use "git rm --cached <file>..." to unstage)

    new file:   hogehoge.txt

ステージングエリアに”hogehoge.txt”が登録されました。

ローカルリポジトリにコミット

ローカルリポジトリにコミットします。

コマンド実行例

$ git commit -m "add: hogehoge.txtのファイル追加" -m "Git/GitHubの動作確認を行うため、hogehoge.txtを追加する。"
[master (root-commit) ae123ff] add: hogehoge.txtのファイル追加
 1 file changed, 1 insertion(+)
 create mode 100644 hogehoge.txt
$ git status
On branch master
nothing to commit, working tree clean
$ git log
commit ae123ff10573e9558d0f0f8e97285858d47639fa (HEAD -> master)
Author: user <user@email.com>
Date:   Mon Aug 19 13:02:38 2024 +0900

    add: hogehoge.txtのファイル追加

   Git/GitHubの動作確認を行うため、hogehoge.txtを追加する。

ローカルリポジトリにコミットして変更を登録します。

あわせて読みたい
[Git]コミットメッセージの記述方法

リモートリポジトリにプッシュ

リモートリポジトリにプッシュします。

ローカルリポジトリとリモートリポジトリを紐付け

ローカルリポジトリとリモートリポジトリを紐付けます。

コマンド実行例

$ git remote add origin https://github.com/user/hogehoge.git

ローカルリポジトリとリモートリポジトリを紐付けしました。

リモートリポジトリにプッシュ

リモートリポジトリにプッシュします。

コマンド実行例

$ git push origin master
Username for 'https://github.com': user
Password for 'https://user@github.com': 
Counting objects: 3, done.
Writing objects: 100% (3/3), 319 bytes | 319.00 KiB/s, done.
Total 3 (delta 0), reused 0 (delta 0)
To https://github.com/user/hogehoge.git
 * [new branch]      master -> master

リモートリポジトリにプッシュします。
ユーザー名は、Githubのユーザー名を入力します。
パスワードは、アクセストークンを入力します。

リモートリポジトリへの登録を確認

GitHubの管理画面で、リモートリポジトリへの登録を確認します。

ブラウザ画面

GitHubの管理画面で、”hogehoge.txt”が登録されていることを確認します。

ブランチ管理

Gitではブランチを管理することができます。

ブランチを作成

ブランチを作成します。

コマンド実行例

$ git branch hogehoge1
$ git branch
  hogehoge1
* master

ブランチを作成します。

ブランチを切り替え

ブランチを切り替えます。

コマンド実行例

$ git checkout hogehoge1
Switched to branch 'hogehoge1'
$ git branch
* hogehoge1
  master

ブランチを切り替えました。

ブランチをマージ

ブランチをマージします。

コマンド実行例

$ git merge hogehoge1
Updating ae123ff..d24019c
Fast-forward
 hogehoge1.txt | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 hogehoge1.txt

ブランチをマージしました。

まとめ

GitHubの始め方を紹介しました。

GitHubは
  • ファイルのバージョン管理ができる
  • Gitのインストールと環境構築が必要
  • GitHubはアカウント登録が必要
  • gitコマンドで操作することができる

本記事では、GitHubを利用するために必要な知識と準備について解説しました。
GitHubは、複数のエンジニアで開発する際に有効なツールです。
GitHubの使い方を習得して、チームで開発できるように準備しましょう。

Git/GitHub
  • URLをコピーしました！
目次