はじめてのGit　forデザイナー＆コーダー

はじめてのGit
For コーダー＆デザイナー
（非エンジニアな人）

CHAPTER1
そもそも、どんなメンドクサイことがよく起こっているのか

こんなことありませんか？
全体リニューアル中なのに、
いまの本番の修正が入る

そういえばさ
このバナーだけ
先にアップしてくれ
ない？
あと
新しい方のデザインにも
バナーいれといて

こんなこともありませんか？
修正したファイルを
アップしてもらうのが
超面倒

すいません
index.htmlと
shop1.htmlと
basic.cssと
shop_page.cssをアップして
ください
index.htmlが/www/viewの下で
shop1.htmlが/static/pagesの下で
basic.cssは/www/publicの下で
shop_page.cssは/www/hojin/shop
の下です
どこの
ディレクトリ？
ふえるほどメンドクサイ

あんなこともありませんか？
最新っぽい名前の
フォルダが出来まくる

こんなことだってありませんか？
作業中のファイルが
いつの間にか
上書き保存されていた

修正終わった！
えっ？それ、今
上書き保存しちゃったけど

そんなことをふせぐのが
です
Git

CHAPTER1のまとめ
1. バージョンがごっちゃになる
2. 作業ファイルのやりとりが面倒
3. 上書き保存のリスクが高し
よくあるｱﾁｬｰ

Gitならこれができます

Gitならこれができます自動でできるよ！
最新版もわかるよ！

コマンド
一つで
できるよ

上書き保存防止
＆
うまくくっつけてくれるよ！

CHAPTER2
で、Gitとはなんぞや？

では早速
ができることを
見てみましょう
Git

のざっくりした仕組みを
3つだけ覚えましょう
Git
覚えておくと
あとあとラクです

その①
自分と、共有の作業場所がそれぞれあります
共有の環境
（本番など）
Ａさんの環境Ｂさんの環境

自分の作業場所は、
基本的に勝手に上書きされることはありません

他人の環境は
上書きできません

その②
自分と、共有の作業場所のファイルのやりとりは
Gitを使っておこないます
共有の環境
（本番など）
Git Git

AさんからBさんに渡したいものも
基本的には共有の環境を通すことになります
共有の環境
（本番など）

共有の環境
（本番など）

その③
作業内容を、スクリーンショットのように
場所ごとまるっと保存しておけます
「いつ」「どのファイルの」「どこを」「どのように変更したか」
ごと、まるっと保存します

7/20に、Aというフォルダの
Bというファイルの
5-8行目だけ変更したよ
7/20 15:58の状態

7/22には、Aというフォルダの
Bというファイルの
9-12行目だけ変更したよ
7/22 9:37の状態

Ａさんの環境
より具体的にみてみましょう
Bさんの環境

Ａさんの環境
Bさんの環境
このフォルダとファイルを
新しく追加しました

Ａさんの環境
Bさんの環境
この状態をいったん
「保存」します。

Ａさんの環境
Bさんの環境
【7/20 15:58の状態】

Ａさんの環境
Bさんの環境
【7/20 15:58の状態】
を、共有の環境に
アップします

Ａさんの環境
Bさんの環境
共有の環境

Ａさんの環境
Bさんの環境
共有の環境
共有の環境が、
【7/20 15:58の状態】
になりました

Ａさんの環境
Bさんの環境
共有の環境
つぎに、
Bさんが作業するには
共有の環境から
【7/20 15:58の状態】
を持ってきます

Ａさんの環境
Bさんの環境
共有の環境
Bさんの環境も、
【7/20 15:58の状態】
になりました

これらの作業は
コマンドで
サクサクできます
（demoみてね）

このように、Gitを使うと
が
とっても簡単です
複数のフォルダや
ファイルのやりとり

同じ文章を変更していても、
変更箇所がかぶっていなかったら
自動でくっつけられちゃいます
ここはAさんが
変更したところ
ここはBさんが
変更したところ

Aさんのファイル Bさんのファイル

＋
Aさんのファイル Bさんのファイル

CHAPTER3
Gitのキホンの動きを知る

では最後に
Gitの基本用語
＆
基本的な動きを覚えましょう

「あのときこうしていれば…」

というのは妄想ですが、

「A」というファイルに
「AAA」という内容追加した

おなじ「A」というファイルに
「BBB」という内容追加した

これらの、それぞれを
「ブランチ」と呼びます

「A」というファイルに
「AAA」という内容追加した
おなじ「A」というファイルに
「BBB」という内容追加した
←ブランチA
←ブランチB

このブランチを切り替えると、
開発環境もかわります

ちなみにこの例は
私のGitを全面的にサポートしてくれた
N井先輩がおしえてくれた例です

ブランチは
好きな時点の状態から作れて
いくつでも作れます

ブランチC
ブランチA
ブランチB

そして
合体させることもできます

ブランチAと
ブランチBの内容を
合体！

この、合体することを

といいます
テストに出るよ！

そして先ほどからでている
ナゾの○

これは、状態を保存した！
というその状態のことで

といいます！
超テストに出るよ！

つまり、Gitで
バージョンを管理すると
いうのは

を、
たくさん積んでいく
ことなのです

ゲーマーな方なら
ピンと来やすいと思いますが

いろいろな人生を
その都度セーブするような
そんなイメージですネ

次回「Gitをはじめよう！」
では

この「ブランチ」と
「コミット」を
実際に練習してみましょう！

今日はここまで！
お疲れ様でした
株式会社ファブリカコミュニケーションズ企画部山本紗依子

はじめてのGit　forデザイナー＆コーダー

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie はじめてのGit　forデザイナー＆コーダー

Ähnlich wie はじめてのGit　forデザイナー＆コーダー (20)