GitHubにコードを公開しよう

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

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

GitHubとは何か、なぜ使うのかがわかります。
GitHubにリポジトリを作ることができます。
git remote / git push でコードをGitHubに送ることができます。
add → commit → push の流れを身につけることができます。

📖 前回の復習：前回は git init → git add → git commit の基本フローを学びました。今回はGitHubにコードを公開します！

⚠️ 準備: このレッスンでは GitHub アカウントが必要です。まだ持っていない場合は、下の手順で作成してから進みましょう。

🌐 GitHubとは？

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

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

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

💡 Git と GitHub は別物:
Git = パソコンにインストールするバージョン管理ツール
GitHub = Git のデータをインターネット上に保存するWebサービス
Git は GitHub がなくても使えますが、GitHub を使うと共有やバックアップが簡単になります。

👤 GitHubアカウントを作る

github.com にアクセス
「Sign up」をクリック
メールアドレス・パスワード・ユーザー名を入力
メールで届く確認コードを入力して完了

💡 ユーザー名のコツ：ユーザー名はURLの一部になります（例：github.com/username）。半角英数字で短く、覚えやすい名前がおすすめです。本名でなくてもOKです。

💡 無料プランで十分！
GitHub は無料プランでも公開リポジトリを無制限に作れます。学習目的なら有料プランは不要です。

📦 GitHubにリポジトリを作る

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

⚠️ 「Add a README file」にチェックを入れないで！
チェックを入れると GitHub 側にコミットが作られ、ローカルから push するときにエラーになります。全てのチェックを外して空のリポジトリを作りましょう。

作成後に表示されるページの「…or push an existing repository from the command line」のコマンドを使います。このコマンドをそのままコピー＆ペーストすればOKです。

🚀 コードをGitHubに送る（push）

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

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

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

登録できたか確認:

$ git remote -v
origin  https://github.com/ユーザー名/my-project.git (fetch)
origin  https://github.com/ユーザー名/my-project.git (push)

git branch -M main

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

git push -u origin main

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

push 成功時の出力例:

$ git push -u origin main
Enumerating objects: 3, done.
Counting objects: 100% (3/3), done.
Writing objects: 100% (3/3), 256 bytes | 256.00 KiB/s, done.
Total 3 (delta 0), reused 0 (delta 0)
To https://github.com/ユーザー名/my-project.git
 * [new branch]      main -> main
Branch 'main' set up to track remote branch 'main' from 'origin'.

⚠️ 初回 push 時に認証を求められたら:
GitHubのパスワードではなくPersonal Access Tokenが必要です。GitHub → Settings → Developer settings → Personal access tokens で作成できます。

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

💡 push が成功したか確認するには:
ブラウザで https://github.com/ユーザー名/リポジトリ名 を開いて、ファイルが表示されていればOKです。

🔄 2回目以降のpush

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

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

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

出力例:

$ git push
Enumerating objects: 5, done.
...
To https://github.com/ユーザー名/my-project.git
   a1b2c3d..d4e5f6a  main -> main

🌿 次のレッスンの予告：ブランチとは？

main: ●──●──●──────●（マージ）
＼／
feature: ●──●

ブランチ = 本流（main）から分かれた支流。作業が終わったら本流に合流（マージ）させます。次のレッスンで詳しく学びます！

💡 今どのブランチにいるか確認する方法:
・git branch で一覧表示（* がついているのが今いるブランチ）
・VS Code の左下にもブランチ名が表示されています

💻 やってみよう！

GitHubアカウントを作成しよう
GitHubに新しいリポジトリ my-project を作ろう（チェックは全て外す）

前回作った git-practice をGitHubにpushしよう

cd git-practice
git remote add origin https://github.com/ユーザー名/my-project.git
git branch -M main
git push -u origin main

ブラウザで https://github.com/ユーザー名/my-project を開き、コードが表示されることを確認しよう
ファイルを変更して git add . → git commit → git push し、GitHub に反映されることを確認しよう

⚠️ よくあるミス

README にチェックを入れてリポジトリを作成 — push 時に「failed to push some refs」エラーが出ます。リポジトリを削除して作り直すのが一番簡単です。
push 時の認証エラー — パスワードではなく Personal Access Token が必要です。GitHub の Settings → Developer settings で作成しましょう。
URL のタイポ — git remote add origin の URL を間違えると push できません。git remote -v で確認し、間違っていたら git remote set-url origin 正しいURL で修正できます。