GitHubの使い方を初心者向けに解説【最初のリポジトリ作成まで】

Git/GitHub

プログラミングを学び始めたら、GitHubにも早めに触れておくと便利です。

GitHubを使うと、自分が書いたコードを保存したり、公開したり、あとから見返したりできます。

最初は難しく感じるかもしれませんが、初心者のうちはすべての機能を覚える必要はありません。

この記事では、プログラミング初心者向けに、GitHubとは何か、何に使うのか、最初のリポジトリ作成までの流れをまとめます。

GitHubとは

GitHubとは、コードを保存・共有できるWebサービスです。

自分で作ったHTML、CSS、JavaScriptなどのファイルをGitHubに置いておくことで、あとから見返したり、他の人に見せたりできます。

プログラミング学習では、作ったものを記録しておく場所として使えます。

また、ポートフォリオを作るときにも、GitHubにコードを置いておくと説明しやすくなります。

GitとGitHubの違い

GitHubを調べていると、Gitという言葉も出てきます。

GitとGitHubは名前が似ていますが、同じものではありません。

  • Git：コードの変更履歴を管理するための道具
  • GitHub：Gitで管理したコードを保存・共有できるサービス

初心者のうちは、まず「GitHubはコードを置いておく場所」と考えると分かりやすいです。

Gitの細かいコマンドは、あとから少しずつ覚えていけば大丈夫です。

GitHubを使うメリット

プログラミング初心者がGitHubを使うメリットは、主に次のとおりです。

  • 作ったコードを保存できる
  • 学習の記録を残せる
  • あとから見返せる
  • ポートフォリオとして見せやすい
  • コードの変更履歴を管理できる

最初は、完璧なコードを置く必要はありません。

練習で作った自己紹介ページやHTML/CSSの練習サイトを保存するだけでも十分です。

最初にやること

GitHubを使い始めるなら、まずは次の流れで進めます。

  1. GitHubアカウントを作る
  2. リポジトリを作る
  3. ファイルを追加する
  4. 変更を保存する
  5. リポジトリのURLを確認する

最初はコマンド操作を使わず、GitHubの画面上でファイルを追加する方法から始めても大丈夫です。

GitHubアカウントを作る

まずはGitHubのアカウントを作ります。

ユーザー名、メールアドレス、パスワードを登録すれば使い始められます。

ユーザー名はあとから人に見られることがあります。

本名を出したくない場合は、ブログ名や学習用の名前に近いものを使うといいです。

リポジトリとは

リポジトリとは、コードを入れておく箱のようなものです。

1つの練習サイトや1つの制作物ごとに、1つのリポジトリを作ると管理しやすいです。

たとえば、自己紹介ページを作るなら、次のようなリポジトリ名にできます。

profile-site

HTML/CSSの練習用なら、次のような名前でも分かりやすいです。

html-css-practice

リポジトリを作る手順

GitHubでリポジトリを作る基本的な流れは次のとおりです。

  1. GitHubにログインする
  2. 右上の「＋」をクリックする
  3. 「New repository」を選ぶ
  4. Repository nameに名前を入れる
  5. 公開するならPublicを選ぶ
  6. 「Create repository」を押す

学習用のコードを人に見せたい場合は、Publicで作ると公開できます。

まだ見せたくない場合は、Privateを選んでも大丈夫です。

PublicとPrivateの違い

リポジトリを作るときには、PublicかPrivateを選びます。

  • Public：誰でも見ることができる
  • Private：自分や許可した人だけが見られる

ポートフォリオとして見せたいコードはPublicにします。

練習途中でまだ公開したくないものはPrivateでも問題ありません。

最初に入れるファイル

HTML/CSSの練習用リポジトリなら、最初は次のようなファイルを入れると分かりやすいです。

  • index.html
  • style.css
  • README.md

index.htmlは、Webページの本体になるファイルです。

style.cssは、見た目を整えるCSSファイルです。

README.mdは、リポジトリの説明を書くファイルです。

README.mdとは

README.mdとは、リポジトリの説明を書くためのファイルです。

GitHubでは、README.mdの内容がリポジトリのトップに表示されます。

最初は短くても大丈夫です。

たとえば、次のように書けます。

# 自己紹介ページ

HTML/CSSの練習として作成した自己紹介ページです。

## 使用した技術

- HTML
- CSS

あとから、工夫した点や学んだことを追加すると、ポートフォリオとして見せやすくなります。

GitHubにファイルを追加する方法

初心者のうちは、まずGitHubの画面からファイルを追加する方法で大丈夫です。

リポジトリを開いたら、「Add file」からファイルを追加できます。

  1. リポジトリを開く
  2. 「Add file」をクリックする
  3. 「Create new file」または「Upload files」を選ぶ
  4. ファイルを作成またはアップロードする
  5. 下の「Commit changes」を押す

Commit changesは、変更を保存する操作です。

最初は「保存するボタン」くらいに考えて大丈夫です。

commitとは

commitとは、コードの変更を記録することです。

たとえば、index.htmlを作った、style.cssを変更した、といった作業を1つの記録として残せます。

commitにはメッセージをつけることができます。

最初は次のような短いメッセージで大丈夫です。

index.htmlを追加
style.cssを修正
READMEを追加

あとから見たときに、何を変更したのか分かるメッセージにしておくと便利です。

コマンド操作はあとからでいい

GitHubを使うとき、git add、git commit、git pushなどのコマンドが出てきます。

もちろん、あとからコマンド操作も覚えた方がいいです。

ただ、初心者のうちはGitHubの画面からファイルを追加するだけでも、基本の考え方はつかめます。

最初からコマンド操作で止まるより、まずはリポジトリを作って、コードを置いてみることを優先しましょう。

GitHub Pagesについて

GitHubには、GitHub Pagesという機能があります。

GitHub Pagesを使うと、HTML/CSSで作ったページをWeb上に公開できます。

たとえば、自己紹介ページや簡単なポートフォリオサイトを公開できます。

最初はリポジトリを作ってコードを置くところまでで十分ですが、慣れてきたらGitHub Pagesで公開する練習もしてみるといいです。

初心者がGitHubでつまずきやすいところ

GitHubを使い始めたばかりの頃は、次のようなところで迷いやすいです。

  • GitとGitHubの違いが分からない
  • リポジトリの意味が分からない
  • PublicとPrivateで迷う
  • commitの意味が分からない
  • コマンド操作で止まる

最初から全部を理解しようとしなくて大丈夫です。

まずは、GitHubにコードを保存して、リポジトリのURLを確認できるところまで進めば十分です。

最初の目標

GitHub初心者の最初の目標は、次の3つです。

  1. GitHubアカウントを作る
  2. リポジトリを1つ作る
  3. HTML/CSSの練習ファイルを置く

ここまでできれば、GitHubの最初の使い方としては十分です。

そのあと、GitコマンドやGitHub Pagesを少しずつ学んでいけば大丈夫です。

まとめ

GitHubは、コードを保存・共有できるWebサービスです。

プログラミング初心者にとっては、学習記録を残したり、作ったものを見せたりするために役立ちます。

最初はGitコマンドを完璧に覚える必要はありません。

まずはアカウントを作り、リポジトリを1つ作って、HTML/CSSの練習ファイルを保存してみましょう。

タイトルとURLをコピーしました