カスタムドメイン
プロジェクトに本物のウェブアドレスを与える
⏱ 想定 ~4 分
01 · 読む
あなたの app は my-app.onrender.com のような URL で公開されています。完璧に動きますが、 myapp.com にしたかったら？
カスタムドメインを使うとプロジェクトはプロらしく見え、覚えやすく、本気度も伝わります。良いニュース：設定は素直で、費用は年 $10 〜 $15 ほどです。
💡 想像してみてくださいあなたの .onrender.com URL は、番地つきの住所のようなもの —— 機能はしますが、覚えにくく、個人的でもありません。カスタムドメインは建物に名前を付けるようなもの —— 'The Grand Hotel' は '247 West 43rd Street' より覚えやすい。
02 · 読む
カスタムドメインについて、設定する前に押さえておきたいことです。
ポイントまとめ
- ドメインはレジストラから買う（ Namecheap 、 Google Domains 、 Cloudflare ）
- DNS を設定してドメインをホスティング先に向ける
- HTTPS 証明書はホスティング先が自動で処理
- これは任意 —— 学習やポートフォリオの用途なら .onrender.com の URL で十分です
03 · ステップ解説
カスタムドメインの仕組み。ここを押さえると、 web まわりで初心者が抱きがちな疑問のほとんどが解けます。
1. ドメインを買う
レジストラを選び（ Namecheap や Cloudflare が人気）、空いている名前を検索します。 .com 、 .dev 、 .io などの一般的な拡張子は年 $10 〜 $15 程度。数百ドルかかるプレミアムドメインは不要です。
2. ドメインを Render に追加
Render の管理画面で Settings → Custom Domain に進み、ドメイン名を入力します。 Render が次のステップで使う宛先アドレスを教えてくれます。
3. DNS を設定
レジストラ側で CNAME レコードを追加し、ドメインを Render の URL に向けます。 CNAME レコードは転送のようなもの —— 「 myapp.com にアクセスが来たら、 my-app.onrender.com に案内して」とインターネットに伝えます。
4. DNS の伝播を待つ
DNS 変更は世界中に行き渡るのに最大 48 時間かかることがありますが、ふつうは数分です。すぐに動かなくても焦らず、 1 時間後にもう一度試してみてください。ドメインが繋がれば、 Render は HTTPS を自動で設定します。
04 · 空欄補充
カスタムドメインを app に向けるには、 DNS に _____ レコードを作成します。
05 · クイズ
DNS の役割は？
- ウェブサイトのファイルをホスティングする
- ハッキングから守る
- ドメイン名をサーバーアドレスに翻訳する
- ウェブサイトを高速化する
⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。
※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。