パソコン内のフォルダをgithubへアップロードする方法|図解付

※本サイトにはプロモーション・広告が含まれています。

(最終更新月:2022年2月)

✔このような方へ向けて書かれた記事となります

「パソコン内のフォルダ・ファイルをgithubへアップロードしたい!

「初心者なんだけど、覚えておくべき注意事項とかがあれば知っておきたい。」

「画像や図でわかりやすいと助かるんだけど、、、」

✔当記事を通じてお伝えすること

  • パソコン内のフォルダをgithubへアップロードする方法|図解
  • アップロードの際に気をつけるべき3つのポイント

当記事を進めるにあたっての前提条件は2つあります。

  1. gitのアカウントがあること
  2. 手元にアップロードしたいフォルダがあること

以上の2つを満たしていればあとは進めていくだけです。

Webアプリ公開の詳しいやり方はDjangoチュートリアルシリーズでご説明しています。

実際にgitを使い、本番環境へデータを移行しています。

icon
icon

筆者プロフィール

筆者プロフィールアイコン

【現職】プロダクトマネージャー

【副業】ブログ(月間20万PV)/YouTube/Web・アプリ制作

「プログラミング × ライティング × 営業」の経験を活かし、30後半からのIT系職へシフト。現在はプロダクトマネージャーとして、さまざまな関係者の間に入り奮闘してます。当サイトでは、実際に手を動かせるWebアプリの開発を通じて、プログラミングはもちろん、IT職に必要な情報を提供していきます。

【当ブログで紹介しているサイト】

当サイトチュートリアルで作成したデモ版日報アプリ

Django × Reactで開発したツール系Webアプリ

✔人に見せても恥ずかしくないコードを書こう

「リーダブルコード」は、わかりやすく良いコードの定義を教えてくれる本です。

  • 見るからにきれいなコードの書き方
  • コードの分割方法
  • 変数や関数の命名規則

エンジニアのスタンダートとすべき基準を一から解説しています。

何回も読むのに値する本なので、ぜひ手にとって読んでみてください。

パソコン内のフォルダをgithubへアップロードする方法|図解付

アップロードに向けて大きく分けて、やることは2つです。

  1. github上でレポジトリの作成
  2. ローカルフォルダ上でアップロードのための設定

githubアカウント上で行うこと

githubアカウントへログイン後、新しくリポジトリを作ります

Repository Nameを入力したら、何もチェックせず「Create Repository」をクリックします。

おすすめはSSH、設定をしていない方はHTTPSを選択して、記載されているgit@…から始まる箇所をコピーします。

github上で行うことは以上です。

ローカル環境へ移り設定を進めていきます。

【ローカル環境】アップロード予定のファイル内で行うこと

アップロードしたいフォルダ内に移動し、下記の順序で進めていきましょう。

.gitファイルを作成します。

git init

.gitignoreファイルを作成します。

nano .gitignore

レポジトリに入れたくないファイルをここに記載しておくことをオススメします。

(参考外部リンク:https://gitignore.io

configファイルを設定する

git config --global user.name "任意の名前"
git config --global user.email "任意のアドレス" 

既に完了している方は不要です。

フォルダ全てをアップロード用に準備します。

git add .

「add」に続いて、準備したいファイルを指定します。(上記のように「 . 」とすることでフォルダ内のファイル全てとなります。)

念の為アップロード用に準備したファイル一覧を確認します。

git status

公開されたくないファイル、フォルダが含まれていないか確認しましょう。

コメント付きで、対象のフォルダ・ファイルをコミットします。

git commit -m "ここにコメント"

コミット先のブランチを「main」に設定しします。

git branch -M main

先程のgit@以下をペーストし、アップロード先のgithubレポジトリを設定します。

git remote add origin <git@〜>

「origin」の後に、先程コピーした「git@〜」の箇所を入力します(<>は不要です)

アップロードします。

git push -u origin main

push後に、

Enumerating objects: 12, done.
 Counting objects: 100% (12/12), done.
 Delta compression using up to 4 threads
 Compressing objects: 100% (10/10), done.
 Writing objects: 100% (12/12), 4.20 KiB | 253.00 KiB/s, done.
 Total 12 (delta 1), reused 0 (delta 0), pack-reused 0
 remote: Resolving deltas: 100% (1/1), done.
 To github.com:username/xxxRepo.git
 [new branch]      main -> main
 Branch 'main' set up to track remote branch 'main' from 'origin'. 

などと出力されていれば完了となります!

アップロードの際に気をつけるべき3つのポイント

大半の内容は公式サイトでも記載されています。

前章でご説明しながらも公式サイトに載っていない補足情報として3つお伝えします。

.gitignoreを作る

「.git」ファイルと同列に「.gitignore」を作成しましょう。

.gitignoreには、アップロードしたくない、してはいけないファイルを入れます。

以下の記事で、Djangoプロジェクトで私が実際に使っているファイルを公開しています。

config設定

初めてgitを使う場合はグローバル設定をしておく必要があります。

config –global コマンドでconfig設定を済ませましょう。

SSH接続の設定

セキュリティ面でもSSH接続の設定をしておくと便利です。

詳しい解説は下記の記事でどうぞ↓

まとめ

当記事の内容をまとめます。

githubへアップロードするには、まずはgithub上でレポジトリのアドレスを取得します。

その上で、ローカルフォルダへ移り、

  1. git initコマンド
  2. .gitignoreファイル作成
  3. config設定
  4. git add . コマンド
  5. git commit コマンド
  6. git branch コマンド
  7. git remote コマンド
  8. git push コマンド

と進めていきます。

公式サイトにはない補足情報も記載していますので、必要な時にいつでも戻ってきてください。

✔ウェブアプリを公開したい方へのおすすめ記事

【保存版】Apache WebサーバーでDjangoアプリを公開
Djangoが公開できる月500円~のレンタルサーバー
【初心者向け】ムームードメインで独自ドメインを取得する3ステップ
【実体験】マイIPの使い方を解説|固定IPアドレスを取得・設定する
タイトルとURLをコピーしました