この記事では、無料でWebサイトの公開が可能なGitHub Pagesへ、GitHubのアカウント作成から、Webサイトの公開と削除するところまでを解説します。
この記事は、オンライン講座「ウェブ開発入門完全攻略コース – HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ！」とProglus「新HTML入門」のサポート記事です。
なお、アクセス時期によっては実際のサイトと記事中の画像で表示が異なる場合があります。
GitHubのページへアクセスし、「Sign up」をクリック。
登録するメールアドレスを入力し、「Continue」をクリック。
パスワードを入力し、「Continue」をクリック。
任意のユーザ名を入力し、「Continue」をクリック。
「製品のアップデートやお知らせをメールで受け取りますか？」と質問があり、受け取りたい場合は入力欄に「y」、受け取りたくない場合は「n」を入力し、「Continue」をクリック。
ロボットではないかと尋ねられるので、「検証する」をクリック。
検証が終わったら、「Create account」をクリック。
登録したメールアドレス宛に確認用のコードが送信されるので、コードを入力。
登録完了できました。
左上のマークをクリックすると、ログインした状態で作成したアカウントのトップページが表示されます。
ログインした状態でGitHubのトップページ(https://github.com/)から、「＋」のアイコンのボタンをクリック。
「New repository」をクリック。
Repository nameにリポジトリの名前を入力します。
ここでは「my-site-repository」としておきます。
GitHubでソースファイルを管理する場合、自分だけが見れるPrivateと、ほかの人も見ることができるPublicがあります。
今回は外部へ公開するため、チェックボックスを「Public」としておきます。
一番下まで行き、「Create repository」をクリックすると、リポジトリが作成されます。
「my-site-repository」というリポジトリが作成されました。
作成したリポジトリのページから、「uploading an exsiting file」をクリックして、アップロードのページに移動します。
アップロードしたいファイルやフォルダを枠内へドラッグアンドドロップします。
アップロードが終わったら、「Commit changes」をクリックして保存します。
リポジトリのページへ行くと、アップロードされていることが確認できます。
「Settings」をクリック。
左項目の「Pages」から、「None」で「main」をクリック。
「Save」をクリックして保存します。
保存すると、以下の画像のようにURLを取得できます。
URLをクリックし、アップロードしたサイトが表示されればOKです。
作成したサイトが無事公開されました！
ページの公開でアクセスしたリポジトリのページから、「Settings」をクリックして一番下まで行き、「Danger Zone」の「Delete this repository」をクリックします。
確認フォームに太字の「ユーザ名/リポジトリ名」を入力した後に下のボタンを押すと、リポジトリを削除してサイトを削除することができます。
今回はGitHubのアカウントの作成から、作成物をWebサイトへ公開 / 削除 するところまでを解説しました。
ご不明点は、Udemy、Proglus（プログラス）内に設置したQ＆Aコーナーにてお知らせください。
オンライン学習サービスProglus（プログラス）でプログラミングを学び、創れる人になろう！
プレミアムプランを2週間無料体験しよう
今すぐ詳細を確認する