公開する

🎯 このレッスンで学ぶこと

• GitHub Pages で自分のページを公開できます。
• 公開に必要な設定（Source）の意味がわかります。
• 公開されるまで待つ時間と、その間の見え方がわかります。
• 自分の公開URLを確定できます。

🗺️ 公開までの流れ（全体像）

やることは3ステップだけです。

1. GitHubにリポジトリを作る（ファイルの置き場所を作る）
2. ファイルをアップロードする（置く）
3. GitHub Pages を有効にする（「配ってください」とお願いする）

1と2は、やり方が2通りあります。どちらでも結果は同じなので、 自分に合うほうを選んでください。

🅰️ やり方A：ブラウザだけで公開する

Gitのコマンドを使わず、ブラウザのドラッグ＆ドロップだけで公開できます。 手順は別の記事に、画面ごとに詳しくまとめてあります。

🅱️ やり方B：Gitコマンドで公開する

Gitコース レッスン3で git push まで学んだ人は、そのままの流れで公開できます。

cd my-site
git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/ユーザー名/my-site.git
git push -u origin main

push が終わったら、ブラウザでリポジトリを開いて index.html が一覧の中に見えていることを確認してください。 フォルダの中に入ってしまっていたら、位置を直して push し直します。

⚙️ GitHub Pages を有効にする（ここが本番）

ファイルを置いただけでは、まだ公開されていません。「このリポジトリをWebサイトとして配ってください」 という設定が必要です。

1. リポジトリのページで Settings をクリック
2. 左のメニューから Pages をクリック
3. Source で「Deploy from a branch」を選ぶ
4. Branch で main と / (root) を選ぶ
5. Save をクリック

保存すると、少ししてからページの上部にURLが表示されます。これがあなたのURLです。

https://ユーザー名.github.io/my-site/

⏳ すぐには見られない（これは正常です）

設定した直後にURLを開くと、404が表示されることがあります。 これは失敗ではありません。GitHubが公開の準備をするのに数分かかるためです。

• 初回の公開：数分かかることがあります
• その間は404や真っ白なページが表示されます
• コーヒーを1杯飲むくらい待ってから、もう一度開いてみましょう

🎉 開けたら、それが「公開できた」です

URLを開いて自分のページが表示されたら、公開成功です。アドレスバーを見てください。 file:// ではなく https:// になっているはずです。

そのURLをコピーしておきましょう。次のレッスンで、 本当に他の人にも見えるのかを確かめます。

⚠️ よくあるミス

• Private リポジトリにしてしまった — 無料プランでは Public でないと GitHub Pages が使えません。Settings の一番下で Public に変更できます。
• index.html がフォルダの中に入っている — リポジトリを開いたときに index.html が直接見えている必要があります。フォルダごとアップロードしたときに起きがちです。
• Source で /docs を選んでしまった — / (root) に直しましょう。
• 設定した直後に404で焦る — 数分待ちましょう。正常な動作です。

📝 まとめ