開発の流れ
以下の1, 8, 9, 10はGithub上で, その他はローカル上で行うことを想定している.
- Issueを作って自分のタスクを登録する
- developブランチにてgit pullを実行
- git switch -c ブランチ名 で追加機能用のブランチを作成、移動
- 追加機能作成
- git add . で修正したファイルをgitに指示する（ステージング）
- git commit -m “変更内容に関するメッセージ” でステージングしたファイルの内容をgitに指示する
- git push origin ブランチ名 でリモートリポジトリへ一連の作業内容を保存
- developブランチへプルリクエストを作成する
- プルリクエストに対するレビューをしてもらう
- developブランチへマージする
1. Issueを作って自分のタスクを登録する
ここでは，三目並べというゲーム制作を例に進める．
参考
作成ログ
2. developブランチにてgit pullを実行
リモートリポジトリをローカルにクローンする
ローカル環境にて，作業ディレクトリを作成し，以下のようにリポジトリをクローン（ローカルにコピー）する．
コマンド：
git clone リポジトリのURL
実行ログ：ここでは，SSH接続にてクローンした：
git clone git@github.com:devteam-d/Tic-Tac-Toe-devteam-d.git標準出力：
Cloning into 'Tic-Tac-Toe-devteam-d'...
remote: Enumerating objects: 16, done.
remote: Counting objects: 100% (16/16), done.
remote: Compressing objects: 100% (12/12), done.
remote: Total 16 (delta 3), reused 0 (delta 0), pack-reused 0 (from 0)
Receiving objects: 100% (16/16), 5.87 KiB | 1001.00 KiB/s, done.
Resolving deltas: 100% (3/3), done.クローンしたリポジトリ（ディレクトリ）に移動．
cd Tic-Tac-Toe-devteam-d developブランチ（がない場合は新規作成後）に移動．
git switch develop注）新規作成の場合は，
git switch -c develop-c はgitのコマンドに用意されたオプションであり，createのcです．このオプションではブランチの作成を行なっています．要するに
git branch <new-branch> git switch <new-branch>を一回のコマンドで行っている．
今いるブランチを確認するため，
git branch標準出力：
* develop3. git switch -c ブランチ名 で追加機能用のブランチを作成、移動
作業ブランチの名前は，具体的な作業名にするのが通例です．
今回はトップページを新規作成するので，ブランチ名は「make-topPage」とした．
git switch -c make-topPage標準出力：
Switched to a new branch 'make-topPage'今いるブランチの確認のため
git branch標準出力：
develop
* make-topPage4. 追加機能作成
ここでは，VSCodeを用いてトップページのHTMLファイルを編集する．3.の続きの状態で
code .
課題：下図のような三目並べの碁盤をどう作成するか
案①：このサイトを参考に，table要素を用いて表現．
index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="main.js"></script>
</head>
<body>
<div class="container">
<h1 class="title">Tic Tac Toe</h1>
<table class="Board">
<tr>
<td class="cell position-0"></td>
<td class="cell position-1"></td>
<td class="cell position-2"></td>
</tr>
<tr>
<td class="cell position-3"></td>
<td class="cell position-4"></td>
<td class="cell position-5"></td>
</tr>
<tr>
<td class="cell position-6"></td>
<td class="cell position-7"></td>
<td class="cell position-8"></td>
</tr>
</table>
<h2>X's Turn</h2>
</div>
</body>
</html>style.css：
/* 全要素を中央揃え */
.container {
text-align: center;
display: flex;
flex-direction: column;
justify-content: centor;
align-items: center;
}
/* 碁盤のマス目に対応する各セルのスタイル */
.cell {
width: 100px;
height: 100px;
text-align: center;
vertical-align: middle;
font-size: 50px;
}
/* 碁盤のよこ線を引くために，よこ線に対応するセルの下線を引く */
.position-0, .position-1, .position-2, .position-3, .position-4, .position-5 {
border-bottom: 1px solid black;
}
/* 碁盤のたて線を引くために，たて線に対応するセルの右線を引く */
.position-0, .position-1, .position-3, .position-4, .position-6, .position-7 {
border-right: 1px solid black;
}
/* 碁盤のたて線とよこ線が交わるところのすき間をつなげる */
.Board {
/* margin: auto; 自動で中央揃え */
border-collapse: collapse; /* セルの境界をまとめる */
margin: 0;
}ブラウザでの表示：
Git, GitHubのCaseStudies
リポートリポジトリの特定のブランチをローカルにもってくるには…
現状確認
状況要約：
リモートリポジトリには，複数のブランチが存在する．
ローカルリポジトリには，リモートリポジトリの特定のブランチのみが存在する．
状況補足：
（リモートリポジトリ: ）
（ローカルリポジトリ: ）
git branch
* develop実行ログ
ここで，ローカルにリモートにあるmake-topPageブランチをもってくるために
1. リモートの最新状況に更新するために
git fetch --all2. リモートのブランチ一覧を表示させると
git branch -r標準出力：
origin/HEAD -> origin/develop
origin/develop
origin/main
origin/make-topPage
origin/task-B3. 以下コマンドで，リモートのブランチをローカルにもってくる．
git checkout -b <新規ローカルブランチ名> <既存リモートブランチ>・リモートブランチを基にローカルブランチを作成して切り替えるコマンド
実行ログ：
git checkout -b make-topPage origin/make-topPage標準出力：
branch 'make-topPage' set up to track 'origin/make-topPage'.
Switched to a new branch 'make-topPage'4. 確認のため
git branch標準出力：
develop
* make-topPageおすすめ参考サイト一覧
研究でのGit運用方法
どうもこんにちは，Megです． 今回は，研究でGitとGitHubを上手く使い，研究生活を効率化させるための記事です． はじめに 前提条件として， 個人のローカルマシンにおいて，Gitの環境構築 GitHubで個人アカウント作成が完了 Ac
biotech-univ.com
You searched for - Avinton Japan
avinton.com
コメント