id: B-20(誌面表示: B-20) · 物理ページ: 64–65(pages=2) · category: service · figure_type: structure · status: ready · evaluation_date: 2026-04-29
tagline 54/25-45 ↑9何を 87/60-200どこで 81/60-200会話例 42/25-50見1 32/15-40見2 28/15-40見3 32/15-40見4 28/15-40見5 33/15-40見6 28/15-50
← B-19 Claude Cowork 目次 B-21 Netlify →
サービス
64

Vercel

バーセル
Git(ギット)に push するだけで Web サイトが公開される、フロントエンド特化のホスティングサービスです。
体験区分:少しだけ触った 推奨読者レベル:Level 2-3

何をしてくれるか

Git リポジトリに push すると自動でビルド・デプロイし、Preview URL を発行します。Next.js の開発元が運営するためフロントエンド向け設定が最初から整っています。

どこで出会うか

AI に「Web アプリを作って」と頼むと出力に Vercel への公開手順が含まれます。GitHub 連携で本番 URL が数十秒で出るので試作品の社外共有でも名前が出ます。

イメージ
開発フローでの位置
コード編集
Git push
Preview 確認
本番リリース
2026.04·ready
「PR ごとに Preview URL が出るので、デザイナーにもすぐ確認してもらえます。」
Vercelの見方
65
この用語の見どころ
1
役割

push をトリガーにビルド・デプロイ・URL 発行を自動化します。

2
うれしさ

設定なしで Next.js が動き、URL が即日もらえます。

3
注意点

フロントエンド特化のため、バックエンド処理は別途用意が必要です。

4
どこで役立つか

試作品の外部共有や、PR ごとの確認 URL 配布に便利です。

5
はじめに

push で URL が出る流れとプレビュー・本番の 2 段階を押さえます。

6
深掘り先

Next.js、CI/CD、デプロイ、v0(ブイゼロ)。

非エンジニアのつまずき
  • Pro に上げたら無料分が消えた感覚で、課金の境目が分かりづらいです。
  • Hobby は個人限定で商用は Pro(月 20 ドル〜)必須。
  • ビルドが増えると毎月溶けます。
私のコメント
  • 第一印象:Web アプリ作成で Next.js のデプロイ先として真っ先に勧められます。
  • 良い点:環境変数を入れれば外部サービス連携も完結します。
  • ダメな点:Pro 以上の従量課金が高くつき、ビルドだけで月の予算が溶けがちです。
  • 誰向けか:自分の Web アプリを公開してみたいバイブコーディング中級者向けです。
関連用語
備考

料金プラン(Hobby 無料 / Pro / Enterprise)は時変情報です。

参考 https://vercel.com checked 2026-04-29
B-20·service
バイブコーディング図鑑