お名前.comで取得した独自ドメインのサブドメインをAmplify Consoleで割り当てる

# お名前.comで取得した独自ドメインのサブドメインをAmplify Consoleで割り当てる

この記事は[サーバーレスWebアプリ Mosaic](https://mosaic.w2or3w.com "Mosaic")を開発して得た知見を振り返り定着させるための[ハンズオン記事](https://qiita.com/w2or3w/items/87b57dfdbcf218de91e2)の1つです。

以下を見てからこの記事をみるといい感じです。
* [AWS Amplify Consoleでビルド＆デプロイ](https://qiita.com/w2or3w/items/da1134fa3a14660dcc54)

## はじめに
Amplify Consoleを利用すれば、amplifyapp.comのサブドメインでサイトを公開することは簡単にできました。このままでも問題ないのですが、いつかは自分のドメインを取ってそこで公開したいですよね。
ここでは、「お名前.com」でドメインを取得し、そのサブドメインをAWSでホストするサイトに割り当てる、という事をしたいと思います。

## コンテンツ
### お名前.comでドメインを取得
まずはドメインを取得しましょう。ここでは「w2or3w.work」というドメインを取得しました。
![ink (6).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394775/9380c738-8099-42f6-c62e-320a22aebe05.png)
.workなら1円/最初の1年です。「Whois情報公開代行メール転送オプション」を付けて¥301でした。

### Route 53でホストゾーンの作成
AWSコンソール > Route 53 > ホストゾーン
ホストゾーンの作成ボタンを押下。
ドメイン名 : sub.w2or3w.work (作成するサブドメイン)
タイプ : パブリックホストゾーン
![ink (7).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394775/b832f0b6-22fc-7175-ec7b-9dc4b7f1cfc4.png)
作成ボタンを押下します。
![ink (8).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394775/2fe9daf3-65ef-959d-edcc-3813c38fb8fc.png)

サブドメインのホストゾーンを作成すると、NS(ネームサーバ)レコードが自動的に4つ作成されていますので、このNSレコードをsub.w2or3w.workのネームサーバとしてお名前.comにDNS委任登録します。

### お名前.comでDNS設定
お名前.com Navi > ドメイン設定 > DNS設定/転送設定
取得したドメインを選択して「次へ」ボタン押下。
![ink (11).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394775/17aeffde-08c5-6280-9ebc-22c41d659a58.png)

「DNSレコード設定を利用する」の「設定する」ボタン押下。
![ink (9).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394775/95d434eb-319a-1a38-e7fb-5023ad354713.png)

Route 53でサブドメインのホストゾーンを作成した際に、自動的に4つ作成されていたNSレコードを追加してゆきます。
![ink (10).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394775/d8d478df-8b19-4d37-f519-3229341d3f9e.png)

「DNSレコード設定用ネームサーバー変更確認」チェックがONになっていることを確認し、「確認画面へ進む」ボタンを押下。
![Screenshot 2020-01-17 at 22.57.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394775/3f62fdf6-a6ae-9969-d762-1ede67ee120c.png)
内容を確認し、設定してください。

### Amplify Consoleでドメイン割り当て
AWSコンソール > Amplify コンソール > 目的のアプリ > アプリ設定 > ドメイン管理
右上にある「カスタムドメインの追加」ボタンを押下。
![Screenshot 2020-01-17 at 23.07.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394775/8607ce7a-fb17-9d9a-2332-0cafea85605f.png)

Route 53に作成したサブドメインを選択して「ドメインの検索」ボタン押下。そして保存ボタンを押下してください。
![Screenshot 2020-01-17 at 23.08.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394775/b8fd1e17-f601-97a7-942f-aecc2b9646ac.png)

カスタムドメインのセットアップが実施されます。
![Screenshot 2020-01-17 at 23.10.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394775/9f5f6f3e-e15c-aafd-6bbb-6f83c4b05242.png)

しばらく時間がかかります。場合によっては小一時間。
オールグリーンになれば完了です。
![Screenshot 2020-01-18 at 09.17.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/394775/09660280-6c26-a6d4-f225-fcc52dd99f13.png)

https://sub.w2or3w.work
ここに、デプロイしたWebアプリが表示されるようになりました

## あとがき
独自ドメインは年単位で契約しますが、更新を忘れないように注意しましょう。
もし更新を忘れると、「中古ドメイン」として売り出されて、あっというまに他の人の持ち物になってしまいます。
有名なサイトだけの話でしょ？って思うかもしれませんが、この中古ドメインって意外とニーズがあるみたいで、大したサイトじゃなくても売れてしまうようです。

かくいう私も(自分語りが始まりますが、、)経験があります。
大学4年の頃、つまり2004年くらいから数年、アフィリエイトしてた時期がありまして。
ロリポップでサーバー借りて、ムームードメインで独自ドメイン取って、A8やGoogleアドセンスなどの広告張って。
1番イケてる時で、3ヶ月おきにA8から5,000円振り込まれる、くらいの感じだったので全然お小遣いにもならないレベルでしたが、、。ネットで楽々金稼ぎ！在宅ワークで稼ぐ！こんなようなまさにアフィサイトを、1つの独自ドメインでサブドメイン3,4個くらい切って。ブログではなくホームページで。被リンク数を増やすために相互リンクし合う文化があって、トップページに似たようなアフィリサイトへのリンクが並んでて。
HTMLやCSSをテキストエディタで、ちょびっとだけJSやPHPも。大学の勉強そっちのけで夜なべして作ってました。

これらのサイトは社会人になってほとんど更新する事もなくなって、でも2年単位で契約更新してそのまま公開し続けてたのですが、いよいよ8年目くらいで更新を忘れてしまったんですね。
そしたらあっという間に乗っ取られてしまいました。
適切な手続きのもと他の誰かの所有物になりましたので、乗っ取られたという表現は間違っているのですが、もともとの保持者の心境としては「乗っ取られた」「奪われた」って感じです。ほんとスミマセンって感じですが。

私が運営していたサイトはクソの役にも立たないアフィサイトでしたので、価値あるものを失ったというわけではないのですが、なんと言いますか、、思い出が。私の若かりし頃のほろ苦い思い出がつまったドメインだったわけです。今思い返せばですけど。

2or3.jp
このドメインの現在の保有者様が、もし万が一この文章をご覧になりましたならば、、よろしければご連絡をいただけないでしょうか。大人の話をしませんか。1万円くらいでどうですか？(安っ