GitHub Pages の User site で 個人ポータル作成のススメ。情熱プログラマ Chad Fowler 先生曰く「自分のブランドを築こう」  

# GitHub Pages の User site で 個人ポータル作成のススメ。情熱プログラマ Chad Fowler 先生曰く「自分のブランドを築こう」  #github
## <i class="fa fa-cubes" style="font-size:1em;"></i> 概要
GitHub Pages の User site で 個人ポータル作成について。
## <i class="fa fa-question-circle" style="font-size:1em;"></i> なぜ個人ポータルを作るか？
2つの理由を挙げます。

### <i class="fa fa-user" style="font-size:1em;"></i> 自分のブランドを築く
情熱プログラマ Chad Fowler 先生曰く

* マーケティングはスーツ族だけのものではない
* 自分の業績をアピールする
* 業界で名前を売る

など、書籍「 <i class="fa fa-external-link-square" style="font-size:1em;"></i> [情熱プログラマ](http://www.amazon.co.jp/%E6%83%85%E7%86%B1%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%83%BC-%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E9%96%8B%E7%99%BA%E8%80%85%E3%81%AE%E5%B9%B8%E3%81%9B%E3%81%AA%E7%94%9F%E3%81%8D%E6%96%B9-Chad-Fowler/dp/4274067939)」においてエンジニアのセルフマーケティングについて触れています。
その 1 つの手段として自分の実績・情報を周知するためのポータルを GitHub Pages で作成するのです。

* 自分が作成したり、継続して貢献している OSS プロダクト
* Web の寄稿記事
* 公表できる開発実績
* ブログ、QA サイトなどの貢献実績
* 著書、訳書を挙げる

など、これらをまとめておくことで多くの人に自分の実績を知ってもらうことができます。
また、どういった実績があるか質問された時にも URL を1つ教えれば済みます。

自分は現状たいした実績もないし・・という人にこそ、 Chad Fowler 先生は以下のように言っています。

~~~
平凡なプログラマが本の著者になったり講演者になったりするのは難しいよね。
そこで Web からスタートしよう。
まずはブログを読む。 RSS などで情報を得る。
自分がブログをはじめる。
継続するうちに、君の周りに人脈が形成され、気づけばキャリアネットワークという小宇宙になっているだろう。
：
： 中略
：
今すぐ始めよう！
~~~

書籍「情熱プログラマ」からの引用（抜粋して少し短くしてあります）ですが、
今はさらに情報の収集・拡散を容易にするサービスが増えています。
手段は更に増えました。

Chad Fowler 先生の教えにしたがい、セルフマーケティングをはじめましょう。
そして、作成した個人ポータルが色鮮やかになるようにすることで、
実績作りとモチベーションの好循環を生むのです。

### <i class="fa fa-github" style="font-size:1em;"></i><i class="fa fa-twitter" style="font-size:1em;"></i><i class="fa fa-google-plus" style="font-size:1em;"></i> 個人が利用するサービスの通知
昨今、個人が利用する Webサービスは多岐に渡ります。特に システム開発者といえばなおのこと。

* ブログ
* Twitter
* Qiita
* Note
* Gravatar
* Repository Web Client (GitHub, BitBucket, etc ...)
* Chat Tools ( Slack, HipChat, ..etc)
* RubyGems などライブラリのポータル
* Mixi・・？

など。
自分のことを何か1つのサービスで知った人に対して
ポータルの URL を知らせるだけで全てのサービスを伝えることができます。

## <i class="fa fa-question-circle" style="font-size:1em;"></i> GitHub Pages とは？
<i class="fa fa-external-link-square" style="font-size:1em;"></i> [GitHub Pages](https://pages.github.com/)

GitHub のリポジトリに push するだけで静的サイトを構築できます。
GitHub Pages には、

* 1ユーザーに 1 つの User site
* 1プロジェクトに 1 つの Project site

があります。
今回は、個人ポータルということで User site を利用します

## <i class="fa fa-files-o" style="font-size:1em;"></i> GitHub Pages | User site の作り方
`<user名>.github.io` というプロジェクトを作成します。
過去の経緯があり、 `<user名>.github.com` という名前でも可能です。
GitHub のセキュリティ対策の関係で現在は `<user名>.github.io` を利用することが推奨されます。
`<user名>.github.com` を利用した場合は、 `<user名>.github.io` にリダイレクトされます。

経緯に関する詳細はこちらの記事等を参照
<i class="fa fa-external-link-square" style="font-size:1em;"></i> [GitHub、プロジェクトページの全ドメインを「github.io」に移行](http://www.atmarkit.co.jp/ait/articles/1304/08/news115.html)

作成した `<user名>.github.io` の master ブランチを push するだけで静的サイトの完成です。

`http://<user名>.github.io/` を確認すれば、User site が表示されます。

User Site の作成については Jekyll を利用した方法と、その他の方法がありますが
既にネット上に多くの情報があるので割愛致します。

## <i class="fa fa-flask" style="font-size:1em;"></i> サンプル：私の個人ポータル

<i class="fa fa-external-link-square" style="font-size:1em;"></i> [tbpgr personal page](http://tbpgr.github.io/)

## 補足
* 長々とまとめましたが、現状、私自身誇れるほどの実績があるわけではないのですけどね。
* 自分自身試行錯誤の最中なので、「自分はこうやっている」、など追加エントリなどあれば期待しています。

## <i class="fa fa-arrow-circle-right" style="font-size:1em;"></i> 参照
<i class="fa fa-external-link-square" style="font-size:1em;"></i> [GitHub Pages](https://pages.github.com/)
<i class="fa fa-external-link-square" style="font-size:1em;"></i> [情熱プログラマ](http://www.amazon.co.jp/%E6%83%85%E7%86%B1%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%83%BC-%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E9%96%8B%E7%99%BA%E8%80%85%E3%81%AE%E5%B9%B8%E3%81%9B%E3%81%AA%E7%94%9F%E3%81%8D%E6%96%B9-Chad-Fowler/dp/4274067939)
<i class="fa fa-external-link-square" style="font-size:1em;"></i> [GitHub、プロジェクトページの全ドメインを「github.io」に移行](http://www.atmarkit.co.jp/ait/articles/1304/08/news115.html)