Netlifyとは？
Netlifyは、フロントエンド開発者に最も人気のあるホスティングプラットフォームです。
「Push your ideas to the web」をキャッチフレーズに、GitHubリポジトリと連携するだけで自動デプロイが可能。Meta、Autodesk、Figma、Stack Overflowなど、世界中の企業が採用しています。
2025年9月からクレジットベースの新料金体系に移行し、Starterプランは月300クレジットまで完全無料。フォーム処理、サーバーレス関数、AI Gatewayなど、Vercelにはない独自機能が充実しています。
Netlifyの6つの特徴
1. Deploy Previews - チームレビューを効率化
Netlifyの最大の特徴がDeploy Previewsです。
プルリクエストごとに共有可能なプレビューURLを自動生成。チームメンバーやクライアントが本番環境にデプロイする前に変更内容を確認できます。
- プルリクエストごとに一意のプレビューURL
- リアルタイムでコードとコンテンツの変更を確認
- Bolt、Cursor、GitHubなど、どこからでもデプロイ可能
- 無料プランでも利用可能
2. Netlify Forms - バックエンド不要のフォーム処理
HTMLフォームを自動検出・処理するNetlify Forms。バックエンド開発なしでお問い合わせフォームを実装できます。
<form name="contact" method="POST" data-netlify="true">
<input type="text" name="name" />
<input type="email" name="email" />
<button type="submit">送信</button>
</form>data-netlify="true"を追加するだけで、フォーム送信がNetlifyダッシュボードに記録されます。通知設定も可能です。
3. Netlify Functions - サーバーレスAPI
サーバーレス関数で動的な処理を実装できます。
- メール送信
- 外部API連携
- Webhook処理
- 決済処理
Background Functions（長時間処理）やScheduled Functions（定期実行）にも対応。Edge Functionsでエッジでの高速処理も可能です。
4. AI Gateway - 30以上のAIモデルを一元管理
2026年の目玉機能がAI Gatewayです。
OpenAI、Anthropic、Googleの主要AIモデルをAPIキー設定不要で利用可能。Netlifyが認証情報を自動注入するため、SDKをそのまま使えます。
対応モデル（2026年2月時点）:
- OpenAI: GPT-5.1、GPT-4o、GPT-image-1.5
- Anthropic: Claude Opus 4.5、Claude Sonnet
- Google: Gemini 3 Pro Preview、Gemini 3 Flash Preview
AI Gatewayのメリット:
- 自動キー管理 - 設定不要でAIモデルにアクセス
- 一元請求 - AI使用量がNetlify請求書に統合
- レート制限 - 予期せぬコスト増加を防止
- キャッシュ機能 - 同じリクエストの再利用でコスト削減
5. Image CDN - オンデマンド画像最適化
画像を自動的に最適化・変換するImage CDN。
- WebP/AVIF自動変換
- リサイズ・クロップ
- 遅延読み込み対応
- グローバルCDN配信
URLパラメータで画像変換を指定できるため、複数サイズの画像を事前生成する必要がありません。
6. Agent Runners - AIでコード修正
2025年10月に発表されたAgent Runners。
Netlifyダッシュボードから自然言語でAIエージェントに指示を出し、コードの修正・更新・デプロイが可能です。プロジェクト固有のコンテキストを理解した上で作業を行います。
料金プラン詳細
Netlifyは2025年9月からクレジットベースの料金体系を採用しています。
Starter（無料）
| 項目 | 内容 |
|---|---|
| 料金 | $0 |
| 帯域幅 | 100GB/月 |
| ビルド時間 | 300分/月 |
| Functions | 125,000回/月 |
| Edge Functions | 100万回/月 |
| ストレージ | 10GB |
特徴:
- クレジットカード不要
- 無制限の静的サイトデプロイ
- Deploy Previews
- Netlify Forms
- DDoS保護
- ハードリミットで超過課金なし
Personal（$9/月）
ソロ開発者やオープンソースプロジェクト向け。
| 項目 | 内容 |
|---|---|
| 料金 | $9/月 |
| クレジット | 月500クレジット |
| ビルド同時実行 | 1 |
AIワークフローを使う個人開発者に最適です。
Pro（$20/メンバー/月）
| 項目 | 内容 |
|---|---|
| 料金 | $20/メンバー/月 |
| クレジット | 月3,000クレジット/チーム |
| ビルド同時実行 | 3 |
追加機能:
- Background Functions
- レビュアー無制限（無料）
- ブランチサブドメイン
- ドメインリダイレクト
- 強化SSL証明書
Enterprise（要問い合わせ）
大規模組織向けのエンタープライズプラン。
含まれる機能:
- SSO/SCIM
- 監査ログ
- SOC 2認証
- HIPAA対応
- 99.99% SLA
- 24/7/365専任サポート
- WAF管理ルール
クレジット制とは？
Netlifyのクレジット制は使用量に応じたシンプルな課金体系です。
| 操作 | 消費クレジット |
|---|---|
| 本番デプロイ | 15クレジット |
| 帯域幅 | 10クレジット/GB |
| リクエスト | 3クレジット/1万件 |
| フォーム送信 | 1クレジット/件 |
Starterプランの月300クレジットは、約20回のデプロイ相当です。
使い方（GitHubリポジトリ連携〜デプロイ）
STEP 1: Netlifyアカウント作成
- Netlify公式サイトにアクセス
- 「Sign up」をクリック
- GitHub/GitLab/Bitbucket/メールで登録
STEP 2: リポジトリ連携
- ダッシュボードで「Add new site」→「Import an existing project」
- GitHubを選択し、リポジトリを選ぶ
- ビルドコマンドと公開ディレクトリを設定
主要フレームワークの設定例:
| フレームワーク | ビルドコマンド | 公開ディレクトリ |
|---|---|---|
| Next.js | npm run build | .next |
| Astro | npm run build | dist |
| Nuxt | npm run generate | .output/public |
| Gatsby | npm run build | public |
| React (CRA) | npm run build | build |
| Vue | npm run build | dist |
STEP 3: 自動デプロイ設定
連携完了後、GitHubにプッシュするだけで自動デプロイが開始されます。
mainブランチ → 本番環境- プルリクエスト → Deploy Preview
STEP 4: カスタムドメイン設定
- 「Domain settings」→「Add custom domain」
- ドメインを入力
- DNS設定を更新（Aレコード or CNAMEレコード）
- SSL証明書が自動発行
エンジニアにおすすめの理由
1. CI/CD込みで追加設定不要
GitHub Actionsなどの外部CIを設定する必要がありません。リポジトリを連携するだけで、ビルド・テスト・デプロイのパイプラインが完成します。
2. Deploy Previewsでレビュー効率化
プルリクエストごとにプレビューURLが発行されるため、コードレビューと同時にUIレビューが可能。非エンジニアのチームメンバーにも確認してもらえます。
3. AI Gateway でAI開発が簡単
APIキー管理の煩雑さから解放されます。OPENAI_API_KEYやANTHROPIC_API_KEYを環境変数に設定する必要がなく、Netlifyが自動で認証を処理します。
4. Formsでバックエンド開発削減
お問い合わせフォームや申し込みフォームを、HTMLだけで実装できます。静的サイトでも動的なフォーム機能を追加可能。
5. 豊富なフレームワーク対応
Astro、Next.js、Nuxt、Gatsby、React、Vue、Svelte、さらにはWordPressやSitecoreまで対応。ほぼすべてのモダンフレームワークをそのままデプロイできます。
メリット・デメリット
メリット
- Deploy Previewsで変更ごとにプレビューURL自動生成
- Netlify Formsでバックエンド不要のフォーム処理
- AI Gatewayで30以上のAIモデル一元管理（設定不要）
- Image CDNでオンデマンド画像最適化
- クレジット制で柔軟な料金体系
- Starterプランは超過課金なし（ハードリミット）
デメリット
- クレジット制は使用量の把握が必要
- Starterプランは月300クレジット上限
- Next.jsの最適化はVercel（開発元）が優位
- サーバーサイドレンダリングの一部機能に制限あり
Vercelとの比較
| 項目 | Netlify | Vercel |
|---|---|---|
| 無料枠 | 300クレジット/月 | 100GB帯域/月 |
| フォーム処理 | Netlify Forms（組込） | 別サービス必要 |
| AI Gateway | 30+モデル一元管理 | なし |
| Next.js最適化 | 標準対応 | 最高（開発元） |
| Image最適化 | Image CDN | Vercel Image Optimization |
| 超過課金 | Starterは超過なし | 超過課金あり |
選び方の目安:
- Netlifyがおすすめ: フォーム機能が必要、AI開発、Jamstackサイト
- Vercelがおすすめ: Next.jsメイン、SSR重視、エッジ関数活用
始め方
1. 無料アカウント作成
Netlify公式サイトでGitHubアカウントを連携。クレジットカード不要で始められます。
2. 最初のサイトをデプロイ
- 「Add new site」→「Import an existing project」
- GitHubリポジトリを選択
- ビルド設定を確認して「Deploy」
3. Deploy Previewを体験
プルリクエストを作成すると、自動でプレビューURLが発行されます。チームでの開発効率が劇的に向上します。
4. Netlify Formsを試す
HTMLフォームにdata-netlify="true"を追加してデプロイ。ダッシュボードでフォーム送信を確認できます。
よくある質問（FAQ）
Q. Vercelとどちらを選ぶべき？
Next.jsメインならVercel、フォーム機能やAI Gatewayが必要ならNetlifyがおすすめです。両方無料枠があるので、実際に試して比較するのが確実です。
Q. クレジット制で料金が読めない？
Starterプランはハードリミットで超過課金が発生しません。月300クレジットを超えるとサイトが停止するのではなく、翌月まで新規デプロイができなくなるだけです。
Q. Netlify Formsの料金は？
フォーム送信1件=1クレジット。Starterプランの月300クレジットに含まれます。お問い合わせフォーム程度なら十分な量です。
Q. AI Gatewayの追加料金は？
AI Gatewayの利用料金はNetlify請求書に統合されます。AIモデル自体の使用量に応じた従量課金ですが、レート制限で予期せぬ高額請求を防げます。
Q. 独自ドメインは使える？
無料プランでもカスタムドメインを設定できます。SSL証明書も自動発行されます。有料プランではブランチサブドメインやドメインリダイレクトも利用可能。
まとめ
Netlifyは、フロントエンド開発者の生産性を最大化するホスティングプラットフォームです。
Netlifyの魅力まとめ
- Deploy PreviewsでプルリクエストごとにプレビューURL自動生成
- Netlify Formsでバックエンド不要のフォーム処理
- AI Gatewayで30以上のAIモデルを設定不要で利用
- クレジットベース料金で柔軟かつ透明性のある課金
- Starterプラン無料でクレジットカード不要、超過課金なし
- 豊富なフレームワーク対応でAstro、Next.js、Nuxtなど即デプロイ
Jamstackサイト、マーケティングサイト、AIアプリ開発など、フロントエンド主体のプロジェクトに最適です。
まずは無料のStarterプランで、Deploy PreviewsとNetlify Formsを体験してみてください。
※本記事の情報は2026年2月時点のNetlify公式サイトに基づいています。最新の料金・機能は公式サイトでご確認ください。