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

環境・ツール

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

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

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

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

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

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

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

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

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

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

【著者プロフィール】

profile_icon
【Python・Django歴】10年 x 【営業マン歴】11年
HP作成、社内システムの構築、コンサルティング

当ブログを通じて、下記アプリの作り方、コード等を公開、解説しています

☆日報アプリ「D-Repo」(デモ版)→こちら

※Djangoをベースに作成したアプリです

☆便利ツールアプリ「Tool Station」→こちら

※Django REST frameworkとReactで作成しているアプリです

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

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

初期費用ゼロ/月9,800円でWebデザインが学べる

デザインを習得するためには、客観的なフィードバックと改善が不可欠です。

以下の記事ではこんなWebデザインスクールをご紹介しています。

  • 初期費用ゼロで、月々9,800円のみ
  • オンラインで、教材が使い放題
  • コンテストや実務案件にチャレンジして報酬もGETできる

デザナルはトップデザイナーからレビューがもらえる、格安の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には、アップロードしたくない、してはいけないファイルを入れます。

「python .gitignore」など検索すると、参考の文書も出てきます。

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 コマンド

と進めていきます。

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

当記事をご覧の方の中にも「そろそろウェブでアプリを公開してみたいなぁ」「どうやって公開するの?」という方もいらっしゃるのではないでしょうか?
下記の通り、別記事ではDjangoアプリの公開方法公開までの準備についての解説をしていますのでご覧ください!

「Webアプリを公開したい!」という方へ

【保存版】Apache WebサーバーでDjangoアプリを公開
Djangoが公開できる月500円~のレンタルサーバー
【初心者向け】ムームードメインで独自ドメインを取得する3ステップ
固定IPアドレスのみ単独で契約できる「インターリンク マイIP」Ubuntuコンピューターに固定IPを付与する方法

当ブログでは、日報アプリ開発を通じて、Webアプリを一から開発し公開するまでを初学者の方でもわかるようにと記事を連載しています

「Djangoでのアプリ開発を学びたい!」
「Djangoで開発したアプリをWebで公開するにはどうするの?」

という方は必見です!

【Django】チュートリアル|日報アプリの開発から公開まで
Djangoのチュートリアルをお探しですか?具体的に「手を動かして作ってみたい!」という方へ向けて、誰でもできる簡易的な日報アプリの開発を通じて、Djangoの様々な機能に触れていくシリーズとなっています。PythonでWebアプリを作りたい方、必見の記事となります!
タイトルとURLをコピーしました