Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

やさしいGit hub

769 views

Published on

  • Be the first to comment

やさしいGit hub

  1. 1. ハンズオン!その前に インターネットには接続できていますか? SourceTree はインストールしてありますか? ペアは組めていますか?
  2. 2. やさしい Github Niigata.scm feat. NDS 2013/7/6
  3. 3. Niigata.scm 新潟で SCM を広めるた めに 2012 年に発足
  4. 4. 自己紹介 阿部慎太郎 ( dictav ) 新潟市在住フリーランス iPhone アプリ開発 最近髪切りました
  5. 5. 素材について http://github.com/ http://mazenl77.deviantart.com http://www.iconspedia.com/pack/pry-harwar
  6. 6. 目的 SourceTree を使ってバージョン管理のスタート 地点に立つ
  7. 7. AGENDA VCS とは? SCM とは? GitHub とは? GitHub ハンズオン
  8. 8. VCS とは?
  9. 9. VCS Version Control System Version Control System バージョン管理システムの最も基本的な機能は、 ファイルの作成日時、変更日時、変更点などの履 歴を保管することである。これにより、何度も変 更を加えたファイルであっても、過去の状態や変 更内容を確認したり、変更前の状態を復元するこ とが容易になる。 http://ja.wikipedia.org/wiki/http://ja.wikipedia.org/wiki/ バージョン管理システムバージョン管理システム
  10. 10. VCS とは ドラえもん描いてみればわ かるよ
  11. 11. ドラえもん ver.1 まるかいてちょん まるかいてちょんまるかいてちょん まるかいてちょん
  12. 12. ドラえもん ver.2 おまめにめがでておまめにめがでて
  13. 13. ドラえもん ver.3  うえきばち うえきばち うえきばち うえきばち
  14. 14. ドラえもん ver.4 まるろくがつむいかにまるろくがつむいかに
  15. 15. ドラえもん ver.5  ユーフォーが あっちいって こっちいって ユーフォーが あっちいって こっちいって
  16. 16. ドラえもん ver.6 おっこちて おいけがふたつ できましたおっこちて おいけがふたつ できました
  17. 17. ドラえもん ver.7 おいけにおふねを うかべたらおいけにおふねを うかべたら
  18. 18. ドラえもん ver.8 おそらにみかづき のぼってたおそらにみかづき のぼってた
  19. 19. よく描いてみようなんて思 ったな!
  20. 20. VCS を使うと? いつでも状態を戻せる
  21. 21. VCS を使うと? 過去の状態を確認できる
  22. 22. VCS を使うと? 複数のバージョンを比較できる
  23. 23. AGENDA VCS とは? SCM とは? GitHub とは? GitHub ハンズオン
  24. 24. SCM とは?
  25. 25. SCM Software Configuration Management Software Configuration Management ソフトウェア構成管理 Software : ソフトウェア Configuration : 構成 Management : 管理
  26. 26. Software HTML, CSS, Javascript, etc... PNG, JPEG, MPEG, etc... Perl, PHP, Ruby, CGI, etc... .htaccess, httpd.conf, etc...
  27. 27. Configuration どういう配置にするの? public, images, css, etc... どこのサーバーに? URL, ユーザネーム , パスワード どうやって? FTP, WebDAV, Git, etc...
  28. 28. Management ある時点でのソフトウェアを構成する要素すべて を、識別、再現、追跡出来るようメンバー間で成 果物を共有し、連携を促すための仕組み、ルール 、プロセスを構築し、運用する
  29. 29. Management ある時点でのソフトウェアを構成する要素すべて を、識別、再現、追跡出来るようメンバー間で成 果物を共有し、連携を促すための仕組み、ルール 、プロセスを構築し、運用する 1人ならいらないの?1人ならいらないの?1人ならいらないの?1人ならいらないの?
  30. 30. Management ある時点でのソフトウェアを構成する要素すべて を、識別、再現、追跡出来るようメンバー間で成 果物を共有し、連携を促すための仕組み、ルール 、プロセスを構築し、運用する 過去の自分と現在の自分は別人なのでメンバー扱 い
  31. 31. VCS 入門を読もう! 著者 高野将 (Niigata.scm) https://github.com/masaru-b-cl/introducti
  32. 32. AGENDA VCS とは? SCM とは? GitHub とは? GitHub ハンズオン
  33. 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!
  34. 34. Git とは? Git 公式サイト Pro Git サルでもわかるGit入門 Gitをはじめからていねいに Try Git
  35. 35. AGENDA VCS とは? SCM とは? GitHub とは? GitHub ハンズオン
  36. 36. Github ハンズオン
  37. 37. ハンズオン!その前に インターネットには接続できていますか? SourceTree はインストールしてありますか? ペアは組めていますか?
  38. 38. アカウント作成 http://github.com/
  39. 39. 画面構成 ユーザを選択ユーザを選択 https://github.com/niigata-scmhttps://github.com/niigata-scm ユーザを選択ユーザを選択 https://github.com/niigata-scmhttps://github.com/niigata-scm
  40. 40. リポジトリとは? 管理したいデータの単位 Web サイト プログラムのソースコード プロジェクトファイル
  41. 41. それでは始めよう!
  42. 42. リポジトリの作成 Repository name: username.github.io Description: My Web Site
  43. 43. リポジトリの画面
  44. 44. GitHub Pages
  45. 45. GitHub Pages プロジェクトの Web サイトを公開できる usename.github.io リポジトリを作成すると http://usename.github.io/ で公開できる 他のリポジトリは http://usename .github.io/repository_name/ で公開でき る
  46. 46. GitHub Pages
  47. 47. Page を編集
  48. 48. テンプレートの選択
  49. 49. 確認
  50. 50. SourceTree VCS Git をコントールする GUI ツール
  51. 51. セットアップウィザード
  52. 52. セットアップウィザード
  53. 53. セットアップウィザード
  54. 54. セットアップウィザード
  55. 55. セットアップウィザード
  56. 56. セットアップウィザード
  57. 57. clone リポジトリをあなただけのものに リポジトリをあなただけのものに
  58. 58. ブックマーク
  59. 59. 画面構成 作業コピー作業コピー
  60. 60. 作業コピー 作業コピー作業コピー リポジトリリポジトリ
  61. 61. 作業コピー 実態はリポジトリにある ディレクトリにあるのはコピー ファイルを変更して保存してもリポジトリは変更され ない 安心して壊せる安心して壊せる
  62. 62. ハンズオン! 1.README.md を編集して作業コピーを確認 2.変更されたファイルをステージングに 3.コミット 4.変更を確認
  63. 63. 1 . 自己紹介ブランチを作成 2.aboutme.html を作成 3.index.html を編集して aboutme へのリンクを 追加 4. コミット 5. プッシュ 自己紹介を作ろう
  64. 64. branch
  65. 65. branch 自己紹介自己紹介
  66. 66. ステージング
  67. 67. commit
  68. 68. commit
  69. 69. コミットメッセージ コミットは仕事の区切り 自分が何をしたかを記録する 変更内容はログを見れば分かる 変更の意図を明確にする コミットをする粒度に留意
  70. 70. ログを確認
  71. 71. merge
  72. 72. merge
  73. 73. merge
  74. 74. ブランチの削除
  75. 75. Fork 素晴らしいコンテンツをあなたの手に! • 素晴らしいコンテンツをあなたの手に! ??
  76. 76. Fork 素晴らしいコンテンツをあなたの手に! • 素晴らしいコンテンツをあなたの手に!
  77. 77. Pull Request お気に入りコンテンツに還元しよう! • お気に入りコンテンツに還元しよう!
  78. 78. 1 . 他人紹介ブランチを作成 2.aboutme.html を編集してペアの紹介を追加 3. コミット 4. プッシュ 5. プルリクエスト 他人紹介を作ろう
  79. 79. Pull
  80. 80. Pull
  81. 81. Git コマンドとの擦り合わ せ clone (checkout) status add commit push pull (fetch and merge) CONFLICT
  82. 82. Git の目印 HEAD Branch ex) master Tag ex) 1.0.1 Hash ex) 6d70bcf2a5f8f1adc82ae...
  83. 83. 今回紹介できなかったこと
  84. 84. Markdown 「書きやすくて読みやすいプレーンテキストとして記述した文書を、 妥当な文書へと変換できるフォーマット」(ジョン・グル―バー) GitHub Flavored Markdown シンタックスハイライトが強力
  85. 85. Issue チームでの開発だけでなくて自分の TODO にも !
  86. 86. Wiki ソフトウェアではない内容はここに
  87. 87. Bitbucket もう1つの GitHub
  88. 88. Jekyll GitHub Pages を活用するもう1つの賢いやり 方

×