やさしいGit hub

ハンズオン！その前に
インターネットには接続できていますか？
SourceTree はインストールしてありますか？
ペアは組めていますか？

やさしい
Github
Niigata.scm feat. NDS
2013/7/6

Niigata.scm
新潟で SCM を広めるた
めに 2012 年に発足

自己紹介
阿部慎太郎
（ dictav ）
新潟市在住フリーランス
iPhone アプリ開発
最近髪切りました

素材について
http://github.com/
http://mazenl77.deviantart.com
http://www.iconspedia.com/pack/pry-harwar

目的
SourceTree を使ってバージョン管理のスタート
地点に立つ

AGENDA
VCS とは？
SCM とは？
GitHub とは？
GitHub ハンズオン

VCS
Version Control System
Version Control System
バージョン管理システムの最も基本的な機能は、
ファイルの作成日時、変更日時、変更点などの履
歴を保管することである。これにより、何度も変
更を加えたファイルであっても、過去の状態や変
更内容を確認したり、変更前の状態を復元するこ
とが容易になる。
http://ja.wikipedia.org/wiki/http://ja.wikipedia.org/wiki/ バージョン管理システムバージョン管理システム

VCS とは
ドラえもん描いてみればわ
かるよ

ドラえもん ver.1
まるかいてちょん　まるかいてちょんまるかいてちょん　まるかいてちょん

おまめにめがでておまめにめがでて

　うえきばち　うえきばち　うえきばち　うえきばち

まるろくがつむいかにまるろくがつむいかに

　ユーフォーがあっちいって　こっちいって　ユーフォーがあっちいって　こっちいって

おっこちて　おいけがふたつ　できましたおっこちて　おいけがふたつ　できました

おいけにおふねを　うかべたらおいけにおふねを　うかべたら

おそらにみかづき　のぼってたおそらにみかづき　のぼってた

よく描いてみようなんて思
ったな！

VCS を使うと？
いつでも状態を戻せる

VCS を使うと？
過去の状態を確認できる

VCS を使うと？
複数のバージョンを比較できる

SCM
Software Configuration Management
Software Configuration Management
ソフトウェア構成管理
Software : ソフトウェア
Configuration : 構成
Management : 管理

Software
HTML, CSS, Javascript, etc...
PNG, JPEG, MPEG, etc...
Perl, PHP, Ruby, CGI, etc...
.htaccess, httpd.conf, etc...

Configuration
どういう配置にするの？
public, images, css, etc...
どこのサーバーに？
URL, ユーザネーム , パスワード
どうやって？
FTP, WebDAV, Git, etc...

Management
ある時点でのソフトウェアを構成する要素すべて
を、識別、再現、追跡出来るようメンバー間で成
果物を共有し、連携を促すための仕組み、ルール
、プロセスを構築し、運用する

Management
１人ならいらないの？１人ならいらないの？１人ならいらないの？１人ならいらないの？

Management
過去の自分と現在の自分は別人なのでメンバー扱
い

VCS 入門を読もう！
著者高野将 (Niigata.scm)
https://github.com/masaru-b-cl/introducti

GitHub
GitHub is the best place to share code with
friends, co-workers, classmates, and complete
strangers. Over three million people use GitHub
to build amazing things together.
OCTOCATS!

Git とは？
Git 公式サイト Pro Git
サルでもわかるGit入門
Gitをはじめからていねいに
Try Git

アカウント作成
http://github.com/

画面構成
ユーザを選択ユーザを選択
https://github.com/niigata-scmhttps://github.com/niigata-scm
ユーザを選択ユーザを選択
https://github.com/niigata-scmhttps://github.com/niigata-scm

リポジトリとは？
管理したいデータの単位
Web サイト
プログラムのソースコード
プロジェクトファイル

リポジトリの作成
Repository name: username.github.io
Description: My Web Site

GitHub Pages
プロジェクトの Web サイトを公開できる
usename.github.io リポジトリを作成すると
http://usename.github.io/ で公開できる
他のリポジトリは http://usename
.github.io/repository_name/ で公開でき
る

SourceTree
VCS Git をコントールする GUI ツール

セットアップウィザード

clone
リポジトリをあなただけのものに
リポジトリをあなただけのものに

画面構成
作業コピー作業コピー

作業コピー
作業コピー作業コピー
リポジトリリポジトリ

作業コピー
実態はリポジトリにある
ディレクトリにあるのはコピー
ファイルを変更して保存してもリポジトリは変更され
ない
安心して壊せる安心して壊せる

ハンズオン！
1.README.md を編集して作業コピーを確認
2.変更されたファイルをステージングに
3.コミット
4.変更を確認

1 . 自己紹介ブランチを作成
2.aboutme.html を作成
3.index.html を編集して aboutme へのリンクを
追加
4. コミット
5. プッシュ
自己紹介を作ろう

branch
自己紹介自己紹介

コミットメッセージ
コミットは仕事の区切り
自分が何をしたかを記録する
変更内容はログを見れば分かる
変更の意図を明確にする
コミットをする粒度に留意

Fork
素晴らしいコンテンツをあなたの手に！
• 素晴らしいコンテンツをあなたの手に！
??

Fork
素晴らしいコンテンツをあなたの手に！
• 素晴らしいコンテンツをあなたの手に！

Pull Request
お気に入りコンテンツに還元しよう！
• お気に入りコンテンツに還元しよう！

1 . 他人紹介ブランチを作成
2.aboutme.html を編集してペアの紹介を追加
3. コミット
4. プッシュ
5. プルリクエスト
他人紹介を作ろう

Git コマンドとの擦り合わ
せ
clone (checkout)
status
add
commit
push
pull (fetch and merge)
CONFLICT

Git の目印
HEAD
Branch ex) master
Tag ex) 1.0.1
Hash ex) 6d70bcf2a5f8f1adc82ae...

今回紹介できなかったこと

Markdown
「書きやすくて読みやすいプレーンテキストとして記述した文書を、
妥当な文書へと変換できるフォーマット」（ジョン・グル―バー）
GitHub Flavored Markdown
シンタックスハイライトが強力

Issue
チームでの開発だけでなくて自分の TODO にも
！

Wiki
ソフトウェアではない内容はここに

Bitbucket
もう１つの GitHub

Jekyll
GitHub Pages を活用するもう１つの賢いやり
方

やさしいGit hub

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (8)

En vedette

En vedette (9)

Similaire à やさしいGit hub

Similaire à やさしいGit hub (20)

やさしいGit hub