初めてのドメイン購入を機に日常ブログを移行🚚

最近初めてドメインを購入してみた！というのも以前から独自ドメインを使って個人サイトを運営したいなと思い，そのためにドメインを買おうか迷っていたが，この度やっと重み腰を上げて購入することにした！

加えて，広告で流れてきたので，夜中のテンションでつい買っちゃったw

なので，せっかくドメインを購入したので，個人ブログの日常を綴る内容をこれを機に移行しようと考えている．ただ，今も使ってる テックブログの masatakashiwagi.github.io/portfolio/ は引き続き技術系の内容を中心に書いていく予定だ．

お名前.com でドメインを購入

お名前.com が簡単に購入できそうだったので，こちらを利用した．丁度 .com のドメインを無料で購入できるタイミングだったので，今回は無料のドメインにしました．ただこれは初期費用が0円で，1年後の更新費用は1,400円程度かかるみたい．

ドメイン料金一覧を見てると，.red, .green みたいな色のドメインがあったり，.fitness みたいな変わったものまで色々あり眺めてて楽しかった．

今回購入したドメインは，masatakashiwagi.com で，やっと自分の独自ドメインを個人ウェブサイトに登録できるようになった！

ウェブサイトの引っ越しを考えてる理由

今までは Hugo を使って運用していて，これも慣れれば使い勝手は良くシンプルなウェブサイトを作れる．なので，このまま使うことも考えてドメインの設定を GitHub Pages でしようしたところ，上手く設定できずで，それならいっそのこと新しく作り直すかーという流れになった．

※ GitHub Pages でのホスティングが上手くいかなかったのはおそらく，アカウント名.github.io というリポジトリでないと無理で，アカウント名.github.io/portfolio などのサブディレクトリでやろうとすると独自ドメインの設定ができないっぽい気がしている...もしやり方知ってる人居れば教えて欲しい🙏

Astro & Vercel でホスティングを始めた

簡単にブログをデプロイできるホスティング先として，Vercel は前から知っていたので，そのページを眺めていたら，Astro starter templates and themes というブログテンプレートを発見したので，そこから AstroPaper というデザインを選んだ．ページに行くと，Vercel で簡単にデプロイする方法が載ってるので，手順に従えばというかボタン1つでデプロイできた笑．無料で使えて独自ドメインも設定できるのでオススメだ！

コードは GitHub で管理することになるが，コードを修正してコミットしたら，Vercel 上でビルド→デプロイと走るので，めっちゃ楽に修正した結果が反映されたページを確認することができる．

もちろん記事を書いたりしている時や，レイアウトを修正している時は，ローカルでプレビューしながら開発することができる．

今回は初めて独自ドメインを購入して，新しい個人ウェブサイトに登録したブログを書いた．

• ドメイン購入：お名前.com
• ブログテーマ：AstroPaper
• ホスティング：Vercel

で始めていく．

ちなみに，最初は Tailwind Nextjs Starter Blog という Nextjs と Tailwind CSS を使って構築されたものを使おうとしたが，上手く Twitter, Speaker Deck の埋め込みが作れなかったりしたので，諦めた😅

React, TypeScript ら辺を勉強して使いこなせたら良いなと思ったが，また別の機会にチャレンジしようと思う！