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

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

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

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

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

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

5 素材について http://github.comhttp://github.com/ http://mazenl77.deviantart.com http://www.iconspedia.com/pack/pry-harware- 1705/ http://github.comhttp://github.com/ http://mazenl77.deviantart.com http://www.iconspedia.com/pack/pry-harware- 1705/

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

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

8 VCS とは？

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

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

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

12 ドラえもん ver.2 おまめにめがでて

13 ドラえもん ver.3 うえきばち うえきばち

14 ドラえもん ver.4 まるろくがつむいかに

15 ドラえもん ver.5 ユーフォーが あっちいって こっちいって ユーフォーが あっちいって こっちいって

16 ドラえもん ver.6 おっこちて おいけがふたつ できました

17 ドラえもん ver.7 おいけにおふねを うかべたら

18 ドラえもん ver.8 おそらにみかづき のぼってた

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

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

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

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

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

24 SCM とは？

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

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

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

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

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

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

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

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

33 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! 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!

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

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

36 Github ハンズオン

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

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

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

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

41 それでは始めよう！

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

43 リポジトリの画面

44 GitHub Pages

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

46 GitHub Pages

47 Page を編集

48 テンプレートの選択

49 確認

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

51 セットアップウィザード

52

53

54

55

56

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

58 ブックマーク

59 画面構成 作業コピー

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

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

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

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

64 branch

65 自己紹介

66 ステージング

67 commit

68

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

70 ログを確認

71 merge

72

73

74 ブランチの削除

75

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

77

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

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

80 Pull

81

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

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

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

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

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

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

88 Bitbucket もう１つの GitHub

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

90