Your SlideShare is downloading. ×
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Git 初心者のための GitHub Pages
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Git 初心者のための GitHub Pages

769

Published on

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

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

Published in: Technology
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
769
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
11
Comments
0
Likes
8
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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 が使える 基本的に黒い画面を見なくて良い
  • 15. ツールの導入
  • 16. SourceTree で検索!
  • 17. インストール
  • 18. 初期設定 Mercurial も Git と同様に分散型バージョン管理 システムの一つ。今回は不要。
  • 19. 初期設定
  • 20. 初期設定
  • 21. 起動時の画面
  • 22. Git と SSH Git では SSH というプロトコルを用いて、リモートリポジトリと通 信する (22 番ポートを使う) SSH は暗号化された経路でデータを送受信する 主にリモートマシンの遠隔操作に使われる UNIX, Linux にはデフォルトで入っていることが多いが、 Windows で は別途インストールする必要がある
  • 23. 公開 暗号と公開 認証 公開 暗号では、公開 と秘密 を使って暗号化、復号を行う 公開 で暗号化→秘密 で復号
 (主に共通 暗号で用いる の安全な交換方式として利用される) 公開 認証とは、リモートマシンに予め公開 を登録しておき、 ペアになる秘密 によって署名されたデータを検証する事で利 用者を認証する方式
  • 24. SSH の生成 ウィンドウ左上 起動 2048 に設定する
  • 25. SSH の生成 Generate ボタンを押して、 ウィンドウの上でマウスカー ソルを躍らせる。 ! →より強力な乱数シードが使 われ、推測不可能な が生成 される。
  • 26. SSH の生成 passphrase (≒パスワード) を設定せず に保存しようとすると警告が出る。
  • 27. SSH の生成 ドキュメントに ssh というフォルダ を作成して、その中に を保存する。 秘密 を git というファイル名で保存。
  • 28. SSH の生成 公開 を git.pub というファイル名で 保存
  • 29. SSH の登録 設定 1 2 3
  • 30. SSH の登録 メモ帳で開く
  • 31. SSH の登録
  • 32. SSH の登録 先頭 2 行と末尾 1 行 を削除し、先頭に ssh-rsa を追記する。
  • 33. SSH の登録
  • 34. SSH の設定 先ほど保存した秘密 を選択する。 Add Key はパソコンを起動する 毎に行う必要がある。
  • 35. SSH の設定 設定したパスワードを入力する。 View Keys から追加されている 一覧を確認できる。 SSH を使う際は Pagent を起動して秘密 を 読み込んでおく必要があるので注意。
  • 36. git add & commit & push
  • 37. Web サイトを作ってみよう リモートリポジトリの作成 git clone (リモートリポジトリのクローン作成) git add (commit するファイルを選択) git commit (歴史を残す) git push (公開)
  • 38. リポジトリの作成
  • 39. リポジトリの作成
  • 40. リポジトリの作成 コピー
  • 41. 貼付け リポジトリのクローン作成
  • 42. リポジトリのクローン作成
  • 43. リポジトリのクローン作成
  • 44. リポジトリのクローン作成
  • 45. エクスプローラで表示
  • 46. ここに公開するファイルを置いていく。
  • 47. .gitignore. という名前で新しいファイルを作成。 最後の . を入力しないとエラーが出るので注意。
  • 48. エディタで開いて編集 .gitignore には、 Git でバージョン管理をしないファイル を列挙する。 * はワイルドカードで、 ! で始めると、逆の意味になる。
  • 49. index.html を追加。
  • 50. ドラッグ&ドロップ git add
  • 51. コミット git commit
  • 52. 開く 刻んできた歴史が表示される
  • 53. 同様に README.md ファイルを 作成して、コミット。
  • 54. GitHub へ push
  • 55. インターネットに繋がって いないとエラーが出る。
  • 56. http://username.github.io/ username は GitHub の アカウント名 ※初回の push から反映までには 10 分程度掛かる。 2 回目以降は即時反映。 ブラウザで開く

×