ドメインをCloudflareに移管してみた
ブログのドメインをCloudflareへ移管。DNS設定の一元化、年間約800円の運用費削減、そして長年の利用による信頼性を理由に選びました。具体的な移管手順も解説し、ドメイン管理の効率化やコスト削減に役立つ情報を提供します。
Cloudflare
Hugo × Cloudflare Pagesで静的ページを公開【無料！】
どうも、職業エンジニアです。
今日は休みなんだけど特に予定がなかったので、あんまり仕事ではやらないであろうことをやってみたいと思い、Hugo × Cloudflare Pagesでページ公開をしてみました。
無料で自作のWEBページが公開できるなんて、いい時代になりましたねえ。
構成
利用するもの
今回利用するものは
* Hugo
* Cloudflare Pages
* GitLab
の3つになります。
仕組み
Hugoで開発したソースコードをGitLab上にpushすると、Cloudflareが検知してページ公開されるような仕組みです。Cloudflare PagesとGitLabが標準機能として連携できるので、CI/CD設定ファイルを書かなくて済むのが利点だったりします。
なお、筆者はHugo触るのは初めてです！Hugoは静的ページを作成するものなので、公開するページの表示速度がめっちゃ早かったり、サーバー移行が楽だったりするメリットがあります。ブログとして公開することもできるみたい。そのうちやってみようかなあ。
構
Ghostのログイン画面にCloudflare Zero Trustを導入した話
はじめに
ブログを運営していると、避けて通れないのが「ログイン画面のセキュリティ」問題。例えばWordPressであれば、「/wp-login.php」または「/wp-admin」を末尾につけるとログイン画面に入れます。そしてこれは、なにも設定しなければ、誰でもログイン画面にアクセスできる状態になるということです。
筆者ももともとWordPressを使っていたので、ログインURLを変更したり二段階認証を入れたり、ファイアウォールを設定したりという策を講じてきました。
そして最近、筆者はWordPressからGhostというブログCMSに乗り換えました。
GhostはWordPressよりだいぶブログ執筆に特化しており、触ってて楽しいCMSではあるんですが、実はGhostもWordPressと同じように、ログインURLが指定のルール（/ghost）と決まっています。URLさえ知っていれば誰でもログインの試行ができてしまうんですよね。
そこで今回導入したのが「Cloudflare Zero Trust」です。これを置くと指定のURLにアクセスした際に、通常ログインとは別
WordPressでCloudflareを使う時にやっておくべき設定まとめ
前置き
数あるCDNの中でも群を抜いて有名なサービスがCloudflareです！
無料で利用できて、セキュリティリスクの低減とページの高速化ができる便利なサービスなので、筆者がサイトを作るときの初期構築の中で、必ず導入するようにしています。もちろんこのブログも例にもれず、Cloudflareを通してWEBに公開しています。
ただ、便利な反面、設定がちょっとややこしいというデメリットもあるんですよね。筆者としても、何回も設定しているはずなのに、結局覚えてなくて都度調べたりしています。。
できれば面倒なことをあんまりしたくない。しかし最近、このブログに置いてあったツール群を新サイトに移行してしまいました。そう、筆者はCloudflareを利用しなければならない呪いにかかっているので、サイトを作る＝Cloudflareの初期設定をする、なのです！
これに伴い、WordpressでCloudflareを利用する際の設定をまとめたので、備忘録的にここに残しておこうと思います！
セキュリティ
まずはセキュリティ設定
Cloudflare FontsでWEBフォントを高速化してみた
WEBフォントは重い。特に、日本語フォントについては信じらんねえくらい重い。
そんなWEBフォントですが、現在は
* Googleフォントを利用してGoogleのサーバーにあるものをダウンロードしてきて配信する
* 自分のホームページが置いてあるWEBサーバー上に置いて、ダウンロードして配信する
の2つが主流な利用方法かと思います。
いずれの手法においてもファイルサイズが大きく、WEBサイトのパフォーマンスに大きく影響を与えるものなので、場合によっては利用するのに躊躇して今うことがあるでしょう。
しかし、そんな悩みがCloudflare Fontsによって解決するかも知れません。
今回はCDN大手のCloudflareから「Cloudflare Fonts」というWEBフォントの表示を改善するサービスが登場（ただし現在はβ版）したので、実際に利用してみて効果を計っていきたいと思います。
Cloudflare Fontsとは？
Cloudflare Fontsは他の配信方法とどう違うのってとこ