2020年ウェブサイト作成講習会

実習内容

GitHub

GitHubアカウントの登録

  1. GitHub Pages(https://pages.github.com/)にアクセスします。
  2. ページ下方のCreate a repository の「GitHub」をクリックします。
  3. Built for developerページ右上の「Sign up」をクリックします。
  4. Create your accountページで「Usename」、「 Email address」、「 password」を入力します。
  5. 次に現れたページで認証開始をクリックします。
  6. 動物が正しい位置まで回して「終了」をクリックします。
  7. 「Create account」をクリックします。
  8. 「Complege setup」をクリックします。
  9. メーラーを起動しGitHubからのメールを開きます。
  10. メール本文の「Verify email address」の下のリンク部分をクリックします。
    (HTML形式のメールの場合は「Verify email address」ボタンをクリックします。)
  11. GitHub Pageに戻り、「Usename or email address」ボックスに上記4で指定した「Usename」又は「 Email address」を入力します。
  12. 「 Password」ボックスに上記4で指定したパスワードを入力します。
  13. 「Sign」ボタンをクリックします。
  14. メールが認証された画面になれば完成です。

GitHubリポジトリの作成

  1. 「https://github.com/」にアクセスします。
  2. 「Create repository」ボンタをクリックします。
  3. 「Repository name」ボックスに「名称」.github.ioを入力します。
  4. README を有効にするにチェックを入れ「Creae repository」ボタンをクリックします。

GitHubデスクトップアプリのインストール

  1. 上記で作成したGitHubリポジトリページ(https://github.com/ユーザー名/リポジトリ.io)で「Clone or download」ボンタを選択し、「Open in Desktop」をクリックします。
  2. インストール場面にジャンプするので「Download for Windows(64bit)」ボタンをクリックします。
  3. GitHubDesktopSetup.exeのダウンロードが始まります。
  4. GitHubDesktopSetup.exeを実行します。
  5. Welcome GitHub Desktopページが開いたら「Sign in GitHub.com」ボタンをクリックし、サインインします。
  6. Configure Bit 画面で「Continue」ボタンをクリックします。
  7. Make GitHub Desktop beter!ページで 「Yes,submit periodic start」の前のチェックを外し「Finish」ボタンをクリックします。
  8. GitHubデスクトップアプリがインストールされデスクトップにショートカットアイコンが表示されます。

GitHubにファイルをアップロード

  1. Let's get started!画面で「Clone a repository from intenet」ボタンをクリックします。
  2. ポップアップ画面で先に作成した「ユーザー名/リポジトリ.io」を選択し、「Local path」ボックスにコピーする場所を「Choose...」ボタンをクリックして選択します。(初期設定では「ドキュメント」になっています。)
  3. 「Clone」ボタンをクリックします。クローンが作成されます。
  4. エクスプローラで上記2で指定したフォルダーを開きます。
  5. 予め作成したファイルを貼り付けます。
  6. GitHubデスクトップアプリに戻り、ファイルが追加されたことを確認します。
  7. 画面左下のボックスにコメントを入力して「Commet to master」ボタンをクリックします。
  8. 「Push origin」ボタンをクリックするとリモートのGitHubにアップロードされます。
  9. GitHubリポジトリページ(https://github.com/ユーザー名/リポジトリ.io)で「Settings」をクリクし画面下方の「GitHub Pages」にリンクがあります。ここをクリックすると公開されたページにジャンプします。

通常の作業

  1. 上記2で指定したローカルサイトで更新作業を行います。
  2. GitHubデスクトップアプリを起動します。
  3. ステージに更新したファイルが表示されていることを確認します。
  4. 画面左下のボックスにコメントを入力して「Commet to master」ボタンをクリックします。
  5. 「Push origin」ボタンをクリックします
  6. 「History」タブを選択すると更新履歴が表示されています。
  7. GitHubリポジトリページでアップロードしたファイルを確認できます。