北海道科学大学 電子計算機研究部 ネットワークチーム講座資料

1. Git 初心者のための GitHub Pages
Git を使って Web サイトを公開する

2. Git で分散型バージョン管理
GitHub Pages で手軽に Web サイト
SourceTree で黒い画面も怖くない
ツールの導入
git add & commit & push

3. Git で分散型バージョン管理

4. Git とは
ソースコードの変更履歴を管理する
過去と未来を行き来できる
分散型 (Subversion とは異なる)
Git（ギット）は、プログラムのソースコードなどの変
更履歴を記録・追跡するための分散型バージョン管理
システムである。
- Wikipedia (Git)

5. 変更履歴を時系列で管理
左が過去で一番右が現在 or 未来を示す。
三本の線は branch (ブランチ)と言い、平行世界を作り出せる仕組み。
Steins;Gate 好きな人には世界線と言えば通じる…？
この丸いポチポチが変更履歴

6. 分散型と集中型
ファイルシステム ファイルシステム
ファイルシステム ファイルシステム
リポジトリ リポジトリ
共有リポジトリ 中央リポジトリ
分散型 集中型
commit commit
commit commitpushpush

7. 分散型
手元の環境でバージョン管理が完結する
commit するためにネットワーク環境が必
要になることはない
リポジトリの内容を他のリポジトリへ反映
(push) することで共有できる
安易にブランチを切って平行世界を作れる
ファイルシステム
リポジトリ
commit

8. Git の基本的な使い方
git add でリポジトリに commit するファイル、
変更箇所を指定
git commit でリポジトリに変更履歴を書き込む
git push でリモートリポジトリに変更履歴を反映
git pull でリモートリポジトリの変更履歴を
ローカルのリポジトリに反映ファイルシステム
リポジトリ
リモートリポジトリ
commit
pushpull

9. GitHub Pages で手軽に Web サイト

10. GitHub とは
Git のリモートリポジトリ (共有リポ
ジトリ) をホストするサービス
チケット管理や Wiki, SNS のような
機能も提供されている
GitHub（ギットハブ）はソフトウェア開発プロ
ジェクトのための共有ウェブサービスであり、Git
バージョン管理システムを使用する。
- Wikipedia (GitHub)

11. GitHub Pages
プロジェクトの Web サイトを素早く
作る事のできるサービス
ユーザまたは組織の Web サイトをそ
れぞれ一つまで持つことが出来る
GitHub のアカウントとリポジトリ
さえあれば直ぐに作れる
独自ドメインも利用可能

12. GitHub アカウント作成

13. SourceTree で黒い画面も怖くない

14. SourceTree とは
Git のフロントエンドアプリケー
ション
GUI で Git が使える
基本的に黒い画面を見なくて良い

16. ツールの導入

17. SourceTree で検索！

18. インストール

19. 初期設定
Mercurial も Git と同様に分散型バージョン管理
システムの一つ。今回は不要。

20. 初期設定

21. 初期設定

22. 起動時の画面

23. Git と SSH
Git では SSH というプロトコルを用いて、リモートリポジトリと通
信する (22 番ポートを使う)
SSH は暗号化された経路でデータを送受信する
主にリモートマシンの遠隔操作に使われる
UNIX, Linux にはデフォルトで入っていることが多いが、 Windows で
は別途インストールする必要がある

24. 公開 暗号と公開 認証
公開 暗号では、公開 と秘密 を使って暗号化、復号を行う
公開 で暗号化→秘密 で復号
(主に共通 暗号で用いる の安全な交換方式として利用される)
公開 認証とは、リモートマシンに予め公開 を登録しておき、
ペアになる秘密 によって署名されたデータを検証する事で利
用者を認証する方式

25. SSH の生成
ウィンドウ左上
起動
2048 に設定する

26. SSH の生成
Generate ボタンを押して、
ウィンドウの上でマウスカー
ソルを躍らせる。
!
→より強力な乱数シードが使
われ、推測不可能な が生成
される。

27. SSH の生成
passphrase (≒パスワード) を設定せず
に保存しようとすると警告が出る。

28. SSH の生成
ドキュメントに ssh というフォルダ
を作成して、その中に を保存する。
秘密 を git というファイル名で保存。

29. SSH の生成
公開 を git.pub というファイル名で
保存

30. SSH の登録
設定
1
2
3

31. SSH の登録
メモ帳で開く

32. SSH の登録

33. SSH の登録
先頭 2 行と末尾 1 行
を削除し、先頭に
ssh-rsa を追記する。

34. SSH の登録

35. SSH の設定
先ほど保存した秘密 を選択する。
Add Key はパソコンを起動する
毎に行う必要がある。

36. SSH の設定
設定したパスワードを入力する。
View Keys から追加されている
一覧を確認できる。
SSH を使う際は Pagent を起動して秘密 を
読み込んでおく必要があるので注意。

37. git add & commit & push

38. Web サイトを作ってみよう
リモートリポジトリの作成
git clone (リモートリポジトリのクローン作成)
git add (commit するファイルを選択)
git commit (歴史を残す)
git push (公開)

39. リポジトリの作成

40. リポジトリの作成

41. リポジトリの作成
コピー

42. 貼付け
リポジトリのクローン作成

43. リポジトリのクローン作成

44. リポジトリのクローン作成

45. リポジトリのクローン作成

46. エクスプローラで表示

47. ここに公開するファイルを置いていく。

48. .gitignore. という名前で新しいファイルを作成。
最後の . を入力しないとエラーが出るので注意。

49. エディタで開いて編集
.gitignore には、 Git でバージョン管理をしないファイル
を列挙する。
* はワイルドカードで、 ! で始めると、逆の意味になる。

50. index.html を追加。

51. ドラッグ&ドロップ
git add

53. コミット
git commit

54. 開く
刻んできた歴史が表示される

55. 同様に README.md ファイルを
作成して、コミット。

56. GitHub へ push

57. インターネットに繋がって
いないとエラーが出る。

58. http://username.github.io/
username は GitHub の
アカウント名
※初回の push から反映までには 10 分程度掛かる。
2 回目以降は即時反映。
ブラウザで開く