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

8 分

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

セットアップ

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

Cloud Shell ウィンドウの右上にある [その他] アイコン (...) を選択してから、[設定]>[クラシックバージョンに移動] を選択します。
mkdir コマンドを使用して、Cats という名前のフォルダーを作成します。
```
mkdir Cats
```
cd コマンドを使用して、プロジェクトフォルダーに移動します。
```
cd Cats
```
ここで、新しいリポジトリを初期化し、既定のブランチの名前を main に設定します。

Git バージョン 2.28.0 以降を実行している場合は、次のコマンドを使用します。
```
git init --initial-branch=main
git init -b main
```
以前のバージョンの Git の場合は、これらのコマンドを使用します。
```
git init
git checkout -b main
```
資格情報を追加して、Git を構成します。 <USER_NAME> と <USER_EMAIL> を自身の情報 ("ユーザー名" や "user-name@contoso.com" など) に置き換えます。
```
git config user.name "<USER_NAME>"
git config user.email "<USER_EMAIL>"
```
touch コマンドを使っていくつかのファイルを作成してから、Git を使用してファイルをステージングしてコミットします。
```
touch index.html
mkdir CSS
touch CSS/site.css
git add .
git commit -m "Create empty index.html, site.css files"
```
ターミナルプロンプトで code コマンドを使って開くことができる Cloud Shell コードエディターを使用して、index.html ファイルに何らかの HTML を追加します。
```
code index.html
```

この 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>

ファイルを保存して、エディターを閉じます。エディターの右隅にある省略記号 (...) を選択することも、アクセラレータキー (Windows と Linux では Ctrl + S キー、macOS では Cmd + S キー) を使用することもできます。
CSS ディレクトリに移動し、エディターで site.css を開きます。
```
cd CSS
code site.css
```
site.css に次の CSS を追加します。
```
h1, h2, h3, h4, h5, h6 { font-family: sans-serif; }
body { font-family: serif; }
```
その後、ファイルを保存して、エディターを閉じます。
Cats ディレクトリに戻ります。
```
cd ..
```

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

git add .
git commit -m "Add simple HTML and stylesheet"

Git ログを簡単に確認し、すべて問題がないことを確かめます。
```
git log --oneline
```

出力を確認します。この例のような出力になるはずです。

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

リポジトリの複製

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

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

リポジトリをクローンするために、Alice という名前のディレクトリを作成します。これは、プロジェクトディレクトリ (Cats) のサブディレクトリにすることは "できません"。そのため、プロジェクトディレクトリから親ディレクトリに cd でもう一度移動し、Alice をプロジェクトディレクトリの兄弟として作成します。その後、Alice ディレクトリに cd で移動します。
```
cd ..
mkdir Alice
cd Alice
```
ここで、git clone を使用して、プロジェクトディレクトリ内のリポジトリを Alice ディレクトリにクローンします。必ず、コマンドの末尾にピリオドを含めてください。
```
git clone ../Cats .
```
../Cats で複製元を Git に指示し、. で複製先を Git に指示します。 Unix では、. は現在のディレクトリを指します。
出力を確認します。 Git でこのテキストが表示され、動作したことが知らされるはずです。
```
Cloning into '.'...
done.
```

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

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

セットアップ

リポジトリの複製

フィードバック