shiftB
instagramyoutube
運営会社プライバシーポリシー特定商取引法に基づく表記JavaScript学習サイト JS Gym
お問い合わせ
©2025 bubekichi inc.

🚀 初心者向けガイド:VercelのDeploy Hooksとは?

0
XThreads
受講生ブログ

🚀 初心者向けガイド:VercelのDeploy Hooksとは?

icon
さかした

🚀 初心者向けガイド:VercelのDeploy Hooksとは?

公開: 2025年09月13日

学習振り返り
要約
  • VercelのDeploy Hooksは特定のURLにリクエストを送ることで自動デプロイを実行する仕組みです。
  • 特定のブランチや外部サービスの完了時にデプロイするために便利で、任意のタイミングでデプロイを発火できます。
  • 使用方法は、Hookの作成、URLの保存、リクエスト送信の3ステップで、CI/CDやCMSと連携可能です。
音声で記事を再生
0:00

1. Deploy Hooksってなに?

Vercelの Deploy Hooks(デプロイフック) は、
特定のURLにリクエストを送るだけで自動的にデプロイが走る仕組み です。

例えばこんな場面で便利です:

  • GitHub Actions などCI/CDから「ブランチ更新時に自動デプロイ」

  • 外部サービスから「処理が終わったらサイトを再デプロイ」

  • 手動で curl して「強制的に最新をデプロイ」


2. どうして便利なの?

通常は「GitHubにpushしたらVercelが自動デプロイ」ですが、

  • 特定のブランチだけデプロイしたい

  • 外部システムが完了したらデプロイしたい

  • 本番・ステージングを分けたい

といったニーズがあります。Deploy Hookを使うと、任意のタイミングで確実にデプロイを発火できるようになります。


3. 使い方ステップ

ステップ1: Hookを作成

  1. Vercelダッシュボードでプロジェクトを開く

  2. Settings → Git → Deploy Hooks

  3. 「Create Hook」をクリックして、対象ブランチを選択
    → Hook URLが発行される

ステップ2: URLを保存

  • 発行されたURLは秘密情報なのでGitHub Secretsなどに保存

ステップ3: リクエスト送信でデプロイ

curl -X POST "https://api.vercel.com/v1/integrations/deploy/prj_xxx..."

これだけで指定ブランチの最新状態がデプロイされます。


4. よくある活用例

  • GitHub Actionsとの連携

    jobs:
      deploy:
        runs-on: ubuntu-latest
        steps:
          - name: Call Vercel Deploy Hook
            run: curl -X POST ${{ secrets.VERCEL_DEPLOY_HOOK_URL }}
    
  • CMSと連携
    Headless CMS(例:ContentfulやmicroCMS)の更新後にHookを叩いて、最新記事を自動反映。

  • 手動での強制デプロイ
    ローカルから curl して即リビルド。


5. 注意点

  • Hook URLは知っている人なら誰でも叩けるので漏洩注意

  • キャッシュを無効にしたい場合は、ダッシュボードやCLIで「Redeploy without cache」を選ぶ


まとめ

  • Deploy Hooksは「URLを叩くだけでデプロイできる仕組み」

  • 外部サービスやCI/CDと組み合わせると超便利

  • 運用の幅が広がり、好きなタイミングで最新を反映できる

0

シェア!

XThreads
ShiftB Logo
icon
さかした
おじさんでも学べる!をモットーに。 以前はRuby(約4年)、今は React / Next.js を中心に、学習中。個人開発を中心にして、スキルアップを目指しています。
プロフィールを見る
Loading...
記事一覧に戻る
ShiftB Logo
XThreads
0

関連記事

まだ関連記事がありません

最新記事

転職して1か月の振り返り

icon
tomoe

【12章】オリジナルアプリ制作の振り返り

icon
三嶋雅幸

AIで理解を作る学び方⭐️ わからない単語だらけでも前に進むための思考フロー

user
吉本茜

12章 オリジナルアプリ制作を終えて (WEBアプリ開発のコツを掴みかけたような気がする)

icon
青栁幸助

【1章】事前準備の振り返り

user
大西晴空

【2章】Webアプリケーション概要の振り返り

user
大西晴空