2017-03-12

ホームページを移行した・続

Notes

今日のお昼ごろに以下のようなエントリを書いたら、id:upamune さんから Netlify なるサービスを教えていただいた！

syfm.hatenablog.com

www.netlify.com

パッと見めちゃくちゃ良さそうなので早速試してみた。
以下のように、GitHub や Bitbucket と連携してリポジトリを選択し、ビルドコマンドと成果物が生成されるディレクトリを指定してやると、GitHub に push されたタイミングで pull してビルド、公開までを自動で行ってくれる。

f:id:ktr_0731:20170312230641p:plain

元々ページを Gulp + EJS で生成していたため、登録して5分くらいで公開まで行けた。

前の記事では、ホームページの公開に GitHub Pages を、デプロイに CircleCI を使っていたけど、デプロイのためだけに CircleCI を使ったり、リポジトリを2つ作らないといけなくて微妙だったのが、Netlify でまるまる置き換えられた。
Cloudflare で SSL 対応していた部分も、Netlify で Cloudflare 同様にワンクリックで対応できた。その関係で DNS サーバをお名前.com のほうに戻した。

f:id:ktr_0731:20170312231200p:plain

他にも CLI が用意されてたり、リダイレクト・リライト、Webhook、カスタムヘッダなど様々な設定ができる。SPA などのためにプリレンダリングもできるらしく凄まじい…。

ここまでメリットしか挙げてこなかったけど、以前の環境と比べてレイテンシが少し大きくなっている気がする。
でも本当にちょっとだし、個人的には全然問題ないと感じる。

まったく変更する予定のないページであれば GitHub Pages で十分だけど、静的サイトジェネレータとかを使ってるならば間違いなく便利に使える。

2017-03-12

ホームページを移行した

Notes

(ホームページと言えばいいのかランディングページと言えばいいのか未だに曖昧…。)
http://syfm.0t0.jp から https://www.syfm.me へ移行

既存の環境

今までは MyDNS という DDNS サービスで syfm.0t0.jp というドメインを使っていて、デプロイ方法と環境には Git hook と自宅サーバを使っていた。
具体的には、Git のリモートリポジトリを自宅サーバに構築して、そこに push されると Git hook によって設定したスクリプトが実行され、新しいファイルが /var/www 以下の Apache 管理下にあるディレクトリにコピーされる感じだった。

一度設定してしまえば、あとは git push する度に自動で反映されるのでそこまで大変な管理でもなかったけど、自宅サーバにはこのホームページしか動いてなかったからすごいもったいない感があって、前々からどうにかしたいなぁと考えていた。

ついでに、ドメインの 0t0 も気に食わないのでやはり独自ドメインで運用したいなぁとも思っていた。

新しい環境

そこで、今回はできるだけ管理コストを削減しようと思って環境を作った。
主に使用したのは、

独自ドメイン
GitHub Pages
CircleCI
Cloudflare

の4つ。

独自ドメイン

とりあえずお名前.com で取得した。Route 53 とかで取得しても良かったかもしれない…。
本当は .com とか .ne.jp とか .net とかほしかったけど、既に取得されてたり、異常に高かったりしたので諦めて .me にした。400円くらいなのでとても安い。

GitHub Pages

サイトを公開するために利用。
知らない人の為に簡単に説明すると、GitHub Pages は、自前でサーバを持たなくても静的ファイルがホスティングできる機能で、<username>.github.io というリポジトリを作ると、https://<username>.github.io でアクセスできるようになるというとても便利な仕組み。
他にもリポジトリ名が上のような形でなくても、gh-pages というブランチをつくれば https://<username>.github.io/<project-name> という感じでプロジェクト毎に公開できる。

CircleCI

自動でデプロイするために利用。
GitHub で、lycoris0731.github.io (ホームページ公開用リポジトリ) と homepage (静的ファイルを生成するための作業リポジトリ) をつくり、homepage の方に CircleCI を設定した。
master ブランチに push されると、dest 以下のファイルが lycoris0731.github.io リポジトリにコミットされるように設定したので、push するだけで自動でデプロイされるようになる。

Cloudflare

DNS サーバ、SSL 対応のために利用。
取得したドメインのプライマリサーバとセカンダリサーバを Cloudflare から提供されたものに変更した。
www.syfm.me にアクセスすると lycoris0731.github.io のコンテンツが表示されてほしかったので、CNAME を設定した。
また、<username>.github.io だとなにもしなくても HTTPS になっているけど、独自ドメインを設定すると、自前で設定する必要がある。
なので、Cloudflare の機能を使って HTTPS で配信されるようにした。とても簡単でびっくりした。