今日の壱岐ikijima.com

【GitHub Pages】でホームページを公開|【HTML / CSS / JavaScript】の受け持ち・【URL / デプロイ】と404

QR: https://ikijima.com/manabu/git-web-03-github-pages/

ikijima.com/manabu/git-web-03-github-pages/

AIで開発する › Gitからはじめる Web公開のしくみ ・ 3 本目(3/3)

【GitHub Pages】でホームページを公開|【HTML / CSS / JavaScript】の受け持ち・【URL / デプロイ】と404

IT初心者・はじめてものづくりをする人向け 13分40秒・2026/11/03 公開

GitHubに置いたページは、そのままではWebに公開されていません。GitHub Pagesは、リポジトリにあるHTML・CSS・JavaScriptのファイルからWebサイトを公開する機能です。まずClaude Codeに日本語で「このページをGitHub Pagesで公開して」と頼み、公開URLで見られるところまで進むのを見せます。そのあと、AIが裏で何をしたのかを開けて、手で打つやり方とともに解説します。ブラウザがファイルを頼む流れ、Pagesの設定、パソコンとスマホの幅での表示、1行直したときの反映、404と「/」で始まる書き方の落とし穴も、実際に試して見せます。最後に、AIへの頼み方と、結果を人が確かめるやり方をまとめます。

目次(11)

  1. 0:00オープニング
  2. 1:081. 日本語で頼んで公開まで
  3. 2:292. 置いただけでは見えないページ
  4. 3:333. 展示場に並ぶのはファイルだけ
  5. 5:144. Pagesのスイッチを入れる
  6. 6:555. 公開URLを2つの幅で開く
  7. 7:456. 1行直して届くまで見届ける
  8. 8:467. 404とスラッシュの落とし穴
  9. 10:278. AIへの頼み方と人の確かめ方
  10. 11:519. まとめ
  11. 12:42ikijima.com の紹介
YouTube で開く「Gitからはじめる Web公開のしくみ」の一覧へ

再生は押したときだけ読み込みます(YouTube の埋め込み)。声: VOICEVOX:四国めたん VOICEVOX:白上虎太郎 VOICEVOX:小夜/SAYO VOICEVOX:ずんだもん

あそぶ