GitHub 基礎とコマンドリスト


GitHubは、開発者がコードを共有し、バージョン管理を行うための強力なプラットフォームです。本記事では、GitHubの基本的な使い方とGitコマンドをわかりやすく解説します。


GitHub 基礎

1. GitHubとは?

GitHubは、Gitというバージョン管理システムをクラウド上で利用可能にしたサービスです。以下のような特徴があります:

  • コードの共有と管理が簡単
  • チーム開発でのコラボレーションが容易
  • プロジェクトの進捗や問題の管理(IssueやProject機能)

2. GitHubの主な機能

  • リポジトリ (Repository): プロジェクトの単位。コードやドキュメントが格納されます。
  • プルリクエスト (Pull Request): 変更提案をレビューする仕組み。
  • イシュー (Issue): タスクや問題点を管理するための仕組み。
  • アクション (Actions): CI/CDなどの自動化。

3. 必要な準備

  1. Gitのインストール
  2. GitHubアカウントの作成
  3. SSHキーの設定(必要に応じて)

Git コマンドリスト

GitHubでの操作は、Gitコマンドを通じて行います。以下に主要なコマンドをカテゴリごとにまとめました。

1. 初期設定

git config --global user.name "Your Name"

ユーザー名を設定します。

git config --global user.email "your_email@example.com"

メールアドレスを設定します。

git config --list

設定内容を確認します。

2. リポジトリの操作

git init

新しいリポジトリを作成します。

git clone <repository-url>

既存のリポジトリをクローンします。

3. ファイルの追跡と変更

git status

現在の状態を確認します。

git add <file>

ファイルをステージングします。

git add .

全ての変更をステージングします。

git commit -m "Commit message"

ステージングした変更をコミットします。

git push

ローカルリポジトリの変更をリモートリポジトリへ反映させる

4. ブランチ操作

git branch

現在のブランチを確認します。

git branch <branch-name>

新しいブランチを作成します。

git checkout <branch-name>

ブランチを切り替えます。

git merge <branch-name>

他のブランチを現在のブランチにマージします。

5. リモートリポジトリ

git remote add origin <repository-url>

リモートリポジトリを追加します。

git push -u origin <branch-name>

初回のプッシュを行います。

git pull origin <branch-name>

リモートの変更を取得してマージします。

6. その他

git log

コミット履歴を表示します。

git diff

変更内容を表示します。

git stash

作業中の変更を一時的に保存します。

git stash pop

一時保存した変更を復元します。

よくある質問(FAQ)

Q1. GitHubとGitの違いは何ですか?

Gitはバージョン管理システムで、ローカルで使用されます。一方、GitHubはGitを基にしたクラウドサービスで、コードの共有やコラボレーションを容易にします。

Q2. 初心者におすすめのGitHub機能は?

まずはリポジトリの作成、クローン、プルリクエストを試してみると良いでしょう。これらはGitHubの基本操作です。

Q3. GitHubの無料プランでできることは?

無料プランでも無制限のパブリックおよびプライベートリポジトリを作成できます。チームでのコラボレーションや基本的なCI/CD機能も利用可能です。


まとめ

GitHubとGitを使えば、効率的にプロジェクトを管理できます。今回紹介したコマンドリストを活用して、GitHubの基本操作をマスターしましょう!

さらに詳しい解説やサンプルコードが必要な方は、以下のリンクを参考にしてください:

次回は、実際にGitHubでのプロジェクト作成と運用について詳しく解説する予定です。

✪ 画像素材がないものはランダムで表示されるようになっています。フリー素材などでご用意ください。

おすすめChromeプラグイン一覧

プラグイン名特徴
GoFullPageウェブページ全体のスクリーンショットを簡単に取得できるブラウザ拡張機能です。
ColorZilla色を抽出するための拡張機能です。
WhatFontウェブページ上のフォントの情報を簡単に確認できるブラウザ拡張機能です。
PerfectPixelデザイナーが作成したデザインと実際にコーディングされたウェブページがどの程度一致しているかを確認・調整するためのブラウザ拡張機能です。

模写の手順

ステップ内容
ステップ 1構図を手書きか全画面スクショ(Go full page等)した後、ペイントツールで四角で囲い、大まかなclass,命名規則をあらかじめ決める。
ステップ 2HTMLの基本構造を作成する
ステップ 3CSSでレイアウトを模写する
ステップ 4 中級〜JavaScriptを追加して動きを再現する
ステップ 5最終調整を行い、検証ツールやPerfectPixel(chromeプラグイン)などで完成を確認する。