Github入門2014

情報メディア専門ユニット2 ヒューマンメディア処理 Kinect 第１回
神奈川工科大学情報学部
情報メディア学科白井研究室
白井暁彦准教授

Kinect演習用FaceBookページへの参加申請
https://www.facebook.com/groups/media.kinect/members/
Githubへの登録
Kinect SDK for Windows 1.8 , Developer Toolkitのインストール
演習を開始する前に

バージョン管理システム「GitHub」
KinectSDKv1.8，Developer Toolkit v1.8をインストール
KinectSDKv1.8を紐解こう
C# ウォーミングアップ
C# WPFを使ってアプリケーションを制作しよう（課題）
制作したシステムをGitHubを利用して提出(課題)
10/7#1 講義内容

プログラム開発のこんな場面で
ソースコードの状態をひとつ前に戻したい
一部仕様を変えて試したいけど，今の状態を壊したくない
今までどんな実装を加えて追加してきたのかを振り返りたい
プロジェクトの改変履歴を管理できる
記録された任意のバージョンにいつでも戻れる
今の状況を壊さずに，試行錯誤ができる
ログを見ることで，作業内容を見直せる
バージョン管理システムではこれらのことが可能
バージョン管理システムとは

ソフトウェア開発プロジェクトのために共有Webサービス
バージョン管理システム“Git”を使用
リポジトリ（データを格納する容器・場所）単位でプロジェクトを管理
GitHub書類選考
ポートフォリオとしての活用
本講義はGitHubを活用して，プロジェクト進行，課題提出を行う
GitHubとは

https://github.com/
まずは，アカウントを作成しよう
まずはアカウントを作ろう

その後のMicroプラン申請のために学籍番号メール(~ac.jp)で，
登録すると便利．
Microプランを申請すると，有料会員でないと持つことができない機能(非公開リポジトリの所有)が一部無料で使用可能になる．
GitHubのアカウント作成

以下のURLからMicroプランを申請する
https://github.com/edu
I’m a studentを選択し，フォームに「大学名」「学年」「申請理由」を英語で記入する．
Microプランを申請することで、無料で公開可能なプライベートリポジトリを5つまで持つことができる．
運営側で認証後，メールが届き，Microプランにアップグレードがされる．
Microプランの申請

選択

https://github.com/edu
(申請理由の例※Kinectプログラミングを学びたい)
Dear Sir,
My name is 自分のフルネームand I am a student in Kanagawa Institute of Technology.
The reason why I am writing this email to you is I’d like to use Micro plan.
I am going to study about Kinect Programming.
So, I need private repositories to research and development.
I am looking forward to hearing from you.
Sincerely yours,
自分の名前

GitHubfor Windows
https://windows.github.com/
上記のURLから，GitHubforWindowsのインストーラー (GitHubSetup.exe)をダウンロード
ここから

Facebookの参加、グループへの参加申請
https://www.facebook.com/groups/media.kinect/
Github.comへの登録、education.github.comへの申請
メールアドレスの確認
Kinect SDK 1.8, Toolkitのインストール
Githubアカウントをfacebookの学籍番号ページで伝える
https://github.com/kaitas/kinect2014/にアクセス
KinectSDKとKinect本体をインストールしShapeGameをテスト
音声認識でPause, Resume, Make biggerなどを試してみて
初回前半でやってほしいこと

“GitShell”，“GitHub”の2種類がインストールされる．
GitShell：Git操作用シェル（CUI）
GitHub：GUIによるクライアントソフト
リポジトリの作成は，“GitHub”を
その後の更新などは“GitShell”利用します．
GitShellのCUIコマンドは，Linux，Unix，MacOSXで共通．
慣れるとGUIより早い．
GitHubfor Windows

GUIによるクライアントソフト
GitHub

GitHubアカウントの設定
作成したアカウントでログイン

リポジトリとは，ファイルやディレクトリの状態を記録する場所．
内容や変更履歴を記録
変更履歴を管理をしたいディレクトリをリポジトリに置くことで
そのディレクトリ内のファイルやディレクトリの変更履歴を記録し
管理することが可能
リポジトリとは①

リポジトリは2種類存在する
リモートリポジトリ
専用のサーバーに配置して複数人で共有するためのリポジトリ
ローカルリポジトリ
ユーザーひとりひとりが開発するために，自分のPC上に配置するリポジトリ（つまり自分のPCにあるソースのコピー）
ローカルリポジトリの操作(crate/add/remove/commit)
リモートリポジトリへの操作（clone/pull/push）
リモートの内容をローカルへコピー(clonse/pull)
ローカルで担当箇所を開発⇒リモートに変更を反映(push)
Github上の「Pull Request」で本家に吸い上げてもらう
リポジトリとは②

ローカルリポジトリで実験①
左上の“＋”から“Create”を選択し新規リポジトリを作成
Nameはフォルダ名であり，プロジェクト名などにするとよい
ファイルの保管場所はデフォルトではDocuments/GitHub/に

ローカルリポジトリで実験②
以下の図のようにリポジトリができていることを確認

ローカルリポジトリで実験③
ドキュメントにGitHubが
追加され，その中に作成
したリポジトリがあることを
確認
ディレクトリ内にある，
“.git~”で始まるファイルは
削除しないこと
設定ファイルがなくなり
リポジトリが機能しなくなる
Gitignoreで管理しないファイルを設定

ファイルやディレクトリの追加・変更を，リポジトリに記録する操作
コミットをすると，前回コミットした時の状態と現在の状態の差分を記録したコミットと呼ばれるものが作成される
コミットは時系列順にリポジトリに格納される
時系列を追うことで，過去の変更履歴やその内容を知ることができる．
コミット(commit)

ローカルリポジトリ
コミットされた，変更履歴や追加・変更を保存する場所
ファイル形式のデータベースになっている(.gitフォルダ)
ワークツリー
Gitの管理化におかれた，実際に個人のPCで作業するディレクトリ
インデックス
ワークツリーで変更・更新したファイル・ディレクトリをリポジトリにコミットする準備をするための場所
GUI版もあるが、GitShellやCUIを使うほうが覚えやすい
ワークツリーとインデックス

CUIでの操作
コマンドはLinux,
Unix, Mac OSX共通
GitShell

Testリポジトリにtest.txtを作成
Gitshellを起動
cd test
gitstatus
gitadd . (dot忘れずに!)
gitstatus
gitcommit –m “my 1st commit”
Text.txtを書き換える
gitstatus, gitcommit –m “my 2nd commit”
gitdiff
gitrevert “my 1st commit”

学内LANから利用するには，GitHub for windows側もproxy設定
をする必要がある．
C:¥Users¥ユーザー名¥.gitconfigに以下の設定を追加し，保存．
GitHub for windowsを再起動後，proxy環境でGitHub for windowsが利用できる
※proxyがない環境では，proxy設定を削除して使用すること．
この行を削除してアプリを起動しなおせばよい．
(参考)学内LANから利用するには
[http] proxy = http://ccproxy2.kanagawa-it.ac.jp:10080

Clone
Text.txt
commit
GUIで自分のリポジトリをclone

GUIで修正をコミットする

1.まずClone
2.ファイル修正
3.Sync (リモートとの差分確認)
4.CommitChanges + コミットメッセージ, 詳細これはローカルリポジトリへの変更の反映であって Github（リモート）への変更ではない
5.うまくCommitできたら、Sync これはGithubサーバーへのコミットを意味する。結構時間がかかるし、ステータスが見えないので事故がおきやすい
6.GithubWeb版で確認
☆すべてのGUIでの操作はCUI(GitＳhell)で行えるわかりづらいGUIは頼りにすべきではない．
GUIでの流れ

1.gitpull
リモートリポジトリ内のファイル・ディレクトリをローカルリポジトリへ追加
つまり自分が修正している間に加わった最新のファイルも追加される
2.gitadd[ファイル・ディレクトリ名]
指定したファイル・ディレクトリをインデックスに登録
普通はgitadd . で現在のリポジトリの修正ファイルを自動登録
3.gitcommit –m “メッセージ”
登録されたファイル・フォルダをローカルリポジトリにコミット
☆この時点ではまだリモートリポジトリには反映されていない．
4.gitpush
ローカルリポジトリ内のコミット情報をリモートリポジトリへ追加する
5.GithubのWebで確認
引く(pull)→足す(add)→コミット→押す(push)!!
超基本Gitコマンドと流れ
（CloneもCUIでできるが、それ以降の流れ）

1.Git(GUI) でClone
2.GitShellを起動
3.Git管理下のディレクトリにアクセス cd kinect2014
4.念のためここでgitpull
5.新規ファイルをワークツリーに追加
Kadai01ディレクトリ内に新規テキストファイルを追加
6.インデックスに登録gitadd.
7.ローカルリポジトリへコミット
Gitcommit –m “学籍番号”
8.念のためここでgitpull
9.リモートリポジトリで共有gitpush
実際に使ってみよう

GitShellを起動するとShellが立ち上がる．
現在，どのディレクトリにアクセスしているのかが表示される
デフォルトであれば，Documents¥GitHub
cdで先ほどcloneしたリポジトリのディレクトリ(kinect2014)に移動
cd kinect2014
Documents¥GitHub¥kinect2014[master]
[master]はGit管理下にあるということ
GitShellを起動

エクスプローラーで新規でtxtファイルを追加（中身は空でよい）
コマンドプロンプトの色が変わる
gitstatus でファイルの変更状況がみれる
新規ファイルをワークツリーに追加

gitadd [ファイル・ディレクトリ名]
gitadd . を実行すると変更したものすべてを登録
数字が緑色になっている場合は，変更がインデックスに
登録されていることを示す
インデックスに登録

念のためgitpull
この瞬間にも誰かがコミット→pushしているかもしれないので最新をWebから取得し、結合しよう。
gitcommit –m “学籍番号”
メッセージはこの場合は学籍番号だが、変更点などを示すとよい
[master]が緑色に変わる
ローカルリポジトリ内での変更は完了しているがまだリモートリポジトリには反映されていない状態
ローカルリポジトリへコミット

gitpush
ローカルリポジトリのデータをリモートリポジトリに反映
[master]が青色に変わるローカルリポジトリとリモートリポジトリで差分がないことを示している．
GithubのWebで見て確認
リモートリポジトリで共有

Webページで確認してみよう
test.txtが追加され，コミットメッセージが表示されている．

プライベートリポジトリ所有後
右上の“Publish Repository”から“Publish フォルダ名”をクリックするとWeb上に公開される
Microプランにアップグレード後は“PrivateRepository”のマークにチェックを入れれば
非公開リポジトリになる．

ブラウザで確認①
ブラウザ版GitHubでもプロフィールから公開されていることが確認できる

ブラウザで確認②
ファイル構成が同じになっていることを確認

gitpull
リモートリポジトリ内のファイル・ディレクトリをローカルリポジトリへ追加
gitstatus
現在のGitの情報を表示
gitconfig
ユーザー設定などを表示
gitclone [cloneしたいリポジトリのURL]
個人のPCにリモートリポジトリをローカルリポジトリとしてコピーを生成
URLはGithubのリポジトリのトップページ、右下から取得できる。
他にもよく使うGitコマンド

C# ウォーミングアップ
C# WPFを使ってアプリケーションを制作しよう
不要なコメントを削除する
可能ならファイル保存ダイアログを追加してみよう
制作したシステムをGitHubを利用して提出(課題)
Kadai1/1234567/GraphicSaveというディレクトリに配置
実行ファイルと生成したPNGを含めること
Facebookグループの「ドキュメント」に学籍番号（半角）でページを作成し、提出を伝える。
課題を実習する上で気がついたことなどをメモ。
先生が確認したら「いいね」を押します。
質問歓迎
上記を月曜日の17時までに提出すること。
課題の取り組み状況によってグループの構成を検討します。
本日はここまで！10/7#1 課題

Github入門2014

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie Github入門2014

Ähnlich wie Github入門2014 (20)

Mehr von Akihiko Shirai

Mehr von Akihiko Shirai (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (8)

Github入門2014