LoginSignup
2
2

【GitHub】ローカルファイルをGitHubにアップロードする

Posted at

目次

  1. 事前準備
  2. リモートリポジトリの作成
  3. ローカルリポジトリの作成
  4. ローカルからリモートへのアップロード

1. 事前準備

GitHubのアカウントを持っていない場合は作成します。
GitHub:https://github.com/

Gitをインストールしていない場合はインストールします。
Gitダウンロード(Windows):https://git-scm.com/download/win
Gitダウンロード(Mac):https://git-scm.com/download/mac

2. リモートリポジトリの作成

リモートリポジトリは、本記事では、GitHub側のリポジトリとなります。
GitHubにログインしたら、右上の「+」をクリックし、「New repository」を選択します。
Untitled.png

以下の画面が表示されます。
Screenshot 2023-06-05 013906.png
「Repository name」にリモートリポジトリの名前を付けます。
「Description」(説明文)は空でも構いません。後で編集可能です。
「Public」(公開)か「Private」(非公開)を選択します。
「Initialize this repository with:」内の項目はそのままで構いません。後で追加可能です。
「Create repository」をクリックしリモートリポジトリを作成します。

3. ローカルリポジトリの作成

コマンドライン(ターミナル)を使いローカルリポジトリを作成し、そこにデータをアップロードしていきます。

アップロードするフォルダに移動

まずはアップロードするフォルダに移動します。
(画像では「cd」コマンドを使って「test」フォルダに移動しています。)
Screenshot 2023-06-05 020557.png

「git init」コマンドでローカルリポジトリを作成

「git init」コマンドでローカルリポジトリを作成します。「Initialized empty Git repository in (フォルダのパス)」と表示されれば成功です。
Screenshot 2023-06-05 020222.png

「git add .」コマンドでステージング

「git add .」コマンドで、選択しているフォルダ内の全データをステージング(ローカルリポジトリにアップロードする対象)状態にします。特にエラーメッセージが表示されなければ成功です。
Screenshot 2023-06-05 021152.png

「git commit -m "(コミットの説明コメント)"」コマンドでローカルリポジトリに保存

「git commit -m "(コミットの説明コメント)"」コマンドで先ほどステージング状態にしたデータをローカルリポジトリに保存します。コミットの説明コメントは後で変更内容を確認する際にわかりやすい内容にしましょう。
Screenshot 2023-06-05 022020.png

4. ローカルからリモートへのアップロード

最後に、ローカルリポジトリとリモートリポジトリを紐付けして、データをアップロードしていきます。

「git remote add origin (リモートurl)」コマンドで紐付け

「git remote add origin (リモートurl)」コマンドでローカルリポジトリとリモートリポジトリを紐付けします。(リモートurl)には、GitHubで新規リポジトリ作成時に表示されるurlを使います。「HTTPS」選択時に現れるurlを使いましょう。
Screenshot 2023-06-05 022960.png
特にエラーメッセージが表示されなければ成功です。
Screenshot 2023-06-05 023244.png

「git push origin master」コマンドでアップロード

「git push origin master」コマンドで、ローカルリポジトリをリモートリポジトリへアップロードします。
Screenshot 2023-06-05 023925.png
これにてアップロード完了です。

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2