O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
SourceTreeで始める
Git
実践編
みなさん
Git使ってますか?
Gitを使うと…
             
    彡ハヽヽミ      
   ( ´・ω・`)   
   /     ヽ    
   / /    ヽ| 
  (_二つ    )   
   |      イ    
   |  l͡ヽ  ヽ     ...
     彡 ͡ ミ
    ( ´・ω・`)
     ./ >- 、-ヽ  
   /丶ノ、_。.ノ ._。) 
  〈 、〈Y ,ーiー〈ト
    .\_ξ ~~~~~~Y
      |__/__|
     |、,ノ | 、_ノ
ム...
             
    彡ハヽヽミ      
   ( ´・ω・`)   
   /     ヽ    
   / /    ヽ| 
  (_二つ    )   
   |      イ    
   |  l͡ヽ  ヽ     ...
     彡 ͡ ミ
    ( ´・ω・`)
     ./ >- 、-ヽ  
   /丶ノ、_。.ノ ._。) 
  〈 、〈Y ,ーiー〈ト
    .\_ξ ~~~~~~Y
      |__/__|
     |、,ノ | 、_ノ
G...
結果をコミットする
< Git >
そろそろ三桁が見えてます
今日はGitの使い方な
どについて
アジェンダ
• Gitのあるなしについて
• Gitの用語など
• ディレクトリ構成について
• 導入にあたって
• WordPressでの注意点
• 役割別に見るGit
Gitあるなしの環境
作業の流れ
• 編集
• アップロード
• 確認
• バックアップ
二人以上の作業
A「今から編集するよー」
「了解。どのファイルいじります?」B
A「hoge.phpいじりますー。」
A「編集&アップしました。」
「了解。DLしときます」B
二人以上の作業
A「今から編集するよー」
「了解。どのファイルいじります?」B
A「hoge.phpいじりますー。」
A「編集&アップしました。」
「了解。DLしときます」B
この間編集不可!
VCS未導入のデメリット
• 同時編集ができない
• 最新版の同期が必要
• 過去のバージョンに戻れない
用語など
Gitの用語
• リポジトリ
• クローン
• コミット
• プッシュ
• プル
• 衝突
リポジトリ
• ソースコードとかのファイルが入った入れ物
• 一つのプロジェクトに一つのリポジトリ
• 例) あの案件のリポジトリ、どこにあったっけ?
• 例) 手元のリポジトリにはファイル追加してある
なぁ。
クローン
• 親元のリポジトリから手元にコピーすること。
• 例) この案件のリポジトリ作っておいたから、ク
ローンしといて
コミット
• 作業を手元で保存すること。
• コミットの単位で履歴に残る。
• 例) 今日の作業分をコミットしとこう。
プッシュ
• 手元でコミットされた内容をサーバにアップロード
すること。
• 例) その変更点、プッシュしておいてね。
• 例) あっ、コミットはしたんですけど、まだ完成し
てないのでプッシュしてないです。
プル
• サーバから変更点をダウンロードすること。
• 例) こないだのバグ修正、プッシュしといたから、
プルしておいてね。
衝突
• 同じファイルの同じ箇所を同時に修正した場合
• 例) このページのテーブル、僕の方でも修正したの
で衝突したみたい。
Git用語だけど知らなくていいこと
• ブランチ、タグ
• チェックアウト
• マージ
• ヘッド
配置構成について
実際のディレクトリ構成
• WordPressのテーマディレクトリ
• プラグインディレクトリ
• デザインファイル
• その他エクセルファイルなど
• バックアップ
テーマディレクトリ
• themes以下で必要なディレクトリをまるごと
• 親テーマを使っている場合にはそちらも
• 名前はwptheme
プラグインディレクトリ
• 案件に向けて作成したディレクトリ
• インストールしたファイルは入れない
• 名前はwpplugins
デザイン系
• aiやpsdのデータ
• スライス、書き出ししたpng, jpg
• 名前はimgs
その他ファイル
• エクセル、ワードのデータ
• お客さんから送られてきたいろいろなファイル
• 参考資料となるpdfなど
• 名前はattachments
バックアップ
• データベースのダンプファイル
• WordPressのエクスポート
その他
• gitでクローンするディレクトリは一箇所
• 必要な箇所にシンボリックリンクなどで対処
• 必要な箇所 => XAMPPなど
• シンボリックリンク => エイリアス、ショート
カット)
実際のファイル構成を
紹介
導入にあたって
Gitの準備
• BitBucketのアカウントを取る
• https://bitbucket.org/
• SouceTreeをインストールする
Gitで案件スタート
1. 案件名を決める
2. リポジトリを作る
3. SourceTreeでクローンする
4. 作業する
5. コミット&プッシュ
6. プル
案件名を決める
• 案件名は結構重要
• ユニークで複雑ではないもの
時間があれば実際に
(15分ほど)
初回の導入にあたって
初回の導入にあたって
• 現状のファイルバックアップ+Gitの二段構え
• 二度手間になって時間がかかるけれど…
• 得られるものは多い!
• まずは少人数でコミットー>プッシュ
WordPressでの注意点
WordPressでの注意点
• 固定ページの投稿に書かない
• 複数人開発だと同期を取りづらい
• page-name.phpとしてテンプレートファイルでやり
とりすると楽
• ただし納品後お客さんにいじってもらうのであれば
投稿で作成もアリ
WordPressでの注意点
• 手書きでの相対パス、絶対パスは避ける
• ../hogehoge.html, /css/hoge.css
• <?php bloginfo(‘template_url’); ?>を使いましょう
WordPressでの注意点
• プリフィックスは設定しておくこと
• ユニークではないと他の案件と衝突する
• プリフィックスの変更は面倒
というわけで、
まずは気軽に始めてみませんか?
おつかれさまでした
役割別に見るGit
コーダーさん
• CSS、テンプレートファイルの管理
• コーダーが複数いる場合に特に力を発揮
デザイナーさん
• aiやpsdのデータをアップ
プログラマーさん
• テンプレートファイルなどを管理
• 他の職種がGitを使えるようにサポート(ここ重要)
ディレクターさん
• 全体管理
• 作業の割り振り
• 衝突発生時の折衝
• バックアップ
ひとりで
• もちろんなんでも
• 見積書
• 請求書
• サーバの設定ファイル
Próximos SlideShares
Carregando em…5
×

Source treeで始めるgit

882 visualizações

Publicada em

SouceTreeとGit

Publicada em: Tecnologia
  • Entre para ver os comentários

  • Seja a primeira pessoa a gostar disto

Source treeで始めるgit

  1. 1. SourceTreeで始める Git 実践編
  2. 2. みなさん Git使ってますか?
  3. 3. Gitを使うと…
  4. 4.                   彡ハヽヽミ          ( ´・ω・`)       /     ヽ        / /    ヽ|    (_二つ    )       |      イ        |  l͡ヽ  ヽ      こんな体が…
  5. 5.      彡 ͡ ミ     ( ´・ω・`)      ./ >- 、-ヽ      /丶ノ、_。.ノ ._。)    〈 、〈Y ,ーiー〈ト     .\_ξ ~~~~~~Y       |__/__|      |、,ノ | 、_ノ ムキムキになれます!
  6. 6.                   彡ハヽヽミ          ( ´・ω・`)       /     ヽ        / /    ヽ|    (_二つ    )       |      イ        |  l͡ヽ  ヽ      Git未使用
  7. 7.      彡 ͡ ミ     ( ´・ω・`)      ./ >- 、-ヽ      /丶ノ、_。.ノ ._。)    〈 、〈Y ,ーiー〈ト     .\_ξ ~~~~~~Y       |__/__|      |、,ノ | 、_ノ Git使用後
  8. 8. 結果をコミットする
  9. 9. < Git >
  10. 10. そろそろ三桁が見えてます
  11. 11. 今日はGitの使い方な どについて
  12. 12. アジェンダ • Gitのあるなしについて • Gitの用語など • ディレクトリ構成について • 導入にあたって • WordPressでの注意点 • 役割別に見るGit
  13. 13. Gitあるなしの環境
  14. 14. 作業の流れ • 編集 • アップロード • 確認 • バックアップ
  15. 15. 二人以上の作業 A「今から編集するよー」 「了解。どのファイルいじります?」B A「hoge.phpいじりますー。」 A「編集&アップしました。」 「了解。DLしときます」B
  16. 16. 二人以上の作業 A「今から編集するよー」 「了解。どのファイルいじります?」B A「hoge.phpいじりますー。」 A「編集&アップしました。」 「了解。DLしときます」B この間編集不可!
  17. 17. VCS未導入のデメリット • 同時編集ができない • 最新版の同期が必要 • 過去のバージョンに戻れない
  18. 18. 用語など
  19. 19. Gitの用語 • リポジトリ • クローン • コミット • プッシュ • プル • 衝突
  20. 20. リポジトリ • ソースコードとかのファイルが入った入れ物 • 一つのプロジェクトに一つのリポジトリ • 例) あの案件のリポジトリ、どこにあったっけ? • 例) 手元のリポジトリにはファイル追加してある なぁ。
  21. 21. クローン • 親元のリポジトリから手元にコピーすること。 • 例) この案件のリポジトリ作っておいたから、ク ローンしといて
  22. 22. コミット • 作業を手元で保存すること。 • コミットの単位で履歴に残る。 • 例) 今日の作業分をコミットしとこう。
  23. 23. プッシュ • 手元でコミットされた内容をサーバにアップロード すること。 • 例) その変更点、プッシュしておいてね。 • 例) あっ、コミットはしたんですけど、まだ完成し てないのでプッシュしてないです。
  24. 24. プル • サーバから変更点をダウンロードすること。 • 例) こないだのバグ修正、プッシュしといたから、 プルしておいてね。
  25. 25. 衝突 • 同じファイルの同じ箇所を同時に修正した場合 • 例) このページのテーブル、僕の方でも修正したの で衝突したみたい。
  26. 26. Git用語だけど知らなくていいこと • ブランチ、タグ • チェックアウト • マージ • ヘッド
  27. 27. 配置構成について
  28. 28. 実際のディレクトリ構成 • WordPressのテーマディレクトリ • プラグインディレクトリ • デザインファイル • その他エクセルファイルなど • バックアップ
  29. 29. テーマディレクトリ • themes以下で必要なディレクトリをまるごと • 親テーマを使っている場合にはそちらも • 名前はwptheme
  30. 30. プラグインディレクトリ • 案件に向けて作成したディレクトリ • インストールしたファイルは入れない • 名前はwpplugins
  31. 31. デザイン系 • aiやpsdのデータ • スライス、書き出ししたpng, jpg • 名前はimgs
  32. 32. その他ファイル • エクセル、ワードのデータ • お客さんから送られてきたいろいろなファイル • 参考資料となるpdfなど • 名前はattachments
  33. 33. バックアップ • データベースのダンプファイル • WordPressのエクスポート
  34. 34. その他 • gitでクローンするディレクトリは一箇所 • 必要な箇所にシンボリックリンクなどで対処 • 必要な箇所 => XAMPPなど • シンボリックリンク => エイリアス、ショート カット)
  35. 35. 実際のファイル構成を 紹介
  36. 36. 導入にあたって
  37. 37. Gitの準備 • BitBucketのアカウントを取る • https://bitbucket.org/ • SouceTreeをインストールする
  38. 38. Gitで案件スタート 1. 案件名を決める 2. リポジトリを作る 3. SourceTreeでクローンする 4. 作業する 5. コミット&プッシュ 6. プル
  39. 39. 案件名を決める • 案件名は結構重要 • ユニークで複雑ではないもの
  40. 40. 時間があれば実際に (15分ほど)
  41. 41. 初回の導入にあたって
  42. 42. 初回の導入にあたって • 現状のファイルバックアップ+Gitの二段構え • 二度手間になって時間がかかるけれど… • 得られるものは多い! • まずは少人数でコミットー>プッシュ
  43. 43. WordPressでの注意点
  44. 44. WordPressでの注意点 • 固定ページの投稿に書かない • 複数人開発だと同期を取りづらい • page-name.phpとしてテンプレートファイルでやり とりすると楽 • ただし納品後お客さんにいじってもらうのであれば 投稿で作成もアリ
  45. 45. WordPressでの注意点 • 手書きでの相対パス、絶対パスは避ける • ../hogehoge.html, /css/hoge.css • <?php bloginfo(‘template_url’); ?>を使いましょう
  46. 46. WordPressでの注意点 • プリフィックスは設定しておくこと • ユニークではないと他の案件と衝突する • プリフィックスの変更は面倒
  47. 47. というわけで、 まずは気軽に始めてみませんか?
  48. 48. おつかれさまでした
  49. 49. 役割別に見るGit
  50. 50. コーダーさん • CSS、テンプレートファイルの管理 • コーダーが複数いる場合に特に力を発揮
  51. 51. デザイナーさん • aiやpsdのデータをアップ
  52. 52. プログラマーさん • テンプレートファイルなどを管理 • 他の職種がGitを使えるようにサポート(ここ重要)
  53. 53. ディレクターさん • 全体管理 • 作業の割り振り • 衝突発生時の折衝 • バックアップ
  54. 54. ひとりで • もちろんなんでも • 見積書 • 請求書 • サーバの設定ファイル

×