前回の記事「【初心者向け】コーディングガイドラインをGitHubで管理する覚え書き」はいかがでしたか?
もう少し、実用的な視点でGitHubを見ていきたいと思います。
GitHubのおさらい
まずは、前回あまり突っ込んで話してなかったことを書いてみます。
Gitとは
分散型バージョン管理システムの一つです。
Gitでは、ファイルの状態を好きなときに
更新履歴として保存しておくことができます。
そのため、一度編集したファイルを過去の状態に戻したり、
編集箇所の差分を表示したりすることができます。
また古いファイルを元に編集したファイルで、 他人の編集した最新ファイルを上書きしようとすると サーバーにアップロードした時に警告がでます。
そのため、知らず知らずのうちに他人の編集内容を 上書きしてしまうといった失敗は起こりません。
Subversionとの違い
- SVNではチームの成果しか管理できないがGitは個人の作業をバージョン管理できる
- Gitはリカバリーが非常に手軽に出来る。SVNだとリカバリーに手間がかかる
- マージする範囲をSVNでは調べる必要があるが、Gitでは必要ない
GitHub とは
ウィキペディアには、こう書いてあります。
GitHub(ギットハブ)はソフトウェア開発プロジェクトのための共有ウェブサービスであり、Gitバージョン管理システムを使用する。
https://ja.wikipedia.org/wiki/GitHub
使ってみた感じ、Subversionよりもサクサク動いてる気がします。
それでは、本題に入っていきましょう。
GitHub Pages
GitHubの機能で「GitHub Pages」というものがあります。
これが、重宝するんだなぁ。
では、みていきましょう。
Github Pages とは
- HTMLを Git で管理して、Github へ プッシュすれば公開できる
- 基本、静的ページのみの公開となる
- 公開リポジトリで作れば無料でできる
サーバーの契約を必要としないですし、さくっとページを公開したい際には、とても良いです。
実際にGitHub Pagesを作ってみる
まずは、リポジトリをつくります。
気をつけておくのが、リポジトリ名。
xxxxx.github.io
という形式で命名しておきます。
これが、後々URLになりますので!
僕の場合は、こちら。
kobatatakayuki.github.io
ですね。
名前を決めたら、テンプレートを作っていきます。
テンプレートに必要情報を記載する
テンプレートに、必要情報を記載していきます。
Google Analyticsの設定も可能です。
設定が終わりましたら、テーマを選びます。
テーマを選ぶ
Github Pages 用のテーマが予め用意されています。
こんな感じ。
詳しくは、下記の記事が参考になるでしょう。
テストページ
出来上がったのは、こんな感じ。
https://kobatatakayuki.github.io/
このURLは、ギークな感じですね(๑´ڡ`๑)
(サンプル用なので、中身はありませんが。。。)
はい、だいたい3分でできてしまいました!
簡単ですね!
僕が、ここ最近お世話になっているアクセシビリティのコミュニティ「AccTalk」のサイトでも、GitHub Pagesが使われております!
ソーシャルコーディング
フォークして、プルリクエストすれば、複数人での作業が可能になります。
GitHUbがソーシャルコーディングと言われる所以です。
これこそが、GitHubの醍醐味ですね。
Github で管理するなら Sourcetree は必須!
https://ja.atlassian.com/software/sourcetree/overview
SourceTree は Mac や Windows で使える、開発者のための強力な Git/Mercurial デスクトップ クライアントです。
ということで、これはぜひインストールしておきましょう。
参考サイト
はじめてのGit @ schoo
GitHub 実践入門 の著者 大塚 弘記 さんの授業です。
ぼちぼち見始めましたー。
書籍紹介
前回もご紹介しました、GitHub 実践入門

GitHub実践入門 ~Pull Requestによる開発の変革 (WEB+DB PRESS plus)
- 作者: 大塚弘記
- 出版社/メーカー: 技術評論社
- 発売日: 2014/03/20
- メディア: 単行本(ソフトカバー)
- この商品を含むブログ (22件) を見る
GitHubをもっと使いこなしたいなぁ。
積読が増えてきた。
— 小畑 タカユキ (@kobatatakayuki) 2016年7月11日
おわり。