← Still Building Notes
非エンジニアABC 2026-05-22

【非エンジニアABC #1】Cloudflare で 30 分。ゼロから、世界に自分のサイトを出してみる

お金もドメインもクレジットカードもゼロ。Cloudflareの無料サブドメインを使えば、30分で自分のホームページを世界に公開できる。非エンジニアの最初の一歩を、いっしょに踏み出してみる回。

#Cloudflare#非エンジニア#バイブコーディング

このノートは Still Building Notes のシリーズ「非エンジニアABC」の第1回です。


いきなり結論

お金ゼロ・クレジットカード不要・独自ドメインなし。

これだけの状態から、たった30分で、自分のホームページを世界に公開できます。

仕掛けは Cloudflare の無料サブドメイン(*.pages.dev)。今日のノートでは、何も持っていない人が、この30分の旅に出るための完全フローを書きました。

なぜこの30分が大事か

「いつかホームページを作ってみたい」と思っている人の多くは、最初の一歩で詰まります。

分からないことだらけ。だから後回しになる。

でも、その手前にあるのは、たった30分の体験だけです。

「自分の名前のついた URL が世界に出る」感動を、まずは無料で味わってみる。これが大事だと思っています。

用意するもの

必要 不要
✅ Cloudflare アカウント(無料) ❌ クレジットカード
✅ HTML ファイル1つ(5行でOK) ❌ 独自ドメイン
✅ インターネット接続 ❌ サーバー契約

ステップ1:Cloudflare にアカウントを作る(5分)

ブラウザで https://dash.cloudflare.com/sign-up を開きます。

メールアドレスとパスワードだけで登録できます。確認メールが届くので、リンクをクリック。

クレジットカードは聞かれません。一切聞かれません。

ステップ2:HTML ファイルを1つ作る(5分)

メモ帳でも何でもいいので、次の内容を index.html という名前で保存します。

<!DOCTYPE html>
<html>
<head><title>Hello World</title></head>
<body>
  <h1>こんにちは、世界。</h1>
  <p>これが私の最初のホームページです。</p>
</body>
</html>

これだけ。たった7行で、立派なホームページの形になっています。

ステップ3:Cloudflare Pages にアップロード(10分)

  1. Cloudflare ダッシュボードを開く
  2. 左メニューから Pages を選択
  3. Create a projectUpload assets
  4. プロジェクト名を入れる(例:my-first-site
  5. さっき作った index.html を含むフォルダをドラッグ&ドロップ
  6. Deploy をクリック

30秒くらい待つと、URL が表示されます。

ステップ4:完成(10分の余裕時間)

次のような URL が発行されます:

https://my-first-site.pages.dev

開いてみてください。「こんにちは、世界。」が表示されたら、あなたのホームページが世界中からアクセス可能な状態になっています。

あなたが無料で手にしたもの

これ、ちょっと前までは月数万円かけて契約していた機能のセットです。それが、ぜんぶ無料。

次のステップ

このノートで体験したのは「無料サブドメイン」。

独自ドメイン(例:yourname.com)に進化させるのは年1500円ほど。次回のABC で、その話をします。

今日のひとこと

「私もホームページを持つ人になった」

今日、その小さな勝利を感じてもらえれば、このノートは役目を果たしました。

非エンジニアでも、ここまで来れます。

Still Building.