今回は、Cloudflareの登録方法の紹介です。
Cloudflareとは、CDN（コンテンツデリバリーネットワーク）サービスを運営しているアメリカの企業です。
CDNサービスとは、利用しているレンタルサーバー上のコンテンツの中でキャッシュ可能なファイル（画像,CSS,JSファイル等）をCloudFlare上の複数サーバーにキャッシュしておくことで、利用中のサーバーの負荷を軽減するサービスです。
無料で使えるCDNサービスでは、Cloudflareはオンリーワン的なサービスだと思います。けれどもアメリカの企業が運営しているサービスなので、インターフェースが全て英語となっています。
インターフェースが英語とはいえ、簡単な英語さえできれば登録することは特に難しいこともないのですが、一応登録方法を記しておこうと思います。
目次
Cloudflareの設定方法
Cloudflareに初期登録するには、以下の手順が必要です。
- Cloudflareへの登録
- Cloudflareでの初期設定
- ドメイン管理画面でネームサーバーの変更
- Cloudflareでネームサーバーの再チェック
Cloudflareへの登録
Cloudflareに登録するには、まずCloudflareに移動し、右上にある「Sign Up」をクリックしてください。
すると以下のような入力画面が表示されるので「メールアドレス」と「パスワード」を入力し「I agree to Cloudflare’s terms and conditions and privacy policy.（Cloudflareの規約とプライバシーポリシーに同意する）」にチェックを入れて「Create Account」ボタンをクリックしてください。
Cloudflareでの初期設定
簡単な登録を終えると、以下のような画面が表示されるのでテキスト入力欄に「ドメイン（当サイトで言えばnelog.jpの部分）」を入力して「Scan DNS Records」ボタンをクリックしてください。
すると、以下のようにDNSレコードのスキャンが始まるので終わるまでしばらく待ちます。
スキャンが終わると、「Continue」ボタンが有効になるのでクリックしてください。
すると、以下のようなスキャン結果が表示されるので、「Continue」ボタンをクリックします。
すると「プラン選択画面」が表示されるので、無料プランであれば「Free Website」を選択して「Continue」ボタンをクリックしてください。
すると、現在のネームサーバーの設定状況が表示されるので「Continue」ボタンをクリックしてください。
Cloudflare側の設定が完了すると、以下のような画面が表示されます。赤枠で囲った部分のネームサーバーは後で利用するので、メモをするか、そのままブラウザのタブを表示したままにしておいてください。
ドメイン管理画面でネームサーバーの変更
次に、利用中のドメイン管理サービスから、ネームサーバーの変更を行います。
僕の場合、ムームードメイン 
を利用しているので、以下ではムームードメインの変更方法を紹介したいと思います。利用している、ドメイン管理サービスが違う場合は、利用中のネームサーバー変更に合わせて変更する必要があります。
まずは、利用中のドメイン管理サービスにログインします。
管理ドメイン一覧の中から「ネームサーバーを変更するドメイン」を選択します。
「ネームサーバー設定変更」項目にある「ネームサーバー設定変更」ボタンをクリックします。
まず、「GMOペパボ以外 のネームサーバを使用する」にチェックが入っていることを確認してください。
そして「ネームサーバーを設定してください」と書かれた箇所の「ネームサーバー1」と「ネームサーバ2」を、先程Cloudflareで表示されたものに書き換えます。
この部分ですね。
以下のように書き換えたら、
「ネームサーバー設定変更」ボタンをクリックして設定を反映させてください。
設定反映後、「ネームサーバー設定変更」項目が以下のようになれば、ドメイン管理サービスでの設定は終了です。
Cloudflareでネームサーバーの再チェック
最後に、先程開いたままにしておいたCloudflareタブに移動して、「Recheck Nameservers」ボタンをクリックします。
何か、緑色的な通知バーが表示され「Success」的なことが書かれていれば、ネームサーバーの設定がうまくいっているので、今後Cloudflareによりサーバーの負荷軽減が実施されます。
設定
設定は、基本的にデフォルトでもOKかと思います。
以下では一応、基本的に押さえておきたい設定を紹介しておきます。
メールプロテクト機能の設定
Cloudflareには、デフォルトでサイト内に書き込まれたメールアドレスを、スパムなどに利用されにくくするように「メールプロテクト」機能がついています。
ただ、日本語環境だと@MrYhiraといったような、TwitterのIDを書き込んだだけでも、メールと誤認識して[email protected]変更されてしまう不具合があります。
![マルチバイト環境でメールでなくても[email protected]と表示されてしまう不具合](https://nelog.jp/wp-content/uploads/2016/11/email-protected.png "マルチバイト環境でメールでなくても[email protected]と表示されてしまう不具合")
ですので、日本語環境で問題なく利用するには、Cloudflareの管理画面から「Scrape Shield」メニューを選択します。
あとは「Email Address Obfuscation」項目をOFFにしてください。
その他にも、HTMLコメントを使った解除法もあります。詳しくは、以下のページを参照してください。
参考 CloudFlare導入で本文が[email protected]表示になる場合の対処法
SSLの設定
僕は、httpサイトとhttpsサイトの両方で利用していますが、SSL化されているサイトと、されていないサイトでは、設定に違いがあるので紹介。
SSLの設定は、「Crypto」で行います。
httpサイト
httpで運営しているサイトでは、SSL項目は「Flexible」にしておきます。
httpsサイト
SSL化して運営しているサイトでは、「Full」に設定します。
僕の環境では、SSLサイトでは「Full」にしておかないと正常動作しませんでした。
サイトのSSL化についての詳細は以下を参照してください。
CloudFlareのキャッシュをクリアにする
CloudFlareにファイルがキャッシュされていると、CSSやJavaScriptに更新があったとしてもすぐには反映されません。
スタイルをカスタマイズしたり、テーマファイルなどにバージョンアップなどがあったりして、すぐに更新を反映させたい場合は、「Caching」からキャッシュのクリアを行う必要があります。
「Caching」ページを開いたら「Purge Cache」項目を「Purge Everything」に変更します。
サイト上で更新をすぐに反映させたい
テーマのカスタマイズなどで、いろいろ変更したスタイルなどを実際のサイトで更新しながらテストしたい場合は、デベロッパーモードを利用すると良いかと思います。
デベロッパーモードを利用するには、「Overview」メニューを選択します。
あとは「Status」項目を「Development Mode」に変更すれば、設定が即座に反映されるデベロッパーモード（開発者モード）になります。
デベロッパーモードになると、以下のようなインターフェースに変わります。
デベロッパーモードを中断するには「Disable」ボタンを押してください。
まとめ
こんな感じで、以下のような比較的簡単な作業でCDNによるサーバーの負荷軽減を実施できます。
- Cloudflareに登録
- Cloudflareにドメインの登録
- ネームサーバーの変更
時間にしたら、30分もかからないのではないかと思います。僕の場合は、何度か設定したことがあるのである程度慣れていて、時間に10分もかかっていないと思います。
こんな手軽に設定できるCDNサービスが無料で利用できるのはありがたすぎます。
僕のテキストメインのサイトでは、約50％の転送量負荷を軽減することができました。
写真メインのサイトなどでは、90％以上の転送量軽減もできています。
僕の使用しているサーバーはエックスサーバー
なんですが、1日の転送量上限の目安は70GBでした。そして、これまでちょくちょく70GBを超えていました。
しかしCloudflareを使用するようになってからは、1日4GB程度となり、まだまだ余裕が出ました。
こんな感じで、Cloudflareはサーバー転送量の負荷軽減を行うには非常にすぐれたサービスだと思います。
サイト Cloudflare
あと、エックスサーバー を利用していたり、利用中のWordpressプラグインによっては、Cloudflareを導入することにより、管理画面にログインできなくなったりすることがあります。
それらの解決方法については、以下を参照してください。
