Git コース
3 4
3 STEP 3 / 4

GitHubにコードを公開しよう

⏱ 約25分 やってみよう 1 クイズ 1

🎯 このレッスンで学ぶこと

  • GitHubとは何か、なぜ使うのかがわかります。
  • GitHubにリポジトリを作ることができます。
  • git remote / git push でコードをGitHubに送ることができます。
  • add → commit → push の流れを身につけることができます。
📖 前回の復習:前回は git initgit addgit commit の基本フローを学びました。今回はGitHubにコードを公開します!

🌐 GitHubとは?

GitHub(ギットハブ)は、Gitで管理しているコードをインターネット上に保存・共有できるサービスです。世界中のプログラマーが使っています。

Gitが「自分のパソコンでの変更管理」なら、GitHubは「インターネット上でのコード共有」です。GitHubにコードを置くと:

  • パソコンが壊れてもコードが残る(バックアップ)
  • 他の人にコードを見せられる(ポートフォリオ)
  • チームで一緒に開発できる(コラボレーション)

👤 GitHubアカウントを作る

  1. github.com にアクセス
  2. 「Sign up」をクリック
  3. メールアドレス・パスワード・ユーザー名を入力
  4. メールで届く確認コードを入力して完了
💡 ユーザー名のコツ:ユーザー名はURLの一部になります(例:github.com/username)。半角英数字で短く、覚えやすい名前がおすすめです。

📦 GitHubにリポジトリを作る

  1. GitHubにログインし、右上の「+」→「New repository」をクリック
  2. Repository name に my-project と入力
  3. 「Public」を選択(無料プランでは Public のみ GitHub Pages が使えます)
  4. 「Create repository」をクリック

作成後に表示されるページの「…or push an existing repository from the command line」のコマンドを使います。

🚀 コードをGitHubに送る(push)

ローカル(自分のパソコン)のリポジトリとGitHubを接続し、コードを送ります。

git remote add origin https://github.com/ユーザー名/my-project.git

remote add origin は「GitHubのリポジトリを origin という名前で登録する」という意味です。

git branch -M main

メインブランチの名前を「main」に設定します。

git push -u origin main

コードをGitHubに送信します。初回は -u を付けると、次回から git push だけで送信できます。

⚠️ よくあるミス:error: failed to push some refs」が出たら、GitHubのリポジトリ作成時に README を追加してしまった可能性があります。空のリポジトリを作り直すか、git pull origin main --allow-unrelated-histories を実行してください。

🔄 2回目以降のpush

ファイルを変更したら、いつもの流れでコミットしてpushします。

git add .
git commit -m "ヘッダーを追加"
git push

GitHubのリポジトリページを更新すると、変更が反映されています。

🌿 次のレッスンの予告:ブランチとは?

main: ●──●──●──────●(マージ)
\ /
feature: ●──●

ブランチ = 本流(main)から分かれた支流。作業が終わったら本流に合流(マージ)させます。次のレッスンで詳しく学びます!
💡 今どのブランチにいるか確認する方法:
git branch で一覧表示(* がついているのが今いるブランチ)
・VS Code の左下にもブランチ名が表示されています

💻 やってみよう!

  1. GitHubアカウントを作成しよう
  2. GitHubに新しいリポジトリを作ろう
  3. 前回作った git-practice をGitHubにpushしよう
  4. GitHubのページでコードが表示されることを確認しよう

📝 まとめ

  • ✅ GitHubはコードをインターネット上に保存・共有するサービス
  • git remote add origin URL でGitHubと接続
  • git push でコードをGitHubに送信
  • ✅ 2回目以降は add → commit → push の流れ

✅ このレッスンが終わったら

ドリルで知識を確認してから次に進むと、理解が定着しやすいよ!

次のレッスン: ブランチとチーム開発 → 📝 このレッスンの問題を解く →

このレッスンは役に立ちましたか?

目次

    📖 このレッスンの用語

    ⚠️ よくあるエラー