DAY 1:ドメインを取ってブログを立ち上げてみた


このブログを今日立ち上げた。何をやって、いくら使って、どこで詰まったか、そのまま書く。

今日の数字

項目
ドメイン代$10.46(約1,620円)/年
所要時間約6時間
書いたコード約2,000行(Astroの雛形を含めると約9,000行/ほぼClaude Codeが書いた)
コミット数11
外部からのアクセス0(まだ本番公開前)

時系列

1. 動機を整理した

暇だからClaudeCodeで面白いことをやりたくなった。 アナリティクスを分析したら面白そうってことで ブログに決定。 AIと壁打ちしてサイト設計。

コーディングと各種ツールの導入はAIが半自動でやってくれた。 待ち時間は家事したりストレッチやら読書やら。

テーマは、今まさにやっていること自体にした。 ClaudeCodeでやってる、全部。

2. ドメインを取った

yaduru.com をCloudflareで取得。年額 約1,620円、1日あたり4円ちょっと。 趣味だと考えればじゅうぶん安い。

「ドメイン1つあれば、サブドメインはいくらでも作れる」のを後から知った。blog.yaduru.com のような拡張は、あとからでも追加できる。

3. ブログ本体を作った

  • フレームワーク:Astro
  • ホスティング:Cloudflare Pages
  • リポジトリ:GitHub(Private)

Claude Codeに指示を出しながら、1時間ほどで雛形が動いた。テンプレートが動くところまでは速い。

4. デザインを決めた

  • 背景:薄グレー
  • アクセント:濃紺
  • フォント:Noto Sans JP(ゴシック体)

デザインへのこだわりは、ないからテキトーに。 正直フォントとかまるでわからん。

形が違うのはわかるけどだから何って感じ。

5. トップページに実況ステータスを置いた

4つのカード:

  • 運営日数(今日:1日)
  • 連続更新日数(今日:0日)
  • 記事数(この記事で1)
  • 累計PV(未計測)

ゲームっぽいし数値の変動を見るとゲーム脳がうずいてモチベになる。

下にGitHub風の更新カレンダー。更新した日は濃紺のマスが埋まる。 視覚的にログを残すとこれまたモチベになるんだとさ。 いつかどっかの本で読んだ。

6. 自己紹介ページを書いた

プロフィール、運営方針、敗退履歴、運営体制、目標、面白いの定義。

敗退履歴は、過去の副業撤退を6件そのまま載せた。せどりで赤字10万円、Twitch配信で暴言を吐いて撤退、など。 次の素材として。

7. プライバシーポリシーとクッキーバナーを置いた

解析ツールを入れるならセット。 プライバシーポリシーはAIに書かせてそのまま採用。

クッキーバナーは「拒否」を選ぶとGA4やClarityが読み込まれない仕組み。 最初は同意してくれる人だけ計測される。

8. アクセス解析を5つ仕込んだ

  • Cloudflare Web Analytics(常時作動)
  • Google Analytics 4(同意後)
  • Microsoft Clarity(同意後)
  • Google Search Console(検索)
  • Bing Webmaster Tools(検索)

数字を眺める時間が始まる。

9. 命名にいつも悩む

命名も苦手。 結局、AIに候補をださせた。 壁打ちで自分が口にした「試し切り」を採用。 悪くないかな。

10. 次にやること

  • 独自ドメインの接続と本番公開