GitHubは、開発者がコードを共有し、バージョン管理を行うための強力なプラットフォームです。本記事では、GitHubの基本的な使い方からGitコマンド、さらにGitHub Pagesを使った無料のウェブサイト公開方法までを解説します。
GitHubとは？基本を理解しよう
GitHubは、Gitというバージョン管理システムをクラウド上で利用可能にしたサービスです。以下のような特徴があります：
- コードの共有と管理が簡単
- チーム開発でのコラボレーションが容易
- プロジェクトの進捗や問題の管理（IssueやProject機能）
GitHubの主な機能
- リポジトリ (Repository): プロジェクトの単位。コードやドキュメントが格納されます。
- プルリクエスト (Pull Request): 変更提案をレビューする仕組み。
- イシュー (Issue): タスクや問題点を管理するための仕組み。
- アクション (Actions): CI/CDなどの自動化。
GitHubを使うための準備
- Gitのインストール
- GitHubアカウントの作成
- SSHキーの設定（必要に応じて）
Git基礎コマンドリスト
GitHubでの操作は、Gitコマンドを通じて行います。以下に主要なコマンドをカテゴリごとにまとめました。
初期設定
git config --global user.name "Your Name"
ユーザー名を設定します。
git config --global user.email "your_email@example.com"
メールアドレスを設定します。
git config --list
設定内容を確認します。リポジトリの操作
git init
新しいリポジトリを作成します。
git clone <repository-url>
既存のリポジトリをクローンします。ファイルの追跡と変更
git status
現在の状態を確認します。
git add <file>
ファイルをステージングします。
git add .
全ての変更をステージングします。
git commit -m "Commit message"
ステージングした変更をコミットします。
git push
ローカルリポジトリの変更をリモートリポジトリへ反映させるブランチ操作
git branch
現在のブランチを確認します。
git branch <branch-name>
新しいブランチを作成します。
git checkout <branch-name>
ブランチを切り替えます。
git merge <branch-name>
他のブランチを現在のブランチにマージします。リモートリポジトリ
git remote add origin <repository-url>
リモートリポジトリを追加します。
git push -u origin <branch-name>
初回のプッシュを行います。
git pull origin <branch-name>
リモートの変更を取得してマージします。その他の便利コマンド
git log
コミット履歴を表示します。
git diff
変更内容を表示します。
git stash
作業中の変更を一時的に保存します。
git stash pop
一時保存した変更を復元します。GitHub Pagesとは？無料でウェブサイトを公開
GitHub Pagesは、GitHubリポジトリから直接ウェブサイトを無料で公開できるサービスです。Git操作を覚えたら、次のステップとしてポートフォリオやプロジェクトページの公開に挑戦しましょう。
GitHub Pagesの主な特徴
- 無料で利用可能 全ての機能が無料で提供され、コストを心配せずに使用できます。
- カスタムドメイン対応 独自ドメインの設定も可能で、商用サイトや個人ブランドにも有用です。
- HTTPS対応 HTTPSが自動的に適用され、安全なサイト運営が可能です。
- 静的サイトに最適 HTML、CSS、JavaScriptで構成されたサイトを簡単に公開できます。Jekyllの利用により、ブログやドキュメントサイトの作成も自由です。
GitHub Pagesのセットアップ方法
1. リポジトリの作成
GitHubのアカウントを使用し、新しいリポジトリを作成します。リポジトリ名は自由に設定できますが、例えば「username.github.io」のような形式にすると、ユーザー用のサイトとして共有できます。
2. 必要なファイルの追加
リポジトリに「index.html」などのファイルをアップロードします。これが公開されるウェブサイトの基盤になります。
3. GitHub Pagesの有効化
- リポジトリの「Settings」タブを開きます。
- 左メニューから「Pages」を選択します。
- Sourceセクションで「Branch」を選択し、公開するブランチを指定します（通常は
mainまたはgh-pages）。 - 保存すると、公開URLが表示されます。
4. 公開URLの確認
数分でサイトが公開されます。公開されたサイトのURLは次のような形式です：
https://username.github.io/repository-name/5. カスタムドメインの設定（オプション）
「Pages」の設定から独自ドメインを設定し、DNS設定を更新することで、カスタムドメインでの公開が可能です。
GitHub Pagesの活用例
- ポートフォリオサイト: エンジニアやデザイナーが、自分の作品を公開するためのシンプルなポートフォリオを構築できます。
- プロジェクトのデモページ: 新しいライブラリやツールを開発した際、そのデモやドキュメントを公開できます。
- ドキュメントサイト: Jekyllやさまざまなツールを使用し、プロジェクトのドキュメントを簡単に管理できます。
- 練習用サイト: HTML、CSS、JavaScriptを学習中の方が、成果物を共有するための練習用サイトとしても有用です。
よくある質問
Q. GitHubとGitの違いは何ですか？
A. Gitはバージョン管理システムで、ローカルで使用されます。一方、GitHubはGitを基にしたクラウドサービスで、コードの共有やコラボレーションを容易にします。
Q. 初心者におすすめのGitHub機能は？
A. まずはリポジトリの作成、クローン、プルリクエストを試してみると良いでしょう。これらはGitHubの基本操作です。
Q. GitHubの無料プランでできることは？
A. 無料プランでも無制限のパブリックおよびプライベートリポジトリを作成できます。チームでのコラボレーションや基本的なCI/CD機能も利用可能です。
まとめ
GitHubとGitを使えば、効率的にプロジェクトを管理できます。基本的なGitコマンドをマスターしたら、GitHub Pagesでポートフォリオやデモサイトを公開してみましょう。無料で始められるので、学習の成果をアウトプットする場としても最適です。
さらに詳しい解説やサンプルコードが必要な方は、以下のリンクを参考にしてください：
