Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Git 初心者のための GitHub Pages
Git を使って Web サイトを公開する
Git で分散型バージョン管理
GitHub Pages で手軽に Web サイト
SourceTree で黒い画面も怖くない
ツールの導入
git add & commit & push
Git で分散型バージョン管理
Git とは
ソースコードの変更履歴を管理する
過去と未来を行き来できる
分散型 (Subversion とは異なる)
Git(ギット)は、プログラムのソースコードなどの変
更履歴を記録・追跡するための分散型バージョン管理
システムである。

...
変更履歴を時系列で管理
左が過去で一番右が現在 or 未来を示す。
三本の線は branch (ブランチ)と言い、平行世界を作り出せる仕組み。
Steins;Gate 好きな人には世界線と言えば通じる…?
この丸いポチポチが変更履歴
分散型と集中型
ファイルシステム ファイルシステム
ファイルシステム ファイルシステム
リポジトリ リポジトリ
共有リポジトリ 中央リポジトリ
分散型 集中型
commit commit
commit commitpushpush
分散型
手元の環境でバージョン管理が完結する
commit するためにネットワーク環境が必
要になることはない
リポジトリの内容を他のリポジトリへ反映
(push) することで共有できる
安易にブランチを切って平行世界を作れる
ファイルシステム...
Git の基本的な使い方
git add でリポジトリに commit するファイル、

変更箇所を指定
git commit でリポジトリに変更履歴を書き込む
git push でリモートリポジトリに変更履歴を反映
git pull でリモー...
GitHub Pages で手軽に Web サイト
GitHub とは
Git のリモートリポジトリ (共有リポ
ジトリ) をホストするサービス
チケット管理や Wiki, SNS のような
機能も提供されている
GitHub(ギットハブ)はソフトウェア開発プロ
ジェクトのための共有ウェブサービ...
GitHub Pages
プロジェクトの Web サイトを素早く
作る事のできるサービス
ユーザまたは組織の Web サイトをそ
れぞれ一つまで持つことが出来る
GitHub のアカウントとリポジトリ
さえあれば直ぐに作れる
独自ドメインも利用...
GitHub アカウント作成
SourceTree で黒い画面も怖くない
SourceTree とは
Git のフロントエンドアプリケー
ション
GUI で Git が使える
基本的に黒い画面を見なくて良い
ツールの導入
SourceTree で検索!
インストール
初期設定
Mercurial も Git と同様に分散型バージョン管理
システムの一つ。今回は不要。
初期設定
初期設定
起動時の画面
Git と SSH
Git では SSH というプロトコルを用いて、リモートリポジトリと通
信する (22 番ポートを使う)
SSH は暗号化された経路でデータを送受信する
主にリモートマシンの遠隔操作に使われる
UNIX, Linux にはデ...
公開 暗号と公開 認証
公開 暗号では、公開 と秘密 を使って暗号化、復号を行う
公開 で暗号化→秘密 で復号

(主に共通 暗号で用いる の安全な交換方式として利用される)
公開 認証とは、リモートマシンに予め公開 を登録しておき、
ペアにな...
SSH の生成
ウィンドウ左上
起動
2048 に設定する
SSH の生成
Generate ボタンを押して、
ウィンドウの上でマウスカー
ソルを躍らせる。
!
→より強力な乱数シードが使
われ、推測不可能な が生成
される。
SSH の生成
passphrase (≒パスワード) を設定せず
に保存しようとすると警告が出る。
SSH の生成
ドキュメントに ssh というフォルダ
を作成して、その中に を保存する。
秘密 を git というファイル名で保存。
SSH の生成
公開 を git.pub というファイル名で
保存
SSH の登録
設定
1
2
3
SSH の登録
メモ帳で開く
SSH の登録
SSH の登録
先頭 2 行と末尾 1 行
を削除し、先頭に
ssh-rsa を追記する。
SSH の登録
SSH の設定
先ほど保存した秘密 を選択する。
Add Key はパソコンを起動する
毎に行う必要がある。
SSH の設定
設定したパスワードを入力する。
View Keys から追加されている
一覧を確認できる。
SSH を使う際は Pagent を起動して秘密 を
読み込んでおく必要があるので注意。
git add & commit & push
Web サイトを作ってみよう
リモートリポジトリの作成
git clone (リモートリポジトリのクローン作成)
git add (commit するファイルを選択)
git commit (歴史を残す)
git push (公開)
リポジトリの作成
リポジトリの作成
リポジトリの作成
コピー
貼付け
リポジトリのクローン作成
リポジトリのクローン作成
リポジトリのクローン作成
リポジトリのクローン作成
エクスプローラで表示
ここに公開するファイルを置いていく。
.gitignore. という名前で新しいファイルを作成。
最後の . を入力しないとエラーが出るので注意。
エディタで開いて編集
.gitignore には、 Git でバージョン管理をしないファイル
を列挙する。
* はワイルドカードで、 ! で始めると、逆の意味になる。
index.html を追加。
ドラッグ&ドロップ
git add
コミット
git commit
開く
刻んできた歴史が表示される
同様に README.md ファイルを
作成して、コミット。
GitHub へ push
インターネットに繋がって
いないとエラーが出る。
http://username.github.io/
username は GitHub の
アカウント名
※初回の push から反映までには 10 分程度掛かる。
2 回目以降は即時反映。
ブラウザで開く
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Nächste SlideShare
Wird geladen in …5
×

Git 初心者のための GitHub Pages

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

  • Als Erste(r) kommentieren

Git 初心者のための GitHub Pages

  1. 1. Git 初心者のための GitHub Pages Git を使って Web サイトを公開する
  2. 2. Git で分散型バージョン管理 GitHub Pages で手軽に Web サイト SourceTree で黒い画面も怖くない ツールの導入 git add & commit & push
  3. 3. Git で分散型バージョン管理
  4. 4. Git とは ソースコードの変更履歴を管理する 過去と未来を行き来できる 分散型 (Subversion とは異なる) Git(ギット)は、プログラムのソースコードなどの変 更履歴を記録・追跡するための分散型バージョン管理 システムである。
 - Wikipedia (Git)
  5. 5. 変更履歴を時系列で管理 左が過去で一番右が現在 or 未来を示す。 三本の線は branch (ブランチ)と言い、平行世界を作り出せる仕組み。 Steins;Gate 好きな人には世界線と言えば通じる…? この丸いポチポチが変更履歴
  6. 6. 分散型と集中型 ファイルシステム ファイルシステム ファイルシステム ファイルシステム リポジトリ リポジトリ 共有リポジトリ 中央リポジトリ 分散型 集中型 commit commit commit commitpushpush
  7. 7. 分散型 手元の環境でバージョン管理が完結する commit するためにネットワーク環境が必 要になることはない リポジトリの内容を他のリポジトリへ反映 (push) することで共有できる 安易にブランチを切って平行世界を作れる ファイルシステム リポジトリ commit
  8. 8. Git の基本的な使い方 git add でリポジトリに commit するファイル、
 変更箇所を指定 git commit でリポジトリに変更履歴を書き込む git push でリモートリポジトリに変更履歴を反映 git pull でリモートリポジトリの変更履歴を
 ローカルのリポジトリに反映ファイルシステム リポジトリ リモートリポジトリ commit pushpull
  9. 9. GitHub Pages で手軽に Web サイト
  10. 10. GitHub とは Git のリモートリポジトリ (共有リポ ジトリ) をホストするサービス チケット管理や Wiki, SNS のような 機能も提供されている GitHub(ギットハブ)はソフトウェア開発プロ ジェクトのための共有ウェブサービスであり、Git バージョン管理システムを使用する。 - Wikipedia (GitHub)
  11. 11. GitHub Pages プロジェクトの Web サイトを素早く 作る事のできるサービス ユーザまたは組織の Web サイトをそ れぞれ一つまで持つことが出来る GitHub のアカウントとリポジトリ さえあれば直ぐに作れる 独自ドメインも利用可能
  12. 12. GitHub アカウント作成
  13. 13. SourceTree で黒い画面も怖くない
  14. 14. SourceTree とは Git のフロントエンドアプリケー ション GUI で Git が使える 基本的に黒い画面を見なくて良い
  15. 15. ツールの導入
  16. 16. SourceTree で検索!
  17. 17. インストール
  18. 18. 初期設定 Mercurial も Git と同様に分散型バージョン管理 システムの一つ。今回は不要。
  19. 19. 初期設定
  20. 20. 初期設定
  21. 21. 起動時の画面
  22. 22. Git と SSH Git では SSH というプロトコルを用いて、リモートリポジトリと通 信する (22 番ポートを使う) SSH は暗号化された経路でデータを送受信する 主にリモートマシンの遠隔操作に使われる UNIX, Linux にはデフォルトで入っていることが多いが、 Windows で は別途インストールする必要がある
  23. 23. 公開 暗号と公開 認証 公開 暗号では、公開 と秘密 を使って暗号化、復号を行う 公開 で暗号化→秘密 で復号
 (主に共通 暗号で用いる の安全な交換方式として利用される) 公開 認証とは、リモートマシンに予め公開 を登録しておき、 ペアになる秘密 によって署名されたデータを検証する事で利 用者を認証する方式
  24. 24. SSH の生成 ウィンドウ左上 起動 2048 に設定する
  25. 25. SSH の生成 Generate ボタンを押して、 ウィンドウの上でマウスカー ソルを躍らせる。 ! →より強力な乱数シードが使 われ、推測不可能な が生成 される。
  26. 26. SSH の生成 passphrase (≒パスワード) を設定せず に保存しようとすると警告が出る。
  27. 27. SSH の生成 ドキュメントに ssh というフォルダ を作成して、その中に を保存する。 秘密 を git というファイル名で保存。
  28. 28. SSH の生成 公開 を git.pub というファイル名で 保存
  29. 29. SSH の登録 設定 1 2 3
  30. 30. SSH の登録 メモ帳で開く
  31. 31. SSH の登録
  32. 32. SSH の登録 先頭 2 行と末尾 1 行 を削除し、先頭に ssh-rsa を追記する。
  33. 33. SSH の登録
  34. 34. SSH の設定 先ほど保存した秘密 を選択する。 Add Key はパソコンを起動する 毎に行う必要がある。
  35. 35. SSH の設定 設定したパスワードを入力する。 View Keys から追加されている 一覧を確認できる。 SSH を使う際は Pagent を起動して秘密 を 読み込んでおく必要があるので注意。
  36. 36. git add & commit & push
  37. 37. Web サイトを作ってみよう リモートリポジトリの作成 git clone (リモートリポジトリのクローン作成) git add (commit するファイルを選択) git commit (歴史を残す) git push (公開)
  38. 38. リポジトリの作成
  39. 39. リポジトリの作成
  40. 40. リポジトリの作成 コピー
  41. 41. 貼付け リポジトリのクローン作成
  42. 42. リポジトリのクローン作成
  43. 43. リポジトリのクローン作成
  44. 44. リポジトリのクローン作成
  45. 45. エクスプローラで表示
  46. 46. ここに公開するファイルを置いていく。
  47. 47. .gitignore. という名前で新しいファイルを作成。 最後の . を入力しないとエラーが出るので注意。
  48. 48. エディタで開いて編集 .gitignore には、 Git でバージョン管理をしないファイル を列挙する。 * はワイルドカードで、 ! で始めると、逆の意味になる。
  49. 49. index.html を追加。
  50. 50. ドラッグ&ドロップ git add
  51. 51. コミット git commit
  52. 52. 開く 刻んできた歴史が表示される
  53. 53. 同様に README.md ファイルを 作成して、コミット。
  54. 54. GitHub へ push
  55. 55. インターネットに繋がって いないとエラーが出る。
  56. 56. http://username.github.io/ username は GitHub の アカウント名 ※初回の push から反映までには 10 分程度掛かる。 2 回目以降は即時反映。 ブラウザで開く

×