狠狠撸

狠狠撸Share a Scribd company logo
デザイナーでも出来るコマンドを
使わないバージョン管理
2015.11.21
トライポット?藤田健一
SourceTree + BitBucket
?ソースツリー? + ビットバケット
トライポット?代表?藤田?健一
アートディレクター
ホームページ作成?システム開発?
アプリ開発?デジタルサイネージ
自己紹介
自己紹介
CSSNite in HIROSHIMA?実行委員
Web Touch Meeting(広島)
AUGMENT8(クリエイティブ集団)
広探ゲーム
出雲web勉強会
出雲ITコミュニティー 副委員長
チーム出雲オープンビジネス協議会 理事
自己紹介
デジタルサイネージアワード2010?インテル賞受賞
HADC2012?インタラクティブ部門?入選?
遊んで、楽しむデジタルサイネージ?
「Joy-ad(ジョイアド)」
遊べる床面サイネージ?
「LiveFloor(ライブフロア)」New
広島トランヴェールビルディング
床面インタラクティブサイネージ
LiveFloor
ライブフロア
ゆめタウン広島クリスマスイベント
顔認識サイネージ
サンフレッチェ広島オープニングイベント
キネクトを使ったポージングサイネージ
バージョン管理とは?
バージョン管理とは
作成したファイルの変更履歴を管理するための
システム。
!
??作成履歴を管理?復元
??作成したデータの差分を保存
??データのバックアップ
??チーム開発時のデータの共有
など
バージョン管理システム
!
Git(ギット)
他にも
?Mercurial(マーキュリアル)
?Subversion(サブバージョン:SVN)
?CSV(シーエスブイ)?
(コンカレント?バージョンズ?システム:Concurrent Versions System)
?など、いろいろ、、、
CUIはいゃだぁ~
GUI?GUIやりたい!
じゃあ、
GUIでグイグイ使えるバージョン
管理ソフトを使おう!
その前に基础用语の确认
?リポジトリ
?クローン
?コミット
?プッシュ
?プル
?ブランチ
?コンフリクト?
……
よくわかんない
流れ
?リポジトリを作成
???▼
?クローン(初回はまとめてリポジトリを読み込み)
???▼
?プル(変更データの取得)※2回目以降
???▼
?データ作成?変更
???▼
?アッド?ステージに上げる(コミットするデータの選択)
???▼
?コミット(変更データをまとめる)
???▼
?プッシュ(リポジトリにコミットしたものを書き込む)
準备する
!
!
リポジトリ???????バージョン管理情報の保管場所
??リモートリポジトリ(GitHubやBitBucketなど)
??ローカルリポジトリ(自前で作成)
!
クローン??????リモートのリポジトリを複製すること
origin(オリジン)????リポジトリの保存場所(URL)
master(マスター)??????デフォルトのブランチ名
ブランチ??????????リポジトリを分岐させること
変更を取得する
プル???????リモートリポジトリ上の最新の更新内容を
?????????ダウンロードし、
?????????その内容でローカルリポジトリを更新する
?????????(フェッチしてマージすること)
!
!
!
!
!
フェッチ??リモートリポジトリ上の最新の更新内容を確認
マージ???複数のプログラムやファイルなどを、
??????ひとつにまとめること
!
つまり、フェッチとかマージってあまり使わない
変更を反映させる
アッド(ステージ)??コミットするファイルを指定すること
コミット???????リポジトリへ書き込むファイルを
???????????まとめること
コミットメッセージ??コミット時のコメント
プッシュ???????コミット内容をリポジトリに
???????????反映すること
その他
ブランチ?????リポジトリを分岐させること。
チェックアウト??ブランチ等を切り替えること。
コンフリクト???競合すること。
?????????先祖返りしてしまう状況。
?????????同じ箇所を複数で直してしますこと。
?リポジトリを作成
???▼
?クローン(初回はまとめてリポジトリを読み込み)
???▼
?プル(変更データの取得)※2回目以降
???▼
?データ作成?変更
???▼
?アッド?ステージに上げる(コミットするデータの選択)
???▼
?コミット(変更データをまとめる)
???▼
?プッシュ(リポジトリにコミットしたものを書き込む)
もう一回
今回は简単にできる方法
SourceTree + BitBucket
?ソースツリー? + ビットバケット
Bitbcketとは
!
外部リポジトリサービスです。
簡単にリポジトリを利用する事ができます。
!
http://bitbucket.org
!
安心してください、日本語になってますよ。
!
GitHubじゃだめなの?
BitbcketとGitHubの違い
!
Bitbucket
??無料登録でも5ユーザーまで非公開が可能
??(6ユーザー以上は有料)
??SourceTreeと同じ開発元(Atlassian)
??なので連携しやすい
!
GitHub
??無料で利用できる範囲は公開が条件
??非公開の場合は有料
早速使ってみる
アカウントを作ります
必要な情報を入力して
サインアップ
この後、チュートリアル画面とか出てきます
Gitで!
適当な名前をつけます
リポジトリ作成
作成>新規リポジトリ
v
v
空っぽのリポジトリができます
詳細はこちら
とりあえず、これでOK
厂辞耻谤肠别罢谤别别に行きます
SourceTreeとは
!
GUIでグイグイつかえるバージョン管理ソフト
です。
GutやMercurialなんかが使えます。
!
https://www.sourcetreeapp.com
!
安心してください、日本語になってますよ。
すぐダウンロードされます
ここは英語ですが、
ダウンロードしたら
日本語になってます。
v
リモートから
さっき作ったリポジトリを選択
クローンします。
保存先を作成
ファイルそのものが無かったり
更新するファイルがない場合はこんな感じ
v 何か入れます!
v
とりあえず作ったリポジトリは空っぽなので、
何かフォルダに入れます。
!
?index.html
?main.html
?menu.html
v
v
v
?チェックを入れて
ステージに移動(アッド)します
コミットメッセージ入れます
プッシュします
v
後はこの辺のボタンを押せば、
変更されたファイルを取得したり、することができます。
とりあえず、「プル」が使えればOK
簡単ですが以上
!
後は実際にやりながら覚
えましょう!
Gitや新しいツールを使
いこなすポイント!
詳しい人から?
聞きながらやる!
その他Gitの利便性
!
?教育?管理
???変更点がわかりやすい
???コメントがつけれる
???進 管理が具体的にわかる
???仕事しているかわかる
???つまづいたところがわかるのでヘルプ
???しやすい(ペアプログラミング等)
!
?外部の技術者と連携しやすい
One more thing…
ペアプログラミングのすすめ
?サボりにくい
?他人のコードを見る機会が増える
?コードが丁寧になる
?複数のアイデアが出せ問題解決しやすい
?難しい部分があっても他の人に頼みやすい
?SEの指示により優先順位で悩まなくて済む
?全体的な把握がしやすい
?リスク分散
おしまい
1月:第7回IIC
???ファイルメーカー体験セミナー
???27日(木)テクノアーク島根
???28日(金)出雲コアカレッジ
!
2月:第7回IWM
???デザイン関係
h http://www.sixapart.jp/movabletype/license/images/logo-license-mt-l.png
ttp://www.sixapart.jp/movabletype/license/images/logo-license-mt-l.png
出雲3大コミュニティ
出雲web勉強会
出雲ITコミュニティ
チーム出雲オープンビジネス協議会

More Related Content

デザイナーでも出来るコマンドを使わないバージョン管理(SourceTree + BitBucket)