SlideShare une entreprise Scribd logo
1  sur  37
Télécharger pour lire hors ligne
デザイナのための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日火曜日

Contenu connexe

Tendances

Gitのよく使うコマンド
Gitのよく使うコマンドGitのよく使うコマンド
Gitのよく使うコマンド
YUKI Kaoru
 
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
Takashi Uemura
 

Tendances (20)

Git flowの活用事例
Git flowの活用事例Git flowの活用事例
Git flowの活用事例
 
世界一わかりやすいClean Architecture
世界一わかりやすいClean Architecture世界一わかりやすいClean Architecture
世界一わかりやすいClean Architecture
 
やりなおせる Git 入門
やりなおせる Git 入門やりなおせる Git 入門
やりなおせる Git 入門
 
はじめようGit
はじめようGitはじめようGit
はじめようGit
 
Gitのよく使うコマンド
Gitのよく使うコマンドGitのよく使うコマンド
Gitのよく使うコマンド
 
コンセプトから理解するGitコマンド
コンセプトから理解するGitコマンドコンセプトから理解するGitコマンド
コンセプトから理解するGitコマンド
 
一人でもはじめるGitでバージョン管理
一人でもはじめるGitでバージョン管理一人でもはじめるGitでバージョン管理
一人でもはじめるGitでバージョン管理
 
Go入門
Go入門Go入門
Go入門
 
新たなgitのブランチモデル「Git Feature Flow」!Git Flow,Git Hub Flow,Git Lab Flowを超えれるか?
新たなgitのブランチモデル「Git Feature Flow」!Git Flow,Git Hub Flow,Git Lab Flowを超えれるか?新たなgitのブランチモデル「Git Feature Flow」!Git Flow,Git Hub Flow,Git Lab Flowを超えれるか?
新たなgitのブランチモデル「Git Feature Flow」!Git Flow,Git Hub Flow,Git Lab Flowを超えれるか?
 
テストコードの DRY と DAMP
テストコードの DRY と DAMPテストコードの DRY と DAMP
テストコードの DRY と DAMP
 
テスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるなテスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるな
 
Gitの便利ワザ
Gitの便利ワザGitの便利ワザ
Gitの便利ワザ
 
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
 
それはYAGNIか? それとも思考停止か?
それはYAGNIか? それとも思考停止か?それはYAGNIか? それとも思考停止か?
それはYAGNIか? それとも思考停止か?
 
マイクロにしすぎた結果がこれだよ!
マイクロにしすぎた結果がこれだよ!マイクロにしすぎた結果がこれだよ!
マイクロにしすぎた結果がこれだよ!
 
Marp Tutorial
Marp TutorialMarp Tutorial
Marp Tutorial
 
図解gitworkflows(7)
図解gitworkflows(7)図解gitworkflows(7)
図解gitworkflows(7)
 
Jenkins 再入門
Jenkins 再入門Jenkins 再入門
Jenkins 再入門
 
開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)
 
BuildKitの概要と最近の機能
BuildKitの概要と最近の機能BuildKitの概要と最近の機能
BuildKitの概要と最近の機能
 

Similaire à デザイナのためのGit入門

Git extensions ws外部公開用
Git extensions ws外部公開用Git extensions ws外部公開用
Git extensions ws外部公開用
CROOZ, inc.
 
とあるぼっち開発者の憂鬱とGit
とあるぼっち開発者の憂鬱とGitとあるぼっち開発者の憂鬱とGit
とあるぼっち開発者の憂鬱とGit
Seiichiro Mishiba
 
バージョン管理とGit
バージョン管理とGitバージョン管理とGit
バージョン管理とGit
sinsoku listy
 

Similaire à デザイナのためのGit入門 (20)

Git 初心者講座 by forkwell
Git 初心者講座 by forkwellGit 初心者講座 by forkwell
Git 初心者講座 by forkwell
 
Git & GitHub を使いこなしてハッピーになろう! - WordBench 名古屋 & concrete5 名古屋 合同勉強会
Git & GitHub を使いこなしてハッピーになろう! - WordBench 名古屋 & concrete5 名古屋 合同勉強会Git & GitHub を使いこなしてハッピーになろう! - WordBench 名古屋 & concrete5 名古屋 合同勉強会
Git & GitHub を使いこなしてハッピーになろう! - WordBench 名古屋 & concrete5 名古屋 合同勉強会
 
About git
About gitAbout git
About git
 
Git extensions ws外部公開用
Git extensions ws外部公開用Git extensions ws外部公開用
Git extensions ws外部公開用
 
ゆるふわっGit入門
ゆるふわっGit入門ゆるふわっGit入門
ゆるふわっGit入門
 
ノンプログラマのGit入門
ノンプログラマのGit入門ノンプログラマのGit入門
ノンプログラマのGit入門
 
とあるぼっち開発者の憂鬱とGit
とあるぼっち開発者の憂鬱とGitとあるぼっち開発者の憂鬱とGit
とあるぼっち開発者の憂鬱とGit
 
Git講習会
Git講習会Git講習会
Git講習会
 
バージョン管理とGit
バージョン管理とGitバージョン管理とGit
バージョン管理とGit
 
Git
GitGit
Git
 
デザイナー、フロントエンジニア向けgithub勉強会ワークショップ資料
デザイナー、フロントエンジニア向けgithub勉強会ワークショップ資料デザイナー、フロントエンジニア向けgithub勉強会ワークショップ資料
デザイナー、フロントエンジニア向けgithub勉強会ワークショップ資料
 
Gitごにょごにょ【概要編】
Gitごにょごにょ【概要編】Gitごにょごにょ【概要編】
Gitごにょごにょ【概要編】
 
Git演習(1)
Git演習(1)Git演習(1)
Git演習(1)
 
gitを1から学ぼう!
gitを1から学ぼう!gitを1から学ぼう!
gitを1から学ぼう!
 
日本androidの会 中国支部 29回勉強会 github
日本androidの会 中国支部 29回勉強会 github日本androidの会 中国支部 29回勉強会 github
日本androidの会 中国支部 29回勉強会 github
 
Git_GitHub 入門者向けスライド.pdf
Git_GitHub 入門者向けスライド.pdfGit_GitHub 入門者向けスライド.pdf
Git_GitHub 入門者向けスライド.pdf
 
RxTStudy- git gitにされた俺の屍を越えて行け -
RxTStudy- git gitにされた俺の屍を越えて行け -RxTStudy- git gitにされた俺の屍を越えて行け -
RxTStudy- git gitにされた俺の屍を越えて行け -
 
Bitbucket and git
Bitbucket and gitBitbucket and git
Bitbucket and git
 
バージョン管理
バージョン管理バージョン管理
バージョン管理
 
Githubについて
GithubについてGithubについて
Githubについて
 

Plus de dsuke Takaoka

Plus de dsuke Takaoka (20)

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