CloudFlareのキャッシュ機能はとても便利なのですが、サイト修正時等で「CSSを変更したけど反映されない!」という現象が起きます。これの対処方法についてメモです。
CloudFlareのキャッシュを一時的にOFFにする方法
CloudFlareにログインします。
キャッシュをOFFにしたいドメインの右端にある「歯車」マークをクリック。
出てくるメニューの「CloudFlare settings」をクリック。

設定ページが開きます。
下記設定でキャッシュをOFFにします。
- 「Development Mode」項目のボタンをクリックして「ON」にする
- 「Cache Purge」項目の「Purge cache」ボタンをクリックしてキャッシュを削除する

Development ModeをONにする事でキャッシュが残らなくなり、Purge cacheボタンをクリックする事でキャッシュを消去(purge)するようです。
ちなみにDevelopment Modeは3時間経過すると自動的にOFFになります。
What does CloudFlare Development mode mean? : CloudFlare Support
(詳しくはこちらに書いてあります)