SlideShare a Scribd company logo
デザイナのためのGit入門
             導入編
                   @dsuket

13年2月5日火曜日
はじめに


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

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

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




13年2月5日火曜日
バージョン管理



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



13年2月5日火曜日
オレオレバージョン管理
             もちろん!




13年2月5日火曜日
オレオレバージョン管理
                    もちろん!




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


13年2月5日火曜日
オレオレバージョン管理
                    もちろん!
                            どれが最新なの・・・




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


13年2月5日火曜日
オレオレバージョン管理
                    もちろん!
                            どれが最新なの・・・



                            直前のどれだっけ・・・




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


13年2月5日火曜日
共有ファイルでの問題


                   index.html

                   共有フォルダ




             Aさん                Bさん


13年2月5日火曜日
共有ファイルでの問題


                    index.html
               更新
                    共有フォルダ




             Aさん                 Bさん


13年2月5日火曜日
共有ファイルでの問題


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




             Aさん                  Bさん


13年2月5日火曜日
共有ファイルでの問題

                             衝突

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




             Aさん                   Bさん


13年2月5日火曜日
共有ファイルでの問題

                             衝突
                                    Aさんの更新を上書き
                    index.html
               更新                 更新してしまった・・・
                    共有フォルダ




             Aさん                   Bさん


13年2月5日火曜日
バージョン管理システムとは

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

             すぐ前の状態に戻せる

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

             変更履歴が見れる

             リリース管理も簡単


13年2月5日火曜日
バージョン管理システムの基本


                        チェックアウト



                                  リポジトリ
             ワーキングコピー    コミット

             ファイルの編集




13年2月5日火曜日
バージョン管理システムの種類


             バージョン管理システム

                       CVS
             集中型
                    Subversion

                        Git
             分散型
                     Mercurial


13年2月5日火曜日
Gitってなんなの?



13年2月5日火曜日
Gitとは
                             特徴
        リーナス・トーバルズが開発      分散バージョン管理


             Linuxのソース管理   ブランチが簡単

                           マージがしやすい

                           履歴管理が柔軟

                           障害に強い

13年2月5日火曜日
Gitの事例
      Gitで開発してるプロダクト

             Linux Kernel

             PostgreSQL

             Perl

             Ruby on Rails

             Eclipse

             Android

13年2月5日火曜日
Gitの事例
      Gitを採用している企業

             Google

             Facebook

             Microsoft

             Twitter

             GREE


13年2月5日火曜日
なんかすごそうなのはわかった。

             で、何が便利なの?


13年2月5日火曜日
Subversion




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

13年2月5日火曜日
Git




13年2月5日火曜日
Git




13年2月5日火曜日
Git


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




13年2月5日火曜日
Gitで集中管理ぽく




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

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

13年2月5日火曜日
分散だとなぜいいの?

                    手軽にコミットできる。

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




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

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

13年2月5日火曜日
ブランチ・マージが便利

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

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

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

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

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


13年2月5日火曜日
Gitの弱点

        バイナリファイルが苦手

             遅くなる

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

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

             HTML/CSS/JSには強力


13年2月5日火曜日
Github

              Github?

             最近よく聞くよね



13年2月5日火曜日
Githubとは

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

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


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

              気軽にコードをやりとり


13年2月5日火曜日
ところで
             こいつは何者?

             名前は Octocat

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

             でイラストを買った

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

               あの鳥は $6?

               今福岡にいるらしい


13年2月5日火曜日
Githubの特徴

         特徴

             フォーク(forking)

             プルリクエスト(pull request)

             マージ(merge)



13年2月5日火曜日
Gitを使ってみよう
                       c.f: サルでもわかるGit入門




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



13年2月5日火曜日
GUI Client
   黒い画面がこわい人にはGUIもあるよ

                   SourceTree


                     Tower


                 Github for Mac

13年2月5日火曜日
次回・・・

         実際に使ってみる!

         具体的な使い方

         社内での運用方法


13年2月5日火曜日
次回・・・

         実際に使ってみる!
                     誰かやって
         具体的な使い方
                     下さい!!
         社内での運用方法


13年2月5日火曜日
参考
        イラストでわかる!git入門の入門 (わかりやすい超入門)

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

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

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

        門 (おもしろいw)

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

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

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


13年2月5日火曜日

More Related Content

PDF
はじめてのGit forデザイナー&コーダー
PDF
やりなおせる Git 入門
PDF
いつやるの?Git入門 v1.1.0
PDF
いつやるの?Git入門
PDF
15分でわかるGit入門
PDF
Gitはじめの一歩
PDF
ノンプログラマでも今日から使える「Git」でバージョン管理
PDF
はじめようGit
はじめてのGit forデザイナー&コーダー
やりなおせる Git 入門
いつやるの?Git入門 v1.1.0
いつやるの?Git入門
15分でわかるGit入門
Gitはじめの一歩
ノンプログラマでも今日から使える「Git」でバージョン管理
はじめようGit

What's hot (20)

PDF
こわくない Git
PDF
コンセプトから理解するGitコマンド
PDF
Git_GitHub 入門者向けスライド.pdf
PDF
Git flowの活用事例
PDF
うちのRedmineの使い方(2)
PDF
オススメのJavaログ管理手法 ~コンテナ編~(Open Source Conference 2022 Online/Spring 発表資料)
PDF
Dockerfile を書くためのベストプラクティス解説編
PDF
RedmineのFAQとアンチパターン集
PPTX
YoctoをつかったDistroの作り方とハマり方
PDF
Docker道場オンライン#1 Docker基礎概念と用語の理解
PPTX
ネットストーカー御用達OSINTツールBlackBirdを触ってみた.pptx
PDF
Redmineの情報を自分好みに見える化した話
PPTX
GitLab CI/CD パイプライン
PDF
より速く より運用しやすく 進化し続けるJVM(Java Developers Summit Online 2023 発表資料)
PDF
View Customize Pluginで出来ること
PDF
DockerとPodmanの比較
PDF
コンテナの作り方「Dockerは裏方で何をしているのか?」
PDF
Redmine にいろいろ埋め込んでみた
PPTX
Python製BDDツールで自動化してみた
PDF
MagicOnion入門
こわくない Git
コンセプトから理解するGitコマンド
Git_GitHub 入門者向けスライド.pdf
Git flowの活用事例
うちのRedmineの使い方(2)
オススメのJavaログ管理手法 ~コンテナ編~(Open Source Conference 2022 Online/Spring 発表資料)
Dockerfile を書くためのベストプラクティス解説編
RedmineのFAQとアンチパターン集
YoctoをつかったDistroの作り方とハマり方
Docker道場オンライン#1 Docker基礎概念と用語の理解
ネットストーカー御用達OSINTツールBlackBirdを触ってみた.pptx
Redmineの情報を自分好みに見える化した話
GitLab CI/CD パイプライン
より速く より運用しやすく 進化し続けるJVM(Java Developers Summit Online 2023 発表資料)
View Customize Pluginで出来ること
DockerとPodmanの比較
コンテナの作り方「Dockerは裏方で何をしているのか?」
Redmine にいろいろ埋め込んでみた
Python製BDDツールで自動化してみた
MagicOnion入門
Ad

Viewers also liked (8)

PDF
Gitのよく使うコマンド
KEY
バージョン管理のワークフロー
PDF
Git 入門
PDF
Gitことはじめ
PDF
Testing Ansible with Jenkins and Docker
KEY
一人でもはじめるGitでバージョン管理
PDF
猫にはわからないGit講座
PDF
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
Gitのよく使うコマンド
バージョン管理のワークフロー
Git 入門
Gitことはじめ
Testing Ansible with Jenkins and Docker
一人でもはじめるGitでバージョン管理
猫にはわからないGit講座
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
Ad

Similar to デザイナのためのGit入門 (20)

PDF
Git for beginners
PDF
はこだてIKA夜間勉強会 バージョン管理#01 -Subversion編-
PDF
バージョン管理#01 -Subversion編-
PDF
ノンプログラマのGit入門
PDF
Git overview (v 0.96)
KEY
Git (実践入門編)
PPTX
GitHubワークショップ
PDF
20120125 チーム開発
PDF
20120125 チーム開発
PDF
Gitとちょっと仲良くなるために覚えたことまとめ
PDF
とあるぼっち開発者の憂鬱とGit
PPTX
バージョン管理勉強会
PPTX
Git勉強会
PDF
Real legacy
PDF
バージョン管理とGit
PDF
VCS - Version Control System at Security and Programming camp 2011
KEY
P4p20120408
PDF
Git-dojo In Sendagaya.rb
PPT
Githubことはじめ
PDF
クリアな履歴とコードために  -Git 入門編-
Git for beginners
はこだてIKA夜間勉強会 バージョン管理#01 -Subversion編-
バージョン管理#01 -Subversion編-
ノンプログラマのGit入門
Git overview (v 0.96)
Git (実践入門編)
GitHubワークショップ
20120125 チーム開発
20120125 チーム開発
Gitとちょっと仲良くなるために覚えたことまとめ
とあるぼっち開発者の憂鬱とGit
バージョン管理勉強会
Git勉強会
Real legacy
バージョン管理とGit
VCS - Version Control System at Security and Programming camp 2011
P4p20120408
Git-dojo In Sendagaya.rb
Githubことはじめ
クリアな履歴とコードために  -Git 入門編-

More from dsuke Takaoka (20)

PDF
マイ丼5分クッキング
PDF
いまさら聞けない機械学習のキホン
PDF
AITCオープンラボ IoTx総まとめ これまでのふりかえり
PDF
Pepper x IoT x Web 勉強会やってみた話と失敗談
PDF
littleBitsとIFTTTで超お手軽IoTクッキング
PDF
03 pepper io_t_web
PDF
AITCオープンラボ: Pepper x IoT x Web
PDF
最近のWeb関連技術の動向あれこれ
PDF
IoT概論: AITCオープンラボ IoT勉強会
PDF
データビジュアライゼーションもくもく会
PDF
React.js + Flux
PDF
Elm overview
PDF
D3.js で LOD を Visualization
PDF
モバイルWebアプリのこれまでとこれから
PDF
モバイルWebアプリケーションを複数端末で動かすために注意すること
PDF
モバイルWebアプリのこれまでとこれから。Sencha Touch vs jQuery Mobile
PDF
Sencha Touch ハンズオン資料
PDF
jQuery Mobile ハンズオン 資料
PDF
5分でわかるSencha Touch
PDF
Senchaを使うエンジニアが知っておくたった一つのこと
マイ丼5分クッキング
いまさら聞けない機械学習のキホン
AITCオープンラボ IoTx総まとめ これまでのふりかえり
Pepper x IoT x Web 勉強会やってみた話と失敗談
littleBitsとIFTTTで超お手軽IoTクッキング
03 pepper io_t_web
AITCオープンラボ: Pepper x IoT x Web
最近のWeb関連技術の動向あれこれ
IoT概論: AITCオープンラボ IoT勉強会
データビジュアライゼーションもくもく会
React.js + Flux
Elm overview
D3.js で LOD を Visualization
モバイルWebアプリのこれまでとこれから
モバイルWebアプリケーションを複数端末で動かすために注意すること
モバイルWebアプリのこれまでとこれから。Sencha Touch vs jQuery Mobile
Sencha Touch ハンズオン資料
jQuery Mobile ハンズオン 資料
5分でわかるSencha Touch
Senchaを使うエンジニアが知っておくたった一つのこと

デザイナのためのGit入門

  • 1. デザイナのためのGit入門 導入編 @dsuket 13年2月5日火曜日
  • 2. はじめに バージョン管理や、git、githubの概要について説明します。 コマンドなどは出てきません。 具体的な使用方法は参考資料を。 13年2月5日火曜日
  • 3. バージョン管理 バージョン管理してますか? 13年2月5日火曜日
  • 4. オレオレバージョン管理 もちろん! 13年2月5日火曜日
  • 5. オレオレバージョン管理 もちろん! オレオレバージョン管理! 13年2月5日火曜日
  • 6. オレオレバージョン管理 もちろん! どれが最新なの・・・ オレオレバージョン管理! 13年2月5日火曜日
  • 7. オレオレバージョン管理 もちろん! どれが最新なの・・・ 直前のどれだっけ・・・ オレオレバージョン管理! 13年2月5日火曜日
  • 8. 共有ファイルでの問題 index.html 共有フォルダ Aさん Bさん 13年2月5日火曜日
  • 9. 共有ファイルでの問題 index.html 更新 共有フォルダ Aさん Bさん 13年2月5日火曜日
  • 10. 共有ファイルでの問題 index.html 更新 更新 共有フォルダ Aさん Bさん 13年2月5日火曜日
  • 11. 共有ファイルでの問題 衝突 index.html 更新 更新 共有フォルダ Aさん Bさん 13年2月5日火曜日
  • 12. 共有ファイルでの問題 衝突 Aさんの更新を上書き index.html 更新 更新してしまった・・・ 共有フォルダ Aさん Bさん 13年2月5日火曜日
  • 13. バージョン管理システムとは バージョン管理システムを使いましょう! すぐ前の状態に戻せる 複数人で同じファイルを更新しても大丈夫 変更履歴が見れる リリース管理も簡単 13年2月5日火曜日
  • 14. バージョン管理システムの基本 チェックアウト リポジトリ ワーキングコピー コミット ファイルの編集 13年2月5日火曜日
  • 15. バージョン管理システムの種類 バージョン管理システム CVS 集中型 Subversion Git 分散型 Mercurial 13年2月5日火曜日
  • 17. Gitとは 特徴 リーナス・トーバルズが開発 分散バージョン管理 Linuxのソース管理 ブランチが簡単 マージがしやすい 履歴管理が柔軟 障害に強い 13年2月5日火曜日
  • 18. Gitの事例 Gitで開発してるプロダクト Linux Kernel PostgreSQL Perl Ruby on Rails Eclipse Android 13年2月5日火曜日
  • 19. Gitの事例 Gitを採用している企業 Google Facebook Microsoft Twitter GREE 13年2月5日火曜日
  • 20. なんかすごそうなのはわかった。 で、何が便利なの? 13年2月5日火曜日
  • 21. Subversion via: イラストでわかる!git入門の入門@AsialBlog 13年2月5日火曜日
  • 24. Git 人数が増えるとめんどくさい 13年2月5日火曜日
  • 25. Gitで集中管理ぽく 個人のリポジトリと共有リポジトリを使う 共有リポジトリへpush/pullして、同期する。 13年2月5日火曜日
  • 26. 分散だとなぜいいの? 手軽にコミットできる。 オフラインでもコミットできる。 ➡コミットが増えると、履歴が増える。 ➡ 履歴が増えると戻すのが簡単 13年2月5日火曜日
  • 27. ブランチ・マージが便利 別バージョンを作るのが簡単 トピックブランチとしてつくる 色違い、レイアウト案などなど それをマージするのが簡単 検討案を後から戻すことも 13年2月5日火曜日
  • 28. Gitの弱点 バイナリファイルが苦手 遅くなる 差分も取れない ⇒ マージできない PSDファイルのバージョン管理できないとか・・・ HTML/CSS/JSには強力 13年2月5日火曜日
  • 29. Github Github? 最近よく聞くよね 13年2月5日火曜日
  • 30. Githubとは gitのプロジェクトをホスティングしてくれるサービス 採用時にも見られるとか! Social Coding !! 世界中の人とコードを共有 気軽にコードをやりとり 13年2月5日火曜日
  • 31. ところで こいつは何者? 名前は Octocat フォトストックサービスから$50 でイラストを買った Twitterの鳥と同じデザイナとか あの鳥は $6? 今福岡にいるらしい 13年2月5日火曜日
  • 32. Githubの特徴 特徴 フォーク(forking) プルリクエスト(pull request) マージ(merge) 13年2月5日火曜日
  • 33. Gitを使ってみよう c.f: サルでもわかるGit入門 これ読んで下さいw よくまとまってて分かりやすい 13年2月5日火曜日
  • 34. GUI Client 黒い画面がこわい人にはGUIもあるよ SourceTree Tower Github for Mac 13年2月5日火曜日
  • 35. 次回・・・ 実際に使ってみる! 具体的な使い方 社内での運用方法 13年2月5日火曜日
  • 36. 次回・・・ 実際に使ってみる! 誰かやって 具体的な使い方 下さい!! 社内での運用方法 13年2月5日火曜日
  • 37. 参考 イラストでわかる!git入門の入門 (わかりやすい超入門) サルでもわかるGit入門 (基本が分かりやすい) git - 簡単ガイド 猫でもわかるGit 最初の一歩 (見やすい!) 「うわっ…私のバージョン管理、ダメ過ぎ…?」を解決するGitの使い方“超”入 門 (おもしろいw) こわくないgit (マージとリベースについて) Git入門 ゼロから始めるGitドリル (これやっとけばOK) Git & GitHub (サイボウズさんのノウハウが一杯) 13年2月5日火曜日