
こんにちは。CAMPWILLです。
このたび、当社のホームページ(campwill.me)を、これまで使っていた「STUDIO」というサービスから、別の仕組みへまるごと作り直しました。
見た目もURLも、載っている内容もこれまで通り。表からは何も変わって見えませんが、裏側の「作り方」だけをそっくり入れ替えています。この記事では、なぜ作り直したのか、どう考えて決めたのか、そして実際にやってみて大変だったことまでを、できるだけかみくだいて書き残しておきます。
きっかけは「自動で更新できない」だった
そもそものはじまりは、ホームページの更新作業を AI(Claude Code)に任せたいと思ったことでした。お知らせやブログの追加・修正を、人が画面をポチポチ操作するのではなく、AIに指示するだけで済ませたい。そう考えたのです。
ところが、ここで壁にぶつかりました。これまで使っていた STUDIO は、外部の仕組み(AIなど)から記事を自動で書き込むことができない作りになっていたのです。更新は人が画面で操作するしかありません。
そこで、「どうすればAIに更新を任せられるか」をいったんゼロから考え直すことにしました。
いくつかの方法を比べてみた
ホームページの作り方には、いくつかの選択肢があります。それぞれを並べて比べてみました。
| くらべるところ | STUDIOを続ける(上位プラン) | WordPress | 今回えらんだ方式 |
|---|---|---|---|
| 月の費用 | 約1万円 | 数百〜数千円 | ほぼ0円 |
| AIで自動更新 | しにくい | できる | いちばんやりやすい |
| 記事ごとのページ | 作れる(上位プランが必要) | 作れる | 作れる |
| サーバーの管理・保守 | 不要 | 必要(手間が大きい) | 不要 |
| 専門知識なしで編集 | かんたん | できる | 専門知識が必要 |
ここでわかったのは、STUDIO で記事ごとのページを増やしながら自動更新もしようとすると、月額が約1万円の上位プランが必要になる、ということでした。今までの料金(月1,190円)のおよそ8倍、年間にすると約12万円の固定費です。
決め手は「更新するのは社内の担当者だけ」
最後の判断は、意外とシンプルでした。
ホームページを更新するのが社内の担当者(しかも詳しい人)だけなら、「だれでも画面でかんたんに編集できる」ことに高いお金を払う意味は薄い。
STUDIO や WordPress の一番の良さは「専門知識がない人でも画面操作で更新できる」点です。でも当社の場合、ホームページを触るのは社内の担当者ひとり。だとすると、その手軽さのために月1万円を払う理由はありませんでした。
- WordPress … よく使われていて機能は十分ですが、安全に保つための更新作業やバックアップが常について回り、担当者ひとりで回すには手間が重すぎる
- 今回えらんだ方式 … 記事を「かんたんな書き方のテキスト」として用意し、AIにそれを書いてもらって自動で公開する。いちばん安く、いちばんAIと相性がよい
こうして、ページをあらかじめ全部「完成形」で作り置きしておく方式(専門的には静的サイトと呼びます)に決めました。
どんな仕組みにしたか
ざっくり言うと、こういう流れです。
- AIにお願いして、記事の文章を用意してもらう
- それを保存して送る(ここまでがほぼ全部)
- あとは公開サービスが自動でホームページに反映する
人がやるのは「AIに指示する」だけ。サーバーの管理も、毎回のログインも要りません。しかも、使っている公開サービス(Render)は無料の範囲でまかなえています。お問い合わせフォームも、Googleの無料の仕組みを使って、自動返信まで動くようにしました。
やってみて大変だったこと
「見た目はそのままで中身だけ引っ越す」というのは、単純なコピーでは終わりませんでした。いくつか印象に残ったものを、かみくだいて紹介します。
古い記事が隠れていた
ブログの一覧をうつそうとしたら、最初は12件しか見つかりませんでした。ところがよく見ると「もっと見る」ボタンがあり、その先に古い記事が6件眠っていたのです。あやうく過去記事が消えるところでした。ホームページが持っている「全ページの住所一覧」を手がかりに、漏れなく全部(18件)を拾い直しました。
画像の置き方が独特だった
STUDIO は記事の画像を、ふつうとは少し違う方法でページに置いていました。そのため最初は画像がうまく引っ越せず、「あれ、画像が消えた?」と慌てる場面も。置き方の違いを見つけて、ひとつずつ取り込み直しました。
画質が落ちていた画像があった
採用ページの組織図が、なぜかぼやけて見えました。調べると、引っ越しの際にとても軽い(=粗い)画像を拾ってしまっていたのが原因。同じ図のきれいな版を見つけて差し替えたら、くっきり表示されるようになりました。
お問い合わせフォームがうまく送れなかった
最初、テスト送信がどうしてもうまくいきませんでした。原因は設定のちょっとした行き違い。そこを直したら、無事に送信できるように。今は、送信した方への自動返信メールと、社内への通知メールが自動で届くようになっています。
費用は「月1,190円 → 0円」に
| 項目 | 使ったもの | 費用 |
|---|---|---|
| ホームページの土台 | (無料のしくみ) | 0円 |
| 公開・配信 | Render | 0円 |
| お問い合わせフォーム | Google のしくみ | 0円 |
これまで STUDIO に毎月1,190円を払っていましたが、それがまるごと無くなり、年間でおよそ1万4千円の節約になりました。もし STUDIO のまま上位プラン(月約1万円)に上げていたら、と考えると、その差は歴然です。
やってよかったこと
- ホームページの住所(URL)をそのまま保てた ので、検索結果や、他サイトからのリンクを失わずに済んだ
- 本物のサイトに影響を出さず、こっそり準備・確認できた(公開前は検索結果に出さない設定にして並行で用意)
- 更新が速くて、しかも無料。文章を用意して送れば、数十秒でホームページに反映される
まとめ
「専門知識なしで作れるサービス」は、立ち上げが速く、最初の一歩としては本当に優秀です。一方で、ホームページが育って「費用と自由度をもっと最適化したい」段階になり、しかも更新を自分たち(やAI)で回せるなら、今回のような作り直しは十分に検討の価値があります。
今回の作り直しは、見た目には何も変わっていません。でも裏側では、更新のしやすさも費用も、ぐっと自分たちの手の届く範囲になりました。
小さくても、自分たちでコントロールできる状態をつくる。ホームページひとつとっても、私たちが大切にしている考え方が出たプロジェクトでした。
(余談)この記事自体も、新しくなったホームページの仕組みを使って書いて、そのまま公開しています。