Cr.タートルのブログ便利帳

Cr.タートルが運営するブログで得た便利なテクニックやシステムの設定方法のご紹介

はてなブログとお名前.comで独自ドメインの設定方法をわかりやすく解説

f:id:turtletoushi:20210920115142p:plain


こんにちは🐢です。

 

今回ははてなブログ独自ドメインを設定したのでその流れをご紹介します。

 

🏁Goal🏁

今回の作業でやりたいことはブログのURLをhttps://turtletoushi.hatenablog.jpからhttps://turtletoushi.comに変更したいです。

 

全体の流れ

全体は2ステップです。

  1. お名前.comでDNSの設定(はてなとの連携設定)
  2. はてなブログドメイン名の設定

それぞれ順に説明していきます。

 

お名前.comでの設定

🐢はドメインはお名前.comで取得を取得しています。(はてなでも独自ドメインを取れるみたいなのでその場合はもっと設定は簡単だと思います)

お名前.comでドメインを取った理由は3つあります。

  1. その当時ははてなに移行するか決めていなかった。
  2. お名前.comで1年間ドメインが1円だった(2年目からは1000円ちょっと)
  3. お名前.comが国内ではなんだかんだ言って一番メジャー

 

 

では早速設定していきます。

 

🔘最初にお名前.comにログインしてネームサーバーの設定→ドメインDNS設定に進みます。

 

お名前.comのログインIDとかなんだっけ?って感じでしたがメールを探したら出てきました💦無くさないように気をつけましょう。

 

f:id:turtletoushi:20210919065817p:plain


🔘DNS設定で設定する対象のドメインを選択して次へをクリックします。

f:id:turtletoushi:20210919065852p:plain

 

🔘次の画面でこのDNSレコード設定を利用するの「設定する」をクリックします。

f:id:turtletoushi:20210919065945p:plain

 

🔘するとこのような画面が出てくるので画像にある通りに入力します。

 

ホスト名は空白

TypeはA

VALUEは13-230-115-161

f:id:turtletoushi:20210919070154p:plain

🔘これは何をしているかというと、turtletoushi.comにアクセスした時に「はてなブログ(13.23.115.161)」(のDNSサーバー)にアクセスしてくださいっていう設定をしています。

 

もしhttps://turtletoushi.comじゃなくてhttps://www.turtletoushi.comで設定したい場合は下のようにホスト名にwwwを入力します。

f:id:turtletoushi:20210919070225p:plain

 

🔘同様にもう一つ同じように13-115-18-61も設定します。これも同じ設定ですが、もし最初の13-23-115-161にアクセスできなかった場合の予備です。

f:id:turtletoushi:20210919070320p:plain

 

🔘また🐢は2つのブログを運営していますが、その場合の2つ目はサブドメインというものを使っていて、https://blog.turtletoushi.comにアクセスした場合は別のブログへアクセスさせています。この場合はCNAMEというものを設定することで簡単に実現できます。

はてなでは有料だと最大10個のブログを設定できるのでサブドメインを増やすならこの設定を何個も追加していきます。

f:id:turtletoushi:20210919071017p:plain

 

🔘あとは画面の指示に従って保存します。

f:id:turtletoushi:20210919071146p:plain


🔘保存したら最終的に再度DNS設定画面にアクセスすると下のように設定が追加できていることがわかります。

 

f:id:turtletoushi:20210919071129p:plain

 

はてなブログ側での設定

次にはてなブログ側の設定をしていきます。

 

🔘こちらの設定は簡単で、ブログの設定→詳細設定へ進みます。

f:id:turtletoushi:20210919063125p:plain

 

🔘そこでドメイン設定にドメインを入力します。(サブドメインの場合はサブドメインを入力)

f:id:turtletoushi:20210919071221p:plain

 

🔘ついでにブログのトップページの設定を一覧形式に変更しておきましょう。

f:id:turtletoushi:20210919071532p:plain

 

🔘また次のチェックボックスをチェックするとはてなが出す広告を非表示にできます。

f:id:turtletoushi:20210919072043p:plain

🔘ここまで設定して保存して https://turtletoushi.com へアクセスしてみました❗️

見事に成功🎉㊗️🥳

 

下のようにトップページが一覧表示にできているようですし、広告も消えてドメインでもアクセスできてようやく様になってきましたね❗️

 

この瞬間はけっこう感動します🥺

 

それにしてもこの辺りをサーバー構築からAWSとかでやると更に色々な知識やセキュリティ対策などもっと大変ですよね💦いつも思いますがはてなブログ様さまさま🙇‍♂️です。

 

f:id:turtletoushi:20210919072210p:plain

 

さいごに

ここまで読んでいただきありがとうございます。

Twitterでも人生が豊かになる情報を発信していますので是非交流しましょう❗️

 

twitter.com

 

終わり