37
デザイナのためのGit入門 導入編 @dsuket 1325日火曜日

デザイナのためのGit入門

Embed Size (px)

DESCRIPTION

社内勉強会用資料です。Gitの使い方の前に。

Citation preview

Page 1: デザイナのためのGit入門

デザイナのためのGit入門導入編

@dsuket

13年2月5日火曜日

Page 2: デザイナのためのGit入門

はじめに

バージョン管理や、git、githubの概要について説明します。

コマンドなどは出てきません。

具体的な使用方法は参考資料を。

13年2月5日火曜日

Page 3: デザイナのためのGit入門

バージョン管理

バージョン管理してますか?

13年2月5日火曜日

Page 4: デザイナのためのGit入門

オレオレバージョン管理

もちろん!

13年2月5日火曜日

Page 5: デザイナのためのGit入門

オレオレバージョン管理

もちろん!

オレオレバージョン管理!

13年2月5日火曜日

Page 6: デザイナのためのGit入門

オレオレバージョン管理

もちろん!

オレオレバージョン管理!

どれが最新なの・・・

13年2月5日火曜日

Page 7: デザイナのためのGit入門

オレオレバージョン管理

もちろん!

オレオレバージョン管理!

どれが最新なの・・・

直前のどれだっけ・・・

13年2月5日火曜日

Page 8: デザイナのためのGit入門

共有ファイルでの問題

共有フォルダ

index.html

Aさん Bさん

13年2月5日火曜日

Page 9: デザイナのためのGit入門

共有ファイルでの問題

共有フォルダ更新 index.html

Aさん Bさん

13年2月5日火曜日

Page 10: デザイナのためのGit入門

共有ファイルでの問題

共有フォルダ更新 更新index.html

Aさん Bさん

13年2月5日火曜日

Page 11: デザイナのためのGit入門

共有ファイルでの問題

共有フォルダ更新 更新index.html

衝突

Aさん Bさん

13年2月5日火曜日

Page 12: デザイナのためのGit入門

共有ファイルでの問題

共有フォルダ更新 更新index.html

衝突

Aさん Bさん

Aさんの更新を上書きしてしまった・・・

13年2月5日火曜日

Page 13: デザイナのためのGit入門

バージョン管理システムとは

バージョン管理システムを使いましょう!

すぐ前の状態に戻せる

複数人で同じファイルを更新しても大丈夫

変更履歴が見れる

リリース管理も簡単

13年2月5日火曜日

Page 14: デザイナのためのGit入門

バージョン管理システムの基本

ワーキングコピー

チェックアウト

コミット

ファイルの編集

リポジトリ

13年2月5日火曜日

Page 15: デザイナのためのGit入門

バージョン管理システムの種類

集中型CVS

集中型Subversion

分散型Git

分散型Mercurial

バージョン管理システム

13年2月5日火曜日

Page 16: デザイナのためのGit入門

Gitってなんなの?

13年2月5日火曜日

Page 17: デザイナのためのGit入門

Gitとは

分散バージョン管理

ブランチが簡単

マージがしやすい

履歴管理が柔軟

障害に強い

リーナス・トーバルズが開発

Linuxのソース管理

特徴

13年2月5日火曜日

Page 18: デザイナのためのGit入門

Gitの事例Gitで開発してるプロダクト

Linux Kernel

PostgreSQL

Perl

Ruby on Rails

Eclipse

Android

13年2月5日火曜日

Page 19: デザイナのためのGit入門

Gitの事例

Gitを採用している企業

Google

Facebook

Microsoft

Twitter

GREE

13年2月5日火曜日

Page 20: デザイナのためのGit入門

なんかすごそうなのはわかった。

で、何が便利なの?

13年2月5日火曜日

Page 21: デザイナのためのGit入門

Subversion

via: イラストでわかる!git入門の入門@AsialBlog

13年2月5日火曜日

Page 22: デザイナのためのGit入門

Git

13年2月5日火曜日

Page 23: デザイナのためのGit入門

Git

13年2月5日火曜日

Page 24: デザイナのためのGit入門

Git

人数が増えるとめんどくさい

13年2月5日火曜日

Page 25: デザイナのためのGit入門

Gitで集中管理ぽく

個人のリポジトリと共有リポジトリを使う

共有リポジトリへpush/pullして、同期する。

13年2月5日火曜日

Page 26: デザイナのためのGit入門

分散だとなぜいいの?

手軽にコミットできる。

オフラインでもコミットできる。

➡コミットが増えると、履歴が増える。

➡ 履歴が増えると戻すのが簡単

13年2月5日火曜日

Page 27: デザイナのためのGit入門

ブランチ・マージが便利

別バージョンを作るのが簡単

トピックブランチとしてつくる

色違い、レイアウト案などなど

それをマージするのが簡単

検討案を後から戻すことも

13年2月5日火曜日

Page 28: デザイナのためのGit入門

Gitの弱点

バイナリファイルが苦手

遅くなる

差分も取れない ⇒ マージできない

PSDファイルのバージョン管理できないとか・・・

HTML/CSS/JSには強力

13年2月5日火曜日

Page 29: デザイナのためのGit入門

Github

Github?

最近よく聞くよね

13年2月5日火曜日

Page 30: デザイナのためのGit入門

Githubとは

gitのプロジェクトをホスティングしてくれるサービス

採用時にも見られるとか!

Social Coding !!世界中の人とコードを共有

気軽にコードをやりとり

13年2月5日火曜日

Page 31: デザイナのためのGit入門

ところでこいつは何者?

名前は Octocat

フォトストックサービスから$50

でイラストを買った

Twitterの鳥と同じデザイナとか

あの鳥は $6?

今福岡にいるらしい

13年2月5日火曜日

Page 32: デザイナのためのGit入門

Githubの特徴

特徴

フォーク(forking)

プルリクエスト(pull request)

マージ(merge)

13年2月5日火曜日

Page 33: デザイナのためのGit入門

Gitを使ってみよう

これ読んで下さいwよくまとまってて分かりやすい

c.f: サルでもわかるGit入門

13年2月5日火曜日

Page 34: デザイナのためのGit入門

GUI Client

SourceTree

Tower

Github for Mac

黒い画面がこわい人にはGUIもあるよ

13年2月5日火曜日

Page 35: デザイナのためのGit入門

次回・・・

実際に使ってみる!

具体的な使い方

社内での運用方法

13年2月5日火曜日

Page 36: デザイナのためのGit入門

次回・・・

実際に使ってみる!

具体的な使い方

社内での運用方法

誰かやって下さい!!

13年2月5日火曜日

Page 37: デザイナのためのGit入門

参考イラストでわかる!git入門の入門 (わかりやすい超入門)

サルでもわかるGit入門 (基本が分かりやすい)

git - 簡単ガイド 猫でもわかるGit 最初の一歩 (見やすい!)

「うわっ…私のバージョン管理、ダメ過ぎ…?」を解決するGitの使い方“超”入

門 (おもしろいw)

こわくないgit (マージとリベースについて)

Git入門 ゼロから始めるGitドリル (これやっとけばOK)

Git & GitHub (サイボウズさんのノウハウが一杯)

13年2月5日火曜日