SlideShare a Scribd company logo
1 of 25
Download to read offline
明石高専 2E
git-followup
2015.05.14 @yamasy1549
$ git とは?
ソースコードなどの変更履歴を記録・追跡する
ための分散型バージョン管理システムである。
$ git とは?
過去の作業内容を保存
 過去にさかのぼる
 過去の歴史を書きかえる
ソースコードなどの変更履歴を記録・追跡する
ための分散型バージョン管理システムである。
$ GitHub とは?
$ GitHub とは?
「趣味でコード書くよ」
 公開しよう
「仕事でコード書くよ」
 管理しよう
$ GitHub とは?
こまめにコード書いて
 で公開してたら
きっといいことがあるよ
$ git とは?
過去の作業内容を保存
 過去にさかのぼる
 過去の歴史を書きかえる
ソースコードなどの変更履歴を記録・追跡する
ための分散型バージョン管理システムである。
$ git とは?
 

A さん B さん
$ git とは?
 

A さん B さん
レポート .txt

$ git とは?
 

A さん B さん
レポート .txt

$ git とは?
 

A さん B さん
レポート .txt

新レポート .txt

$ git とは?
 

A さん B さん
レポート .txt

新レポート .txt

新・新レポート .txt
最新のレポート .txt
レポート 0514.txt



$ git とは?
 

A さん B さん
レポート .txt

新レポート .txt

新・新レポート .txt
最新のレポート .txt
レポート 0514.txt



_人人 人人 人人 人人 人人_
> 突然の死 <
 ̄ Y^Y^Y^Y^Y^Y^Y^Y  ̄
$ git とは?
 

A さん B さん



$ git とは?
 

A さん B さん



共有リポジトリ
作業リポジトリ
$ git での開発 flow
「git 管理よろしくね」
他にも clone, diff, log...
init
編集
add
commit
push
作業リポジトリでコードを書く
commit 待ちエリアに登録
変更をまとめる
共有リポジトリに送る
$ git での開発 flow
編集
add
commit
push
…今回は、すでに存在するリポジトリを
      してきます。clone
https://github.com/yamasy1549/git-followup-2e
右下あたりにこんなのがある
デスクトップに  git-followup-2e ができる
ここでいろいろするよ(作業リポジトリ)
$ git での開発 flow
編集
add
commit
push
$ cd git-followup-2e/
$ git status
$ vim index.html

Windows 環境では cd  dir に読みかえてね。
あとたぶん Vim 入ってないから好きなやつで
$ git での開発 flow
編集
add
commit
push

 ページを編集してみよう!
yamasy の他己紹介を追加してください。
・好きな食べ物、趣味、第一印象 etc...
・文のまとまりなので <p> を使うといいよ
できたら保存
$ git での開発 flow
編集
add
commit
push
$ git status

ファイルの状態を一覧表示
ステージされた / ステージされてない / その他
$ git での開発 flow
編集
add
commit
push
$ git status
$ git add index.html

指定したファイル(commit したいファイル)
をステージにのせる
$ git での開発 flow
編集
add
commit
push
$ git status
$ git add index.html
$ git status 
ファイルの状態が変わったはず!
(前回と比べてどこがどう変わった?)
$ git での開発 flow
編集
add
commit
push
$ git commit -m“[message]”

[message] の部分に、この commit の概要を
簡単な英語で書いてみよう
e.g. “Add yamasy’ s profile”
“First impression of yamasy”
$ git での開発 flow
編集
add
commit
push
$ git push origin master

commit を共有リポジトリに送信します
origin  共有リポジトリの場所
master  ブランチの名前
$ git での開発 flow
編集
add
commit
push
$ git push origin master

commit を共有リポジトリに送信します
origin  共有リポジトリの場所
master  ブランチの名前
_人人 人人 人人 人人 人人_
> おしまい <
 ̄ Y^Y^Y^Y^Y^Y^Y^Y  ̄

More Related Content

What's hot

Gitとちょっと仲良くなるために覚えたことまとめ
Gitとちょっと仲良くなるために覚えたことまとめGitとちょっと仲良くなるために覚えたことまとめ
Gitとちょっと仲良くなるために覚えたことまとめNatsumi Kashiwa
 
Githubサービスについて
GithubサービスについてGithubサービスについて
GithubサービスについてAkura Pi
 
ておくれないgit
ておくれないgitておくれないgit
ておくれないgitrkmathi
 
バージョン管理とGit
バージョン管理とGitバージョン管理とGit
バージョン管理とGitsinsoku listy
 

What's hot (6)

About git
About gitAbout git
About git
 
Gitとちょっと仲良くなるために覚えたことまとめ
Gitとちょっと仲良くなるために覚えたことまとめGitとちょっと仲良くなるために覚えたことまとめ
Gitとちょっと仲良くなるために覚えたことまとめ
 
Githubサービスについて
GithubサービスについてGithubサービスについて
Githubサービスについて
 
ておくれないgit
ておくれないgitておくれないgit
ておくれないgit
 
バージョン管理とGit
バージョン管理とGitバージョン管理とGit
バージョン管理とGit
 
Gitのいろは
GitのいろはGitのいろは
Gitのいろは
 

Viewers also liked

Rubotyに名前をつけて可愛がってかしこく育てて一緒に暮らしたい
Rubotyに名前をつけて可愛がってかしこく育てて一緒に暮らしたいRubotyに名前をつけて可愛がってかしこく育てて一緒に暮らしたい
Rubotyに名前をつけて可愛がってかしこく育てて一緒に暮らしたいSanae Yamashita
 
第25回 高専プロコン 自由部門 Writening
第25回 高専プロコン 自由部門 Writening第25回 高専プロコン 自由部門 Writening
第25回 高専プロコン 自由部門 WriteningTakumi Sueda
 
HTMLをさわってみよう
HTMLをさわってみようHTMLをさわってみよう
HTMLをさわってみようSanae Yamashita
 
おいしい!GitHub ~GitHub Patchwork Tokyo @dots 夏休み版~
おいしい!GitHub ~GitHub Patchwork Tokyo @dots 夏休み版~おいしい!GitHub ~GitHub Patchwork Tokyo @dots 夏休み版~
おいしい!GitHub ~GitHub Patchwork Tokyo @dots 夏休み版~Sanae Yamashita
 
CSSをさわってみよう
CSSをさわってみようCSSをさわってみよう
CSSをさわってみようSanae Yamashita
 
ウォークゲームハッカソン報告LT
ウォークゲームハッカソン報告LTウォークゲームハッカソン報告LT
ウォークゲームハッカソン報告LTTakumi Sueda
 

Viewers also liked (6)

Rubotyに名前をつけて可愛がってかしこく育てて一緒に暮らしたい
Rubotyに名前をつけて可愛がってかしこく育てて一緒に暮らしたいRubotyに名前をつけて可愛がってかしこく育てて一緒に暮らしたい
Rubotyに名前をつけて可愛がってかしこく育てて一緒に暮らしたい
 
第25回 高専プロコン 自由部門 Writening
第25回 高専プロコン 自由部門 Writening第25回 高専プロコン 自由部門 Writening
第25回 高専プロコン 自由部門 Writening
 
HTMLをさわってみよう
HTMLをさわってみようHTMLをさわってみよう
HTMLをさわってみよう
 
おいしい!GitHub ~GitHub Patchwork Tokyo @dots 夏休み版~
おいしい!GitHub ~GitHub Patchwork Tokyo @dots 夏休み版~おいしい!GitHub ~GitHub Patchwork Tokyo @dots 夏休み版~
おいしい!GitHub ~GitHub Patchwork Tokyo @dots 夏休み版~
 
CSSをさわってみよう
CSSをさわってみようCSSをさわってみよう
CSSをさわってみよう
 
ウォークゲームハッカソン報告LT
ウォークゲームハッカソン報告LTウォークゲームハッカソン報告LT
ウォークゲームハッカソン報告LT
 

Similar to git-followup @明石高専2E

@s_ssk13さん向けGitHub入門
@s_ssk13さん向けGitHub入門@s_ssk13さん向けGitHub入門
@s_ssk13さん向けGitHub入門Takashi Imagire
 
GitHub勉強会
GitHub勉強会GitHub勉強会
GitHub勉強会ArusuDev
 
医療データ解析者へ向けた Git・GitHub 入門
医療データ解析者へ向けた Git・GitHub 入門医療データ解析者へ向けた Git・GitHub 入門
医療データ解析者へ向けた Git・GitHub 入門Yui Tomo
 
Stylez GitLab勉強会 第1回
Stylez GitLab勉強会 第1回Stylez GitLab勉強会 第1回
Stylez GitLab勉強会 第1回Tetsurou Yano
 
20120324 git training
20120324 git training20120324 git training
20120324 git trainingTakeshi AKIMA
 
猫にはわからないGit講座
猫にはわからないGit講座猫にはわからないGit講座
猫にはわからないGit講座Yusei Yamanaka
 
Git講習会
Git講習会Git講習会
Git講習会galluda
 
Git 初心者講座 by forkwell
Git 初心者講座 by forkwellGit 初心者講座 by forkwell
Git 初心者講座 by forkwellsinsoku listy
 
15分でわかるGit入門
15分でわかるGit入門15分でわかるGit入門
15分でわかるGit入門to_ueda
 
2018 07-18 git-hub講座
2018 07-18 git-hub講座2018 07-18 git-hub講座
2018 07-18 git-hub講座貴一 末田
 
VCS - Version Control System at Security and Programming camp 2011
VCS - Version Control System at Security and Programming camp 2011 VCS - Version Control System at Security and Programming camp 2011
VCS - Version Control System at Security and Programming camp 2011 Hiro Yoshioka
 
Git社内勉強会資料
Git社内勉強会資料Git社内勉強会資料
Git社内勉強会資料Kenji Takei
 
Git_GitHub 入門者向けスライド.pdf
Git_GitHub 入門者向けスライド.pdfGit_GitHub 入門者向けスライド.pdf
Git_GitHub 入門者向けスライド.pdfYoshiki Tanaka
 

Similar to git-followup @明石高専2E (20)

Gitの紹介
Gitの紹介Gitの紹介
Gitの紹介
 
@s_ssk13さん向けGitHub入門
@s_ssk13さん向けGitHub入門@s_ssk13さん向けGitHub入門
@s_ssk13さん向けGitHub入門
 
Git地図
Git地図Git地図
Git地図
 
Git 20100313
Git 20100313Git 20100313
Git 20100313
 
GitHub勉強会
GitHub勉強会GitHub勉強会
GitHub勉強会
 
Git 仕組み 入門
Git 仕組み 入門Git 仕組み 入門
Git 仕組み 入門
 
医療データ解析者へ向けた Git・GitHub 入門
医療データ解析者へ向けた Git・GitHub 入門医療データ解析者へ向けた Git・GitHub 入門
医療データ解析者へ向けた Git・GitHub 入門
 
ゼミGit
ゼミGitゼミGit
ゼミGit
 
Stylez GitLab勉強会 第1回
Stylez GitLab勉強会 第1回Stylez GitLab勉強会 第1回
Stylez GitLab勉強会 第1回
 
20120324 git training
20120324 git training20120324 git training
20120324 git training
 
猫にはわからないGit講座
猫にはわからないGit講座猫にはわからないGit講座
猫にはわからないGit講座
 
Git講習会
Git講習会Git講習会
Git講習会
 
Git 初心者講座 by forkwell
Git 初心者講座 by forkwellGit 初心者講座 by forkwell
Git 初心者講座 by forkwell
 
Shizudev git hub宿題
Shizudev git hub宿題Shizudev git hub宿題
Shizudev git hub宿題
 
15分でわかるGit入門
15分でわかるGit入門15分でわかるGit入門
15分でわかるGit入門
 
Git 実践入門
Git 実践入門Git 実践入門
Git 実践入門
 
2018 07-18 git-hub講座
2018 07-18 git-hub講座2018 07-18 git-hub講座
2018 07-18 git-hub講座
 
VCS - Version Control System at Security and Programming camp 2011
VCS - Version Control System at Security and Programming camp 2011 VCS - Version Control System at Security and Programming camp 2011
VCS - Version Control System at Security and Programming camp 2011
 
Git社内勉強会資料
Git社内勉強会資料Git社内勉強会資料
Git社内勉強会資料
 
Git_GitHub 入門者向けスライド.pdf
Git_GitHub 入門者向けスライド.pdfGit_GitHub 入門者向けスライド.pdf
Git_GitHub 入門者向けスライド.pdf
 

More from Sanae Yamashita

vivliostyle.orgではじめるCSS組版チュートリアル
vivliostyle.orgではじめるCSS組版チュートリアルvivliostyle.orgではじめるCSS組版チュートリアル
vivliostyle.orgではじめるCSS組版チュートリアルSanae Yamashita
 
Vivliostyle Theme 開発ガイドラインの公開
Vivliostyle Theme 開発ガイドラインの公開Vivliostyle Theme 開発ガイドラインの公開
Vivliostyle Theme 開発ガイドラインの公開Sanae Yamashita
 
Vivliostyle Themes のハンズオン
Vivliostyle Themes のハンズオンVivliostyle Themes のハンズオン
Vivliostyle Themes のハンズオンSanae Yamashita
 
スピーディーな本作りとカスタマイズ可能な本作りのための Vivliostyle Themes プロジェクト #vivliostyle
スピーディーな本作りとカスタマイズ可能な本作りのための Vivliostyle Themes プロジェクト #vivliostyleスピーディーな本作りとカスタマイズ可能な本作りのための Vivliostyle Themes プロジェクト #vivliostyle
スピーディーな本作りとカスタマイズ可能な本作りのための Vivliostyle Themes プロジェクト #vivliostyleSanae Yamashita
 
CSS組版やってみた! #Vivliostyle
CSS組版やってみた! #VivliostyleCSS組版やってみた! #Vivliostyle
CSS組版やってみた! #VivliostyleSanae Yamashita
 
読解・QRコード(かんたんなやつ) #nitaclt
読解・QRコード(かんたんなやつ) #nitaclt読解・QRコード(かんたんなやつ) #nitaclt
読解・QRコード(かんたんなやつ) #nitacltSanae Yamashita
 
きみはPNGの仕様書を読んだか?
きみはPNGの仕様書を読んだか?きみはPNGの仕様書を読んだか?
きみはPNGの仕様書を読んだか?Sanae Yamashita
 
UIデザインの心理学
UIデザインの心理学UIデザインの心理学
UIデザインの心理学Sanae Yamashita
 
軍歌でわかるドイツ語(わからない)
軍歌でわかるドイツ語(わからない)軍歌でわかるドイツ語(わからない)
軍歌でわかるドイツ語(わからない)Sanae Yamashita
 
この夏、絶対モテるフォント選びのコツ #nitaclt
この夏、絶対モテるフォント選びのコツ #nitacltこの夏、絶対モテるフォント選びのコツ #nitaclt
この夏、絶対モテるフォント選びのコツ #nitacltSanae Yamashita
 
Hello world! にときめかなかった僕が情報系を名乗るまで
Hello world! にときめかなかった僕が情報系を名乗るまでHello world! にときめかなかった僕が情報系を名乗るまで
Hello world! にときめかなかった僕が情報系を名乗るまでSanae Yamashita
 
『UIデザインの心理学』周辺視野 - #kosen14s 第1回読書会 Day4 -
『UIデザインの心理学』周辺視野 - #kosen14s 第1回読書会 Day4 -『UIデザインの心理学』周辺視野 - #kosen14s 第1回読書会 Day4 -
『UIデザインの心理学』周辺視野 - #kosen14s 第1回読書会 Day4 -Sanae Yamashita
 
Are you a Designer or an Engineer?
Are you a Designer or an Engineer?Are you a Designer or an Engineer?
Are you a Designer or an Engineer?Sanae Yamashita
 
企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう
企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう
企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそうSanae Yamashita
 

More from Sanae Yamashita (16)

vivliostyle.orgではじめるCSS組版チュートリアル
vivliostyle.orgではじめるCSS組版チュートリアルvivliostyle.orgではじめるCSS組版チュートリアル
vivliostyle.orgではじめるCSS組版チュートリアル
 
Vivliostyle Theme 開発ガイドラインの公開
Vivliostyle Theme 開発ガイドラインの公開Vivliostyle Theme 開発ガイドラインの公開
Vivliostyle Theme 開発ガイドラインの公開
 
Vivliostyle Themes のハンズオン
Vivliostyle Themes のハンズオンVivliostyle Themes のハンズオン
Vivliostyle Themes のハンズオン
 
スピーディーな本作りとカスタマイズ可能な本作りのための Vivliostyle Themes プロジェクト #vivliostyle
スピーディーな本作りとカスタマイズ可能な本作りのための Vivliostyle Themes プロジェクト #vivliostyleスピーディーな本作りとカスタマイズ可能な本作りのための Vivliostyle Themes プロジェクト #vivliostyle
スピーディーな本作りとカスタマイズ可能な本作りのための Vivliostyle Themes プロジェクト #vivliostyle
 
CSS組版やってみた! #Vivliostyle
CSS組版やってみた! #VivliostyleCSS組版やってみた! #Vivliostyle
CSS組版やってみた! #Vivliostyle
 
読解・QRコード(かんたんなやつ) #nitaclt
読解・QRコード(かんたんなやつ) #nitaclt読解・QRコード(かんたんなやつ) #nitaclt
読解・QRコード(かんたんなやつ) #nitaclt
 
きみはPNGの仕様書を読んだか?
きみはPNGの仕様書を読んだか?きみはPNGの仕様書を読んだか?
きみはPNGの仕様書を読んだか?
 
UIデザインの心理学
UIデザインの心理学UIデザインの心理学
UIデザインの心理学
 
軍歌でわかるドイツ語(わからない)
軍歌でわかるドイツ語(わからない)軍歌でわかるドイツ語(わからない)
軍歌でわかるドイツ語(わからない)
 
この夏、絶対モテるフォント選びのコツ #nitaclt
この夏、絶対モテるフォント選びのコツ #nitacltこの夏、絶対モテるフォント選びのコツ #nitaclt
この夏、絶対モテるフォント選びのコツ #nitaclt
 
Hello world! にときめかなかった僕が情報系を名乗るまで
Hello world! にときめかなかった僕が情報系を名乗るまでHello world! にときめかなかった僕が情報系を名乗るまで
Hello world! にときめかなかった僕が情報系を名乗るまで
 
『UIデザインの心理学』周辺視野 - #kosen14s 第1回読書会 Day4 -
『UIデザインの心理学』周辺視野 - #kosen14s 第1回読書会 Day4 -『UIデザインの心理学』周辺視野 - #kosen14s 第1回読書会 Day4 -
『UIデザインの心理学』周辺視野 - #kosen14s 第1回読書会 Day4 -
 
Are you a Designer or an Engineer?
Are you a Designer or an Engineer?Are you a Designer or an Engineer?
Are you a Designer or an Engineer?
 
Me and GitHub
Me and GitHubMe and GitHub
Me and GitHub
 
企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう
企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう
企業ロゴに学ぶ 頭を使わないスライド作り 色で悩む時間を減らそう
 
Markdownがアツい
MarkdownがアツいMarkdownがアツい
Markdownがアツい
 

git-followup @明石高専2E

  • 3. $ git とは? 過去の作業内容を保存  過去にさかのぼる  過去の歴史を書きかえる ソースコードなどの変更履歴を記録・追跡する ための分散型バージョン管理システムである。
  • 5. $ GitHub とは? 「趣味でコード書くよ」  公開しよう 「仕事でコード書くよ」  管理しよう
  • 6. $ GitHub とは? こまめにコード書いて  で公開してたら きっといいことがあるよ
  • 7. $ git とは? 過去の作業内容を保存  過去にさかのぼる  過去の歴史を書きかえる ソースコードなどの変更履歴を記録・追跡する ための分散型バージョン管理システムである。
  • 8. $ git とは?    A さん B さん
  • 9. $ git とは?    A さん B さん レポート .txt 
  • 10. $ git とは?    A さん B さん レポート .txt 
  • 11. $ git とは?    A さん B さん レポート .txt  新レポート .txt 
  • 12. $ git とは?    A さん B さん レポート .txt  新レポート .txt  新・新レポート .txt 最新のレポート .txt レポート 0514.txt   
  • 13. $ git とは?    A さん B さん レポート .txt  新レポート .txt  新・新レポート .txt 最新のレポート .txt レポート 0514.txt    _人人 人人 人人 人人 人人_ > 突然の死 <  ̄ Y^Y^Y^Y^Y^Y^Y^Y  ̄
  • 14. $ git とは?    A さん B さん   
  • 15. $ git とは?    A さん B さん    共有リポジトリ 作業リポジトリ
  • 16. $ git での開発 flow 「git 管理よろしくね」 他にも clone, diff, log... init 編集 add commit push 作業リポジトリでコードを書く commit 待ちエリアに登録 変更をまとめる 共有リポジトリに送る
  • 17. $ git での開発 flow 編集 add commit push …今回は、すでに存在するリポジトリを       してきます。clone https://github.com/yamasy1549/git-followup-2e 右下あたりにこんなのがある デスクトップに  git-followup-2e ができる ここでいろいろするよ(作業リポジトリ)
  • 18. $ git での開発 flow 編集 add commit push $ cd git-followup-2e/ $ git status $ vim index.html  Windows 環境では cd  dir に読みかえてね。 あとたぶん Vim 入ってないから好きなやつで
  • 19. $ git での開発 flow 編集 add commit push   ページを編集してみよう! yamasy の他己紹介を追加してください。 ・好きな食べ物、趣味、第一印象 etc... ・文のまとまりなので <p> を使うといいよ できたら保存
  • 20. $ git での開発 flow 編集 add commit push $ git status  ファイルの状態を一覧表示 ステージされた / ステージされてない / その他
  • 21. $ git での開発 flow 編集 add commit push $ git status $ git add index.html  指定したファイル(commit したいファイル) をステージにのせる
  • 22. $ git での開発 flow 編集 add commit push $ git status $ git add index.html $ git status  ファイルの状態が変わったはず! (前回と比べてどこがどう変わった?)
  • 23. $ git での開発 flow 編集 add commit push $ git commit -m“[message]”  [message] の部分に、この commit の概要を 簡単な英語で書いてみよう e.g. “Add yamasy’ s profile” “First impression of yamasy”
  • 24. $ git での開発 flow 編集 add commit push $ git push origin master  commit を共有リポジトリに送信します origin  共有リポジトリの場所 master  ブランチの名前
  • 25. $ git での開発 flow 編集 add commit push $ git push origin master  commit を共有リポジトリに送信します origin  共有リポジトリの場所 master  ブランチの名前 _人人 人人 人人 人人 人人_ > おしまい <  ̄ Y^Y^Y^Y^Y^Y^Y^Y  ̄