本文へスキップ

Web・LP制作

AIで作ったページを、サーバーを借りずに公開する

このサイト kurashiki-ai.com の公開の仕方です。AIでページを作ったあと公開の手前で止まる人が多いので、その先の道をつなぎました。

サイト公開のイメージ(ファイルがクラウドへ上がる)

最初の問い

AIに頼めば、店のホームページはそれなりの形で返ってきます。ただ、そのファイルは自分のパソコンの中にあるだけです。

サーバー、ドメイン、月額いくら。僕も最初はここで手が止まりました。

問いは「作ったページを、お金をかけずに、あとから自分で直せる形で公開するには」です。

考えた順番

  1. 公開するとは何かを分ける

    作ったファイルを、誰でも見られる場所に置くことです。

  2. 置き場所の役割を2つに分ける

    ファイルを保管する棚(GitHub)と、そこから世界中に配る係(Cloudflare Pages)です。

  3. これまでのやり方と比べる

    レンタルサーバーは月額がかかり、ファイルの送り方も暗号化の設定も別です。この組み合わせなら、どちらも無料の範囲に収まります。

  4. 更新の流れまで決める

    直したファイルを上げ直すと、公開ページが自動で入れ替わる形にしました。

AIに任せたところ

  • ページの構成、コピー、写真の置き方(店の雰囲気と載せたい内容を伝えて作らせました)
  • 作ったファイル一式を GitHub に上げる作業

人が決めたところ

  • ページに何を載せるか、どんな雰囲気にするか
  • 公開の仕組みにどのサービスを使うか
  • Cloudflare の画面での公開設定と、GitHub へのアクセス許可

分かったこと・次に使える形

一度この道がつながると、あとは直して上げるだけです。電話番号が変わった、今月のキャンペーンを載せたい、といった更新も同じ手順で済みます。

サーバー代は月額0円です。個人のサイトや店のページなら、無料の範囲で収まっています。

ページ以外にも、作ったツールやイベントの案内ページを同じ方法で公開しています。LP制作をお受けしたときも、基本はこの形で公開します。

使った道具

Claude Code/GitHub/Cloudflare Pages

noteで全文を読む ↗(新しいタブで開きます)

自社の業務にどう使えるかを相談できます

御社の業務を伺って、どこから始めるかをお答えします。相談はオンラインでできます。

AI活用の相談を申し込む

入力1分