Git コース
✓
✓
3
4
GitHubにコードを公開しよう
⏱ 約25分
やってみよう 1
クイズ 1
🎯 このレッスンで学ぶこと
- GitHubとは何か、なぜ使うのかがわかります。
- GitHubにリポジトリを作ることができます。
- git remote / git push でコードをGitHubに送ることができます。
- add → commit → push の流れを身につけることができます。
📖 前回の復習:前回は
git init → git add → git commit の基本フローを学びました。今回はGitHubにコードを公開します!
🌐 GitHubとは?
GitHub(ギットハブ)は、Gitで管理しているコードをインターネット上に保存・共有できるサービスです。世界中のプログラマーが使っています。
Gitが「自分のパソコンでの変更管理」なら、GitHubは「インターネット上でのコード共有」です。GitHubにコードを置くと:
- パソコンが壊れてもコードが残る(バックアップ)
- 他の人にコードを見せられる(ポートフォリオ)
- チームで一緒に開発できる(コラボレーション)
👤 GitHubアカウントを作る
- github.com にアクセス
- 「Sign up」をクリック
- メールアドレス・パスワード・ユーザー名を入力
- メールで届く確認コードを入力して完了
💡 ユーザー名のコツ:ユーザー名はURLの一部になります(例:
github.com/username)。半角英数字で短く、覚えやすい名前がおすすめです。
📦 GitHubにリポジトリを作る
- GitHubにログインし、右上の「+」→「New repository」をクリック
- Repository name に
my-projectと入力 - 「Public」を選択(無料プランでは Public のみ GitHub Pages が使えます)
- 「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)から分かれた支流。作業が終わったら本流に合流(マージ)させます。次のレッスンで詳しく学びます!
main: ●──●──●──────●(マージ) \ /feature: ●──●ブランチ = 本流(main)から分かれた支流。作業が終わったら本流に合流(マージ)させます。次のレッスンで詳しく学びます!
💡 今どのブランチにいるか確認する方法:
・
・VS Code の左下にもブランチ名が表示されています
・
git branch で一覧表示(* がついているのが今いるブランチ)・VS Code の左下にもブランチ名が表示されています
💻 やってみよう!
- GitHubアカウントを作成しよう
- GitHubに新しいリポジトリを作ろう
- 前回作った
git-practiceをGitHubにpushしよう - GitHubのページでコードが表示されることを確認しよう
📝 まとめ
- ✅ GitHubはコードをインターネット上に保存・共有するサービス
- ✅
git remote add origin URLでGitHubと接続 - ✅
git pushでコードをGitHubに送信 - ✅ 2回目以降は
add → commit → pushの流れ
このレッスンは役に立ちましたか?
フィードバックありがとうございます!
目次
📖 このレッスンの用語
⚠️ よくあるエラー
- TypeError: xxx is not a function — 関数でないものを呼び出している
- console.log を書いたのに何も表示されない — 開発者ツールを開いていない
- SyntaxError: Unexpected end of input — 括弧や波括弧が足りない