演習 - リポジトリを複製する

完了

Alice がリポジトリのクローンと pull request の作業を練習するためには、まず Alice がクローンするリポジトリを設定する必要があります。

セットアップ

Git は Azure Cloud Shell に既にインストールされているので、右側の Cloud Shell で Git を使用できます。

  1. mkdir コマンドを使用して、Cats という名前のフォルダーを作成します。

    mkdir Cats
    
    
  2. cd コマンドを使用して、プロジェクト フォルダーに移動します。

    cd Cats
    
    
  3. ここで、新しいリポジトリを初期化し、既定のブランチの名前を main に設定します。

    Git バージョン 2.28.0 以降を実行している場合は、次のコマンドを使用します。

    git init --initial-branch=main
    git init -b main
    
    

    以前のバージョンの Git の場合は、これらのコマンドを使用します。

    git init
    git checkout -b main
    
    
  4. 資格情報を追加して、Git を構成します。 <USER_NAME><USER_EMAIL> を自身の情報 ("ユーザー名" や "user-name@contoso.com" など) に置き換えます。

    git config user.name "<USER_NAME>"
    git config user.email "<USER_EMAIL>"
    
    
  5. touch コマンドを使っていくつかのファイルを作成してから、Git を使用してファイルをステージングしてコミットします。

    touch index.html
    mkdir CSS
    touch CSS/site.css
    git add .
    git commit -m "Create empty index.html, site.css files"
    
    
  6. ターミナル プロンプトで code コマンドを使って開くことができる Cloud Shell コード エディターを使用して、index.html ファイルに何らかの HTML を追加します。

    code index.html
    
    
  7. この HTML コードを貼り付けます。

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset='UTF-8'>
        <title>Our Feline Friends</title>
        <link rel="stylesheet" href="CSS/site.css">
      </head>
      <body>
        <h1>Our Feline Friends</h1>
        <p>Eventually we will put cat pictures here.</p>
        <hr>
      </body>
    </html>
    
  8. ファイルを保存して、エディターを閉じます。 エディターの右隅にある省略記号 "..." を選択するか、アクセラレータ キー (Windows と Linux の場合は Ctrl + S、macOS の場合は Cmd + S) を使用できます。

  9. CSS ディレクトリに移動し、エディターで site.css を開きます。

    cd CSS
    code site.css
    
    
  10. site.css に次の CSS を追加します。

    h1, h2, h3, h4, h5, h6 { font-family: sans-serif; }
    body { font-family: serif; }
    

    その後、ファイルを保存して、エディターを閉じます。

  11. Cats ディレクトリに戻ります。

    cd ..
    
    
  12. 最後に、変更をもう一度コミットします。

    git add .
    git commit -m "Add simple HTML and stylesheet"
    
    
  13. Git ログを簡単に確認し、すべて問題がないことを確かめます。

    git log --oneline
    
    
  14. 出力を確認します。 この例のような出力になるはずです。

    2bf69ab Add simple HTML and stylesheet
    bb371c8 Create empty index.html, site.css files
    

リポジトリの複製

次は、Alice のロールを前提とし、共同作業を行うリポジトリのクローンを練習しましょう。

Alice が自身のコンピューターにあなたのリポジトリをクローンする操作をシミュレートするために、あなたは自分のコンピューター上に Alice という名前のディレクトリを作成し、そこにプロジェクト ディレクトリをクローンします。 実際には、ネットワーク共有、または URL で到達可能なリモートを設定することで、このコラボレーションを実現することになります。

  1. リポジトリをクローンするために、Alice という名前のディレクトリを作成します。 これは、プロジェクト ディレクトリ (Cats) のサブディレクトリにすることは "できません"。そのため、プロジェクト ディレクトリから親ディレクトリに cd でもう一度移動し、Alice をプロジェクト ディレクトリの兄弟として作成します。 その後、Alice ディレクトリに cd で移動します。

    cd ..
    mkdir Alice
    cd Alice
    
    
  2. ここで、git clone を使用して、プロジェクト ディレクトリ内のリポジトリを Alice ディレクトリにクローンします。 必ず、コマンドの末尾にピリオドを含めてください。

    git clone ../Cats .
    
    

    ../Cats で複製元を Git に指示し、. で複製先を Git に指示します。 Unix では、. は現在のディレクトリを指します。

  3. 出力を確認します。 Git でこのテキストが表示され、動作したことが知らされるはずです。

    Cloning into '.'...
    done.
    

これで、プロジェクト ディレクトリ内のリポジトリのクローンが、Alice ディレクトリ内に存在するようになりました。