← inaro.devAI駆動開発 学習ツール

独自ドメインとDNS

なぜ学ぶか: your-app.vercel.appでも動きますが、自分のドメイン(例: learn.inaro.dev)で公開してこそプロダクトらしくなります。ドメインとDNSは一見難しいですが、実態は「名前と住所の電話帳」。仕組みのイメージと、1つのドメインでアプリを量産するサブドメイン運用を知ります。

ドメイン=インターネット上の名前

example.comのような、人間が覚えられる名前。レジストラ(Cloudflare等)で年額で買います。

DNS=名前を住所に変換する電話帳

「learn.inaro.devはどのサーバー?」に答える仕組み。設定とは「電話帳に行を書き足す」作業だとイメージすれば怖くありません。

設定の反映には時間がかかることがある

DNSの変更が世界中の電話帳に行き渡るまで、数分〜数時間かかります。すぐつながらなくても壊れたと慌てず、まず待ちましょう。

サブドメイン=ドメインの間貸し

inaro.devを持っていれば、learn.inaro.dev・tools.inaro.devを追加費用なしで無数に作れます。アプリ量産と相性のよい構成です。

HTTPSは自動でついてくる

Vercelにドメインをつなぐと、通信を暗号化する証明書(ブラウザの鍵マーク)も自動で発行・更新されます。自分で用意する必要はありません。

AIへの相談のしかた

「Cloudflareでlearn.inaro.devをVercelに向ける手順」のように具体的に聞くと、正確に返ってきます。

構成例

サブドメイン運用の構成例(inaro.dev の場合)

inaro.dev              → 親サイト
├── learn.inaro.dev    → この学習アプリ
├── tools.inaro.dev    → 別のミニアプリ
└── blog.inaro.dev     → ブログ

DNS 設定(例: learn を Vercel に向ける)
  種類:  CNAME
  名前:  learn
  値:    cname.vercel-dns.com

1つのドメインでアプリを量産できるのがサブドメイン運用の魅力。このlearnアプリもinaro.devファミリーの一員として同じ構成を想定しています。

ステップ 1 / 2

※ カリキュラムの内容はAIが生成しており、誤りが含まれる場合があります。正確な情報は公式ドキュメント等でご確認ください。