生成AIと土曜に作って日曜に公開。運用費はドメイン代の年1,500円だけのWebサイト
はじめに
はじめまして、若林諒です
大分の IT 企業に2007年に入社して、会社員エンジニアとして20年目、今年42歳になりました
今年の6月からは、本業を続けながら副業のフリーランスエンジニアとしての活動も始めました
これまで技術記事は Qiita（https://qiita.com/RyoWakabayashi）に会社の一員として書いてきましたが、今回は個人事業主としての活動なので、はじめて note に分けて書くことにしました
最初のテーマは、10月の最初の週末（10月3日〜4日）に作ったこのサイトです
大分県内のイベント情報を集めて、日付順にぎゅっと並べたサイトです
土曜の朝に「作ろう」と思い立って、日曜の朝には公開していました
しかも、運用にかかっているお金はドメイン代だけです
この記事は5回の連載の1回目です
1回目（この記事）: 生成AIと1日で作って公開するまで、と費用の話
番外編（10月22日 公開）: PHP の脆弱性と、静的サイトにしている理由（https://note.com/elixir_livebook/n/n809633ccbedd）
2回目（10月24日 公開予定）: 毎朝 AI が更新案を出してくる、運用の仕組み
3回目（10月27日 公開予定）: AI に読まれるサイトの作り方（SEO・AEO）
4回目（10月29日 公開予定）: 検索とアクセスの週次レポートを AI に作らせる
5回目（10月31日 公開予定）: SNS の投稿も AI が毎朝下書きする
連載の記事は、マガジン「おおいたイベントの作り方」（https://note.com/elixir_livebook/m/m7da88d840ec8）にまとめています
火・木・土の夜に公開します。文中の数字は、2026年10月10日時点のものです
この記事の結論
生成AI（Claude Code）と一緒に、企画から公開まで約24時間で Web サイトを作った
最初にやったのは、コードではなく企画書。何を作るか、何をしないかを先に文書にした
静的サイトにしたので、運用費はドメイン代の年約10ドル（1,500円くらい）だけ
コードはすべて AI が書き、私は1行も書いていない。決めるのは人で、休日の合間に指示を出し、確かめてマージするだけだった
なぜ作ったのか
自分のサイトで SEO・AEO を語れるようにしたかった
最近、生成AIの導入支援の流れで「検索対策ってどうすればいいの？」「AI に紹介してもらうには？」という相談を受けることが増えてきました
でも、正直に言うと
自分が運営しているサイトを持っていなかった
んです
人のサイトに「こうすると良いですよ」と言いながら、自分のデータで語れない
これはちょっと気持ち悪いので、本当に人に見てもらう価値のあるサイトを、自分で運営する実験場として作ることにしました
大分のイベント情報が散らばっている
大分のイベント情報は、県や市町村、観光協会、商工団体、申込サービス、個人の SNS に散らばっています
「今週末、子どもとどこか行けるところある？」
と思っても、何か所も見て回らないと分からない
特に「まちの勉強会」のような小さなイベントは、自治体や観光協会のページにも載っていないことがほとんどです
小さな主催者ほど告知の手段が少なくて、良いイベントでも人が集まらない
なので、散らばった情報を集めて、読みやすく並べて、主催者の申込ページへそのまま送り出すサイトにしました
広告も有料掲載もなし、会員登録もなしです
土曜の朝に始めて、日曜の朝に公開した
実際の流れは、Git の記録がそのまま残っています
土曜の11時前に企画書を書き始めて、お昼には最小版が動き、夕方にはデザインとマスコット、夜には SNS 用のカード画像まで
日曜の朝、県内各地のイベントを載せて公開しました
と書くと、丸1日パソコンに張り付いていたように見えますが、そうではありません
普通に休日を過ごしながら、ときどき Claude に指示を出していただけです
手を動かすのは AI に任せたので、私は「何を作るか」「これで良いか」という意思決定とディレクションに集中できました
最初にやったのは「コードを書かせる」ではなく「企画書を書かせる」
ここがいちばん伝えたいポイントです
いきなり「イベントサイトを作って」とは頼んでいません
最初の1時間でやったのは、Claude と一緒に
誰のためのサイトか
既存のサイトにない価値は何か
やらないこと（広告・会員登録・申込の代行）
情報源の利用規約（自動で取ってよいサイト、ダメなサイト）
費用の上限と構成
を企画書として文書にすることでした
特に利用規約の確認は大事で、たとえば
規約で自動取得を禁止しているサイトからは集めない
robots.txt を守る
画像は許諾がない限り載せない
といったルールを、コードを書く前に決めています
これを先に決めておくと、AI はそのルールを毎回読んでから作業してくれます
生成AIは、決めたことは守ってくれる。でも、決めていないことは勝手に決めてしまう
なので、人がやるべきは「何を作るか」と「やってはいけないこと」を言葉にすることでした
作るのは AI、決めるのは人
その後の開発も、基本は同じです
「申込ボタンを画面の下に固定したい」「延期になったイベントはカレンダーで旧日程に入らないようにしたい」と伝えると、Claude Code が実装して Pull Request を出してくれます
私はプレビューで見た目を確かめて、マージするかどうかを決めるだけ
1日目だけで20本以上のコミットがありましたが、私が自分で書いたコードは1行もありません
コーディングは、すべて生成AIがやっています
マスコットだけは、人に描いてもらった
そんな中で、ここだけは AI を使っていないのが、マスコットの「ゆんと」です
お願いしたのは
大分をイメージできるように、温泉やかぼすを入れてほしい
イベントが好きな、かわいいキャラクターにしてほしい
ということだけで、デザインから まろころ さんに考えてもらいました
ほっぺはかぼす、腰には温泉マーク、手にはイベントのチラシ
人が描いたからこその「大分らしくて、かわいいマスコット」になったと思っています
コードは全部 AI に任せても、サイトの顔になるところは人にお願いしてよかった、と感じたところです
お金の話：ドメイン代しかかかっていない
お金がかからない理由は、「完成した HTML を配るだけのサイト（静的サイト）」にしたからです
サーバーで動くプログラムがない
データベースもない（イベント情報は1件1ファイルで Git に置いている）
だからサーバー代がかからず、攻撃される場所も少ない
配信は Cloudflare Pages の無料プランで、転送量の上限がありません
Cloudflare は、2024年9月に大分で開かれた勉強会「Cloudflare Meet-up Oita Vol.2」（https://cfm-cts.connpass.com/event/326062/）で触れたことがあったので、配信先は迷わず決められました
（ただし、このあと書くとおり、Pages と Workers は間違えました）
毎朝のビルドや見張りは GitHub Actions の無料枠に収まっています
月にすると、ドメイン代の130円くらいです
正直に書いておくこと
「AI 代は？」と思った方、鋭いです
Claude は、もともと使っている契約の範囲内で動かしているので、このサイトのために追加で払っているお金はありません
ただ、これから同じことをやる人にとっては「AI の契約代」は別にかかる、という点は正直に書いておきます
やらかしたこと：Pages のつもりが Workers で作っていた
もちろん、全部が順調だったわけではありません
Cloudflare には Pages と Workers という似た仕組みがあり、勉強会で触ったことがあるからと油断して、最初に間違えて Workers でプロジェクトを作ってしまいました
Workers で作ると、デプロイのときに Astro の設定が勝手に書き換わり、SNS 用のカード画像を作る処理が動かずにビルドが失敗します
さらに、Pages で作り直したあとも、消し忘れた Worker が PR のたびに失敗のチェックを出し続けるというおまけ付きでした
この顛末は、Claude に頼んで公開手順の文書に残してもらっています
次に同じサイトを作るときは、AI がその文書を読んで、同じ間違いを避けてくれます
生成AIと1日でサイトを作るコツ
やってみて分かったコツをまとめます
最初に企画書を書く。 誰のため、何をしないか、費用の上限、守るルールを文書にする
規約とリスクを先に調べる。 情報源の規約、著作権、個人情報。AI は調べるのも得意
静的サイトにする。 お金も攻撃される場所も減る。AI にも読まれやすい
データは Git に置く。 変更の履歴と承認の仕組みが、そのまま手に入る
つまずいたことは文書に残す。 次からは AI がそれを読んで避けてくれる
よくある質問
Q. プログラミングができなくても作れますか？
画面の見た目や文章を整えるところまでは、かなりの部分を AI に任せられます
ただ、GitHub や Cloudflare の設定、「この変更をマージしてよいか」の判断には、ある程度の知識が必要でした
ここを伴走できる人がいると、ぐっと楽になると思います
Q. 本当にドメイン代以外かかっていないのですか？
サーバー・データベース・配信・自動実行の費用は0円です（2026年10月時点の各サービスの無料枠の範囲）
AI（Claude）は、もともと使っている契約の範囲で動かしています
Q. 使った技術は何ですか？
Astro（静的サイト生成）、Cloudflare Pages（配信）、GitHub Actions（毎朝のビルド）、Pagefind（サイト内検索）、Claude Code（開発）です
まとめ
生成AIと一緒なら、企画から公開まで1日でいける
最初の1時間は、コードではなく企画書に使う
静的サイトにすれば、運用費はドメイン代だけ
作るのは AI、決めるのは人
これは、私が企業の生成AI導入を支援するときに伝えていることと全く同じでした
次回予告
次回（10月24日 土曜の夜に公開予定）は、このサイトの運用の話です
毎朝7時に AI が県内23か所の公式ページを見て回り、新しいイベントを見つけて「更新案」を出してくれます
私がやっているのは、それを確かめて承認するだけ
AI にどこまで任せて、どこから任せないかの線引きも含めて書きます
書いた人
若林 諒（わかばやし りょう）
大分在住のフルスタックエンジニア。2007年に大分の IT 企業に入社し、銀行や自治体のシステム開発から、画像認識 AI、生成AI の社内導入とガイドラインづくりまで経験してきました
大学での講義や社内外の勉強会・登壇は100回以上。JAWS-UG 大分などのコミュニティ運営、CLS別府の運営にも関わっています
2026年6月からは副業の個人事業主として、生成AIの導入支援や、技術顧問として開発・IT まわりの幅広いご相談に応えています
ご相談は、こちらのフォームからお気軽にどうぞ（Google のログインは不要です）
https://forms.gle/AiCE7qSi4uGTqZPb8
おおいたイベント: https://oita-events.com/
