AI Coding未経験者でもWebサイトが作れた:Astro + Cloudflare Pagesでブログ構築

なぜブログを作ろうと思ったか

AI Codingツールを検証する過程で、「実際にものを作ってみないと本当の評価はできない」と感じました。そこで、このブログ自体をAI Codingツールで作ることにしました。

技術選定

AI Codingツールに相談しながら、以下の構成に決めました:

  • フレームワーク: Astro(静的サイト生成に最適)
  • スタイリング: Tailwind CSS
  • ホスティング: Cloudflare Pages(無料枠あり)
  • 記事管理: Markdown

実際の開発フロー

  1. AIに「こういうブログを作りたい」と要件を伝える
  2. 生成されたコードを実行 → エラーが出る
  3. エラー内容をAIに貼り付けて修正してもらう
  4. デプロイ手順もAIに教えてもらう

このサイクルを繰り返すことで、コーディング知識ゼロからでも3日でサイトが完成しました。

つまずいたポイント

  • パッケージのバージョン互換性でエラー
  • Tailwindの最新構文がAIに正しく認識されないケース
  • Cloudflare Pagesの設定ミス

学んだこと

AI Codingツールは「魔法の杖」ではなく、「優秀なペアプロ相手」です。最終的な判断と責任は人間にあることを忘れてはいけません。

それでも、未経験者が3日でブログを立ち上げられたという事実は驚きでした。