静的サイトを運用するにあたって「Netlifyでデプロイすると楽よー」と教えてもらい、
細々と書いていた当ブログを、Netlifyを使用して思い切って公開してみました。
Netlify #
概要 #
静的サイトのホスティングサービスです。
GitHub、GitLab、Bitbucketのリポジトリと連携させて、自動的にデプロイが行えるようになっています。
静的サイトジェネレータやフロントエンド構築ツールとも相性がいいそうで。なお、当ブログはJekyllで作成しています。
ともあれ「どれくらい楽なのよ」ということで、リポジトリを連携させてデプロイするまでの流れを書いていきますー。
初回デプロイするまで #
（※すでにアカウントがある場合、1、2はスキップ）
1.公式サイトにアクセスしてGet started for freeを選択
2.Netlifyアカウントの作成
各種Gitのアカウントでも作成できます。
3.Netlifyの自分のアカウントトップ画面からNew site from Gitを選択
4.以下のどのGitサービスと連携させるか選択
- GitHub
- GitLab
- Bitbucket
5.Authorize Netlifyで連携を承認（初回のみ）
6.一覧から連携させるリポジトリを選択
7.デプロイの設定
※↑ Jekyllで作成されたサイトの場合
- Branch to deploy
どのブランチをデプロイ対象とするかを指定。 - Build command
ビルドを実行するコマンド。仕様ツールに応じたコマンドを指定。 - Publish directory
公開対象となるディレクトリを指定。
（例としてJekyllの場合は、jekyll buildでビルドして生成されたファイルは_site配下に展開されるようになっています。）
8.Deploy siteを選択
ビルドおよび初回デプロイが実行されます。
なお、初回は依存関係をインストールするため少し時間がかかりますが、それ以降はキャッシュを用いるため、はやく終わるようになります。
これが初回デプロイまでの手順になります。
はやいです。
自分がはじめてやってみた時は、5分もかからず、思わず「はやー」と言っていました(笑)。
ビルド + 初回デプロイが終わると、自動的にドメインが割り当てられて公開されます。（プロジェクトのOverviewで公開サイトURLのリンクがあるので、そこからもいけます）
独自ドメインへの変更も比較的簡単に行えます。もちろんカスタムドメインに変更も可能です。
初回デプロイ以降は、デプロイ対象のブランチにpushするたびに、自動的にビルド+デプロイが実行されるようになります。楽ちんです。
その他の特徴 #
- プルリク（マジリク）検知
デプロイ対象のブランチに対してリクエストを出すと、検知して自動的にプレビューが作成され、マージされた後の状態を事前に確認することができます。
（※プレビューも公開URLになるため、商用で使用する際は別途セキュリティを考慮する必要があるようです。） - ロールバック
公開するサイトの状態を簡単に過去のデプロイの状態に戻すことができます。
（デプロイ一覧から任意のものを選択して、Publish deployを選択するだけ） - Slack連携
デプロイ成功時など、Slackに通知を送ることができます。
この他にも機能はあるのですが、とても書ききれないのでこの辺で。
Netlifyは無料プランでも便利な機能が多く使用できるようです。
今回はじめてNetlifyを使用したのですが、比較的扱いやすい印象です。
他の紹介記事でも書かれていたのですが、なによりUIが優れているので英語でもわかりやすいですー。わかりやすいの大事。
Netlify docsを見れば、おおよそどんな機能があるかもわかります。
まだ、半分しか読めてないので読まねば…
Netlifyの機能を用いて、少しずつ当ブログを改修していこうかと思いますー。
