【初心者OK】GitHubに登録して、作ったHTMLをURLで見せる方法

「作ったHTML、スマホや家族にも見てもらいたい」
「URLを送って、どこからでも見れるようにしたい」

そんなときに便利なのが GitHub（ギットハブ） です。
無料で、HTMLを“ネット上に置いてURLで共有”できます。

この記事では、GitHubの登録 → HTMLをアップ → URLで公開までを、迷わない順番でまとめます。

この記事でできること

• GitHubに無料登録できる
• 作ったHTMLファイルをアップできる
• インターネット上に公開して、URLを共有できる（スマホからも見れる）

1）GitHubに無料登録する

1. GitHubのサイトを開く
2. 「Sign up（登録）」を選ぶ
3. メールアドレス・パスワード・ユーザー名を入力
4. メール認証（届いたメールのリンクを押す）で登録完了

※ユーザー名はURLにも出るので、あとで変えたくない人はここだけ慎重に◎

2）公開用の「入れ物（リポジトリ）」を作る

GitHubでは、ファイルを入れる場所を「リポジトリ」と呼びます。
難しく考えず、フォルダみたいなものと思ってOKです。

1. GitHubにログイン
2. 右上の「＋」→「New repository」を選ぶ
3. Repository name（名前）を入れる
   • 例：my-first-site など
4. 「Public（公開）」を選ぶ（URLで見せたいのでPublicが安心）
5. 「Create repository」で作成

3）作ったHTMLファイルをアップする

1. 作ったリポジトリを開く
2. 「コード」から「Add file」→「Upload files」を選ぶ
3. 作ったHTMLファイルをドラッグ＆ドロップ
   • 重要：トップに置くファイル名は index.html にするのがおすすめ
     （これが“最初に開くページ”になってくれます）
4. 「Commit changes」で保存

4）公開設定をする（GitHub Pages）

ここが「URLで見れるようにする」設定です。

1. リポジトリ画面で「Settings」を開く
2. 左メニューの「Pages」を選ぶ
3. 「Build and deployment」のあたりで
   • Source：Deploy from a branch
   • Branch：main
   • Folder：/(root)
     を選ぶ
4. 「Save」

しばらくすると、ページ上部に 公開URL が表示されます。

5）公開URLにアクセスして確認する

表示されたURLを開いて、ページが出れば成功です！

• パソコンでも
• スマホでも
• 家族や友だちの端末でも

同じURLで見れます◎

よくつまずくポイント

✅ ページが表示されない

• index.html になっているか確認
• Settings → Pages の Branchがmainになってるか確認
• 反映まで少し時間がかかることがあります（数分）

✅ 画像が出ない

• 画像ファイルも一緒にアップしているか
• HTMLの画像パス（ファイル名）が合っているか
• 日本語ファイル名は避けるとトラブル減ります

まとめ：やることはこの3つだけ

1. GitHubに登録する
2. リポジトリ（入れ物）を作ってHTMLをアップする
3. GitHub Pagesで公開してURLをコピーする

これで、作ったHTMLが「URLで見れる状態」になります！