月147円の運営費で面談予約機能付きホームページ構築

「サイトを作ったはいいが、毎月の維持費が高い」「機能を1つ足すだけで数十万円かかる」—— 中小企業のホームページでよく聞く悩みです。

私は10年間のITエンジニア経験で、

• 実際に使うと業務に合わなかったり、操作が複雑だったりして使いづらい
• 月額のサーバー代や外部ツール費用が想定より高額
• バージョンアップに手が回らずセキュリティリスク放置
• 少しの機能追加や見た目の変更で数十万円の費用がかかる

といった、作った後の運用で課題があるシステムをいくつも見てきました。

AIでそれなりに見た目の整った、ある程度使えるシステムを作るのは簡単です。しかし、コスト・セキュリティ・メンテナンスといった運用も見据えたシステムを作るにはITエンジニアの知識が必要です。

はたらクラフトの事業開始にあたり、こうした“作った後の課題”を解決する形で自社サイトを構築しました。

面談予約・AI記事作成支援を備えた自社サイトの機能一覧

本サイトの主な機能は次のとおりです。

• 無料30分診断の予約
• 実績・お役立ち情報記事のAIによる作成支援

無料30分診断の日時は管理者のGoogleカレンダーと連携

無料30分診断の日時は管理者のGoogleカレンダーと連携しています。

• 予約が入ったらGoogleカレンダーも更新
• Googleカレンダーに予定が入っている日時は無料30分診断の画面で枠が埋まる

上記のようにすることで、管理者用の予定管理画面は必要ありません。

管理者がふだん使っているGoogleカレンダーで予定を一元管理できます。個人的な予定をGoogleカレンダーに登録すれば、予定が重複することはありません。

実績・お役立ち情報記事のAI作成支援

実績・お役立ち情報ページの記事は以下の流れで、1記事30分で作成しています。

1. 論理や文章構造は意識せず、思いつくままに書きたい内容を音声入力
2. AIが音声入力内容・Web検索で調べた関連情報および既存記事をもとに記事構成を提案
3. 構成を管理者がレビュー・改善後、AIが記事執筆
4. 執筆内容を管理者がレビュー・改善後、AIが記事の画像を作成・挿入
5. AIが記事をWeb公開（公開前に管理者が最終確認）

上記の記事作成は、手順書や資料をまとめてAIに繰り返し実行させるエージェントスキルにしています。

AIに任せきりではなく、公開前の最終確認は必ず人が行っています。

レビュー内容はAIに学習させ、より高品質な記事を作成できるよう改善し続けています。

Cloudflareに集約し月費用をドメイン代のみにおさえる構成

Cloudflare（クラウドフレア）は、Webサイトの公開に必要なサーバーやデータの保存、分析ツールなどをまとめて提供するサービスです。

複数サービスを個別契約せずにCloudflareに集約することで、費用と管理の手間をおさえています。

項目	月額費用	用途	無料枠
Workers	0円	サイトとAPI（外部システムと情報をやり取りする窓口）の配信	画像などの静的ファイルは無制限、APIは1日10万回まで
D1	0円	問い合わせ・予約・記事などのデータ保存	5GB、読取1日500万行・書込1日10万行まで
Durable Objects	0円	同じ日時への予約が重なることを防止	1日10万回の処理など
R2	0円	問い合わせ・無料30分診断の添付ファイルを保存	10GB、読取月1,000万回・書込月100万回まで
Turnstile	0円	問い合わせ・予約フォームの迷惑送信対策	無料プラン
Web Analytics	0円	サイトの閲覧状況を計測	無料
Access	0円	管理画面を関係者だけに制限	50人まで
Registrar	147円	hataracraft.com ドメイン取得	対象外（年1,760円）
合計	147円

月額の147円はドメイン代（年1,760円）を月割りにした金額で、それ以外は無料枠におさまっています。

アクセス数やデータ量が大きく増えれば有料枠が必要になる場合もありますが、多くの中小企業・個人サイトの規模であれば、月々の運営費をドメイン代だけにおさえられます。

ツールのバージョンとリンク切れを週1回自動チェック

Webサイトはたくさんのツールを組み合わせて構築します。これらのツールは日々メンテナンスされ、新しいバージョンがリリースされます。

ツールは適切にバージョンアップをしなければ古くなり、セキュリティの弱点になったり、性能が悪いまま使うことになったりしかねません。

本サイトのツールは週1回自動チェックされ、新しいバージョンがあれば更新・テストが行われます。その後、管理者が更新・テスト内容を確認したうえで本番環境に適用する流れです。

週1回のツールチェック時にサイト内のリンク切れも自動チェックされます。

AIによるサイト改修を支える自動検査とルール整備

本サイトはAIが一定の品質で作業できるように、コードを自動で検査する仕組みと、判断の基準になる資料を整備しています。

コードを自動で検査する仕組み

コードには、間違いや問題のある書き方を見つけるlinter（リンター）、書式を統一するformatter（フォーマッター）を導入しています。

コードの変更時や本番反映前にはCI（変更内容を自動で検査する仕組み）が動き、デザイン崩れや不具合がないかなどを確認します。AIが作成したコードも同じ検査を通し、問題があれば修正後に反映されます。

AIが守るルールと作業手順

使う技術、コードの書き方、確認方法、公開手順をあらかじめ資料にまとめているため、AIに依頼するたびに同じ説明を繰り返す必要がありません。

色や文字、余白といった見た目のルールも明文化しているので、AIが改修しても既存のデザインが崩れません。

AIの性能を高めるため、資料やルールは情報を重複させないSSoTを守って整理しています。

事業内容と読者を理解するための資料

事業内容や想定するお客様像も資料にまとめているため、AIが記事やサービス紹介文を作るとき、一般的な情報の寄せ集めではなく、はたらクラフトのお客様に合った内容を選んで書けます。

自動検査と判断基準を整えることで、AIの作業スピードを活かしながら、成果物の品質を保つ運用にしています。最終的な内容は人が確認し、確認結果は必要に応じてルールや手順へ反映されます。

成果：月費用147円、AI運用前提のサイトを5日で構築

• システムをCloudflareに集約し、費用は年間1,760円、月換算で147円
• AIによる記事作成やサイト改修を前提に、自動検査の仕組みと、AIが参照するルールや資料を整備
• 利用ツールの更新やリンク切れを週1回自動で確認し、人の最終確認をはさんで継続的に改善される自社サイトを作業日数5日で構築

このサイトは自社用に構築したものですが、月コストをふまえたサービス選定やAI前提の運用は、お客様の案件でも同じように使えます。