Static Hosting

概要

静的ホスティングは、事前にビルドされたファイル（HTML、CSS、JavaScript、画像）をそのまま配信し、リクエストごとにコードを実行するサーバーはありません。サイトを一度ビルドし、生成されたファイルをアップロードすると、ホストがそれを訪問者に届けます。ウェブサイトをオンラインに置く最もシンプルで安価な方法です。

強み

非常に高速 — ファイルが直接、多くの場合はグローバルな CDN から配信される。
安価または無料。多くのホストが寛大な無料枠を持つ。
壊れる要素がほとんどなく、堅牢な信頼性。
大きなトラフィックの急増にも難なくスケールする。
非常に安全 — サーバーサイドコードがないため攻撃面がごく小さい。

トレードオフ

リクエスト時のサーバーロジックがなく、動的な振る舞いは API やクライアントサイドの JavaScript から得る必要がある。
コンテンツの更新には再ビルドと再デプロイが必要。
ユーザーアカウント、データベース、リクエストごとのロジックには単体では適さない。
非常に大きなサイトではビルド時間が増える。
真のリアルタイム機能は外部サービスで付け足す必要がある。

使いどころ

静的ホスティングは、マーケティングサイト、ブログ、ドキュメント、ポートフォリオ、シングルページアプリのフロントエンドに最適です。少しの動的な振る舞いが必要なときは、サーバーレス関数やサードパーティ API と組み合わせましょう。

バイブコーディングとの相性

これは AI 主導のプロジェクトにとって最も入りやすい着地点です。デプロイはたいてい「git ブランチにプッシュするだけ」です。エージェントは静的サイトジェネレーター（Astro、Hugo、Next.js のエクスポート）をスキャフォールドし、ビルドコマンドを配線し、コミットごとに自動デプロイされるようホストを設定できます。ヒント: git リポジトリからの継続的デプロイをセットアップするようエージェントに依頼すれば、手動アップロードを一切せずに済みます。コミットするだけで、公開サイトが自分自身を更新します。Cloudflare Pages、Netlify、GitHub Pages などのホストはすべてこれをサポートしています。

# netlify.toml — static site build config
[build]
  command = "npm run build"
  publish = "dist"

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

# Deploy from the command line
npx netlify deploy --prod --dir=dist