はじめに

この記事は NITKPC Advent Calendar 2025 15日目の記事です。
ちょうど知り合いにCloudflareを触らせたかったのでやっていきます。

構成

DDNS Nowで.f5.siのサブドメインを取得する。
Cloudflareのアカウントを作る。
Cloudflareで遊ぶ!(サブ)

だいたいこんな感じです。
※電話番号必要なので注意

DDNS Nowで.f5.siのサブドメインを取得する。

DDNS Nowとは?

ダイナミックDNSサービスを提供しているものです。
通常はダイナミックDNS用途として使われるのですが、PSLというリストに追加されたことにより〇〇.f5.si がサブドメインではなく独立したルートドメインとして扱われるようになりました。
つまり、無料で実質的なドメインを使えるようになっています。これを利用していくというわけです。

取得方法

まずはアクセスしましょう。

そしたらこのページで新規登録(取得)ができるのでしていきます。

取得ができたらこうなると思います。

電話番号認証

NSレコードを使うには電話番号認証をしないといけないようなのでしていきます。

NSレコードとは
ドメインのDNS管理をする権威DNSサーバーがどこにあるのかを示すレコードです。
今回の場合はCloudflareが権威DNSサーバーに当たります。

ここのNSレコードのところに

こうなっていると思います。
認証するを押して、
電話番号を入力して、次へ

指示の通りに電話します。

そしたらこの様になって完了です。

Cloudflareにドメインを登録

そしたら次はCloudflareにドメインを登録します。その前に...

Cloudflareとは

Cloudflareは、CDN（コンテンツデリバリネットワーク）, DNS, セキュリティ（WAF, DDoS対策）, キャッシュなどの機能をまとめて提供している凄いサービスです。
今回使う理由はDNSサーバーとして利用するからですね。
本来(多分)企業向けの大規模運用を支えるためのプラットフォームなのですが、
無料プランでもかなり強力な機能が使えるので、個人利用でもよく利用されています。

主にできること

超高速なDNSを使える（世界最速クラス）
CDNやキャッシュでサイトを速くできる
DDoS攻撃を自動で防御
SSL/TLS(https)が簡単に設定できる
自分のサーバーのIPを隠せる
Pagesで静的サイトをwebサイトとして公開もできる(アクセス制限なし)

…と、正直“無料でここまでしていいの？”というレベル。
今回は、取得した f5.si のサブドメインをCloudflareに登録して遊ぶのが目的なので、
細かい機能説明はこのぐらいにしておきます。

Cloudflareのアカウントを作る

まずはここにアクセスします。

ここでメアド使うなり、githubアカウント使うなりして、作ってください。

ドメインの登録

右上に追加ボタンがあるので押します。

日本語じゃない人はプロファイルから変えられます。

そしたらこの、ドメインを接続するをタップ

自分のドメインを「既存のドメインを入力」に入れましょう。
それ以外のところは、そのままでいいと思います。

そしたら続行

プラン選択がどうとか言われますがFreeでいいです。

選択

このような画面に来たら下にスクロールし

ネームサーバーアドレスをコピーします。

そしたら

に戻りまして、
多分勝手にAレコードと言うところにIPアドレスが書いてるので消します。

NSレコードに書いて「設定を更新する」を押す。

そしたらCloudflareに戻って、
ネームサーバーを今すぐ確認を押します。

Cloudflare は現在〇〇.f5.si のネームサーバーをチェックしています。更新には数時間お待ちください。
となればokです。すこし、時間を開けてページを更新(F5)しましょう。
こうなってたらOKです。

邪魔なDNS設定を消す

DNS→レコード

多分さっき消したAレコードがあるので、ここでも消します。

右にある編集を押して、左下の削除で消してください。

Cloudflareで遊ぶ！(サブ)

今回はCloudflare Pagesを触りたいと思います。

Cloudflare Pagesとは
静的サイト(html css js)のホスティングをしてくれるサービスです。
githubアカウントと連携したら、Pushするたびに自動でcloneしてくれたりします。(めちゃくちゃ早い)
しかもプライベートリポジトリも静的サイトホスティングしてくれるので、メチャクチャ便利です。

今回は、githubにもうアップロードしてる前提でいきます！

ホームに戻って、左端のバーの
コンピューティングとAI→Workers & Pages

そしたら右上のアプリケーションを作成するをタップ

なんかでてきますがこれではなく、下の「Looking to deploy Pages? Get started」を押してください。

こうでてくるので、「既存の Git リポジトリをインポートする」を押し、

自分のgithubかgitLabアカウントを追加して、リポジトリを選択してください。

そしたらそのまま進み、デプロイしてください！
できたらアクセスしてみます。

表示されない場合はインターネット設定のDNSの問題かもしれません。しばらくすると見えます。

まあこれだけでも一応公開はできたのですが、ここからが本場、
カスタムドメインに行き、自分の〇〇.f5.siを追加すると、そのドメインでも見ることができます!

最後に

アドカレに合わせてちょっと早く作ったので、雑なところはあると思うのですが、多めに見てやってください。
Cloudflareはいいぞ!(CloudflareTunnelとか....)