AIと作ったページを、実際のURLで世界に公開できるようになります。LPも診断ツールも会員サイトも、公開のやり方はぜんぶ同じです。一度覚えれば何度でも使えます。
| GitHub | 作ったファイルを預けておく場所です。パソコンが壊れても、ここに残ります |
|---|---|
| Cloudflare | 預けたファイルをURLにして、見えるようにしてくれる係です |
ここは設定でつまずくと半日が飛ぶところです。先に落とし穴だけ渡しておきます。
この4つを先に知っているだけで、詰まる時間が大きく減ります。
手順は、実践編のページにすべてまとまっています。アカウントを作るところから、公開して、直したら勝手に新しくなるところまで、絵を見ながら順番に進められます。
押すボタンの絵だけを見たいときは、画面で見る公開マニュアルもあります。
| 1 | GitHubのアカウントを作る（無料） |
|---|---|
| 2 | Cloudflareのアカウントを作る（無料・ログインは「グーグル」を選ぶ） |
| 3 | 作ったファイルをGitHubに送る（ここはCodexに頼めます） |
| 4 | CloudflareとGitHubをつなぐ（ここだけは自分でブラウザを触ります・1回だけ） |
4まで終われば、次からはCodexにこう言うだけです。ファイルが送られて、公開ページも自動で新しくなります。
GitHubに送ってください。
wrangler でCloudflareに直接送ろうとすることがあります。
それをするとGitHubに履歴が残りません。バックアップにならず、次に直したときにズレます。| アカウント情報が一致しません | CloudflareにGitHubでログインしています。一度戻って「グーグル」を選び直します |
|---|---|
| URLに変な文字が付いた | 名前が他の人とかぶっています。自分の名前を足すなど、世界で1つの名前に変えます |
| 名前を変えたらURLが変わった | そういう仕組みです。人に配ったあとは変えないでください |
| 公開したのに古いまま | ブラウザが古い画面を覚えています。読み込み直すと新しくなります |
お金はかかりません。個人で使う範囲なら、無料のままで足ります。
公開までの流れ（全体図）｜作ったものが世に出るまでを図で見られます
GitHubで一緒にファイルをいじる方法｜チームや講師と同じファイルを触るとき
Cloudflare Pages 手動デプロイマニュアル｜管理画面から自分の手で公開する場合
ワーカーズからページーズへの直し方｜公開先を間違えたときの直し方
上の「画面で見る公開マニュアル」は、Cloudflareの管理画面をひとつずつ押していく手順です。つなぐところで迷ったら、これを見てください。
エラーが出たら、画面に出ている文章をそのまま全部コピーして、下と一緒に貼ってください。
作業中にエラーが出て止まりました。 専門用語をなるべく使わずに、原因と直し方を教えてください。 そのうえで、直す操作を一緒にやってください。 （この下に、画面に出ているエラーの文章を全部貼り付けてください）
それでも進まないときは、オープンチャットにスクショ1枚と「公開のSTEP◯で詰まった」とだけ書いて投げてください。
このテーマを扱うグルコンの録画も、開催後にここに置きます。