Frontend Academy · レッスン

リモートリポジトリ：push・pull・clone

ローカルリポジトリを GitHub に接続し、コミットをリモートへ push し、チームメイトの変更を pull し、既存のリポジトリを clone します。

「リモートリポジトリ：push・pull・clone」はCoddyKit上の無料Frontend Academyレッスンです。これはレッスン3/4です。下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。これはFrontend Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Frontend Academyコースには全4レッスンが含まれています。

リモートとは

リモートとは、インターネット上（GitHub、GitLab、Bitbucket）でホストされているリポジトリのことです。リモートに自分のコミットを push し、リモートからチームメンバーのコミットを pull することで共同作業を行います。

git clone — リモートリポジトリのコピー

git clone urlは、すべての履歴とブランチを含むリモートリポジトリのローカルコピーを作成します。リモートは自動的にoriginとして追加されます。

git clone https://github.com/user/repo.git
git clone git@github.com:user/repo.git  # SSH

git remote — リモートの管理

git remote -vは、設定済みのリモートを一覧表示します。git remote add name urlはリモートを追加します。慣例として、主要なリモートにはoriginという名前を付けます。

git remote -v
# origin  git@github.com:user/repo.git (fetch)
# origin  git@github.com:user/repo.git (push)

git remote add origin https://github.com/user/repo.git

git push — コミットをリモートに送信

git push origin branchnameは、ローカルのコミットをリモートブランチにアップロードします。新しいブランチを初めて push するときは、-uを使って上流ブランチの追跡設定を行う必要があります。

git push origin main
git push -u origin feature/auth  # set upstream and push
git push                          # push to tracked remote (after -u)

git pull — リモートからコミットを取得

git pullは、追跡対象のリモートブランチから変更を取得し、現在のブランチにマージします。これはgit fetch + git mergeと同じ処理です。

git pull            # fetch and merge from tracked upstream
git pull origin main # explicit remote and branch

git fetch — マージせずにダウンロード

git fetchは、作業ディレクトリを変更せずにリモートの変更をすべてダウンロードします。チームメンバーがコミットした内容を確認してから、統合方法を決めたいときに使用します。

git fetch origin
git log origin/main --oneline  # inspect remote commits
git merge origin/main           # integrate when ready

SSH キーの設定

GitHub では認証が必要です。HTTPS ではユーザー名とトークンを使用します。SSH キーはより便利です。キーペアを生成し、公開キーを GitHub に追加すると、自動的に認証できます。

ssh-keygen -t ed25519 -C "your@email.com"
# Public key:
cat ~/.ssh/id_ed25519.pub
# Copy this into GitHub Settings → SSH Keys

upstream と origin の違い

originは自分のフォークです。upstreamは元のリポジトリです。オープンソースに貢献するときは、fork → clone → upstream リモートを追加 → upstream から pull して最新の状態を保つ、という流れになります。

git remote add upstream https://github.com/original/repo.git
git fetch upstream
git merge upstream/main

強制プッシュ — 最大限の注意が必要

git push --forceはリモートブランチの履歴を上書きします。main や共有ブランチには絶対に force push しないでください。全員の履歴を書き換えてしまいます。PR のレビュー前に、自分だけが使うリベース済みの feature ブランチに対して行う場合は安全です。

git pull --rebase

git pull --rebaseは、マージコミットを作成する代わりに、ローカルのコミットを取得したコミットの上に適用します。よりきれいで直線的な履歴になります。多くのチームでは、これを pull のデフォルト戦略に設定しています。

git pull --rebase origin main

# Set as default:
git config --global pull.rebase true

.git/config

リポジトリのローカルな git 設定は.git/configに保存されます。ここにはリモート URL と追跡ブランチが記録されます。~/.gitconfigには、名前やメールアドレスなどのグローバル設定が保存されます。

# ~/.gitconfig
[user]
  name = Alice Developer
  email = alice@example.com
[core]
  editor = code --wait

クイックチェック

git push -u origin feature/authは何をしますか？

まとめ: リモートリポジトリ

git clone はリモートリポジトリをローカルにコピーします。git remote はリモート URL を管理します。git push はコミットを送信します。git pull は取得とマージを行います。git fetch はマージせずにダウンロードします。安全な認証には SSH を使用します。origin は自分のリモート、upstream はオープンソースにおける元のリポジトリです。force push は、個人用でまだレビューされていないブランチにだけ使用します。

よくある質問

「リモートリポジトリ：push・pull・clone」レッスンは無料ですか？

はい。「リモートリポジトリ：push・pull・clone」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Frontend Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Frontend Academyコースには全4レッスンが含まれています。

「リモートリポジトリ：push・pull・clone」で何を学びますか？

ローカルリポジトリを GitHub に接続し、コミットをリモートへ push し、チームメイトの変更を pull し、既存のリポジトリを clone します。ブラウザで直接実行するハンズオンコードでFrontend Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Frontend Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのFrontend Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。これはレッスン3/4です。

「リモートリポジトリ：push・pull・clone」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このFrontend Academyレッスンでコードを書いて実行できますか？

はい。すべてのFrontend Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

← Frontend Academyに戻る