●デスクトップにminiSiteというフォルダを作成する。
●git initする
●index.htmlを以下のように作成してcommitする。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>タイトル</title> </head> <body> </body> </html>
●git graphした様子
●githubに行き、このサイト用のリモートリポジトリを作成する。
●bashから以下のコマンドを入力する。
$ git remote add origin git@github.com:joytasnet/miniSite.git
●ローカルのmasterブランチをpush＆追跡設定する。(-uオプションで追跡)
$ git push -u origin master
●githubに行ってみよう。送信されている。
ローカルでの編集
●ローカルにてdevelopブランチを切って編集しよう。
$ git checkout -b development
●vimでindex.htmlを以下のように編集する。
<!DOCTYPE> <html> <head> <meta charset="utf-8"> <title>タイトル</title> </head> <body> Hello! </body>
●コミットメッセージを「index.htmlを修正」としてコミットする。
●リモートのgithubにpush&追跡設定
$ git push -u origin development
●githubに行ってみよう。developmentブランチが追加されている。
他の開発者になったつもりで、今まではとは別のフォルダにリポジトリを作ってみる。
●他のフォルダに移動(ここではdocumentsフォルダに移動した。)
●git clone
$ git clone git@github.com:xxxxxxx/miniSite.git
●miniSiteフォルダに移動し、まずはgit graph
●git cloneした直後はmasterブランチしかないので,developmentブランチを作成して、追跡設定、checkoutまで一気にやる。
$ git checkout -b development origin/development
●developmentをブランチが作成され、作業ディレクトリも更新されている。
●index.htmlにさらに変更を加えよう。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>タイトル</title> </head> <body> Hello! World!! </body>
●コミットメッセージを”index.htmlを修正”としてコミットする。
●リモート(github)にpushしよう。
$ git push
●ディレクターにdevelopmentブランチをチェックしてもらったところOKをもらえた。masterブランチにマージしよう。
$ git checkout master $ git merge development
●変更をリモートにpush
$ git push
desktopのminiSiteに戻ってみる
●desktopのminiSiteに戻ってgit graphしてみる。
●だいぶ遅れてしまっているので最新の状態にしよう。(現在developmentブランチにいる)
$ git pull origin development $ git checkout master $ git pull origin master
練習
Webサイト制作-12日目(実習)のコビトカバのサイトを複数人で開発してみよう。
その際、今回は直接他人のリポジトリにpushできる方法を利用する。やり方は以下のリンクを参照。
https://qiita.com/amidara/items/c7cd2c2c59c3ffcf225c
コメント