https://ottan.jp/tags/netlify/ Recent content in Netlify on OTTAN.JP Hugo ja Thu, 23 Apr 2026 00:00:00 +0900 https://ottan.jp/posts/2020/04/netlify-discord-integration-202004/ Thu, 30 Apr 2020 00:00:00 +0000 https://ottan.jp/posts/2020/04/netlify-discord-integration-202004/ <blockquote> <p><strong>🔁 2026年リライト版</strong> この記事は2020年4月に公開した「NetlifyのDeploy結果をDiscordへ通知する」を、Netlify の現行管理UI（2025年版）と Discord のウェブフック URL 形式に合わせて全面書き換えしたものです。</p> </blockquote> <h2 id="2020年からの主な変化点">2020年からの主な変化点</h2> <ul> <li><strong>Netlify UI</strong> が刷新。「Deploy notifications」の場所が <strong>Site configuration → Build &amp; deploy → Deploy notifications</strong> に整理された</li> <li><strong>Discord Webhook URL に <code>/slack</code> サフィックスを付ける方法</strong> は今も健在（Slack 互換ペイロードの解釈）</li> <li><strong>Netlify の Slack / Discord / Webhook 通知タイプ</strong> がドロップダウンから直接選べるように</li> <li><strong>Pull Request Deploy Preview / Branch Deploy</strong> の通知が細かく分けられるようになった</li> <li>Netlify 以外のホスティング（Vercel / Cloudflare Pages）でも同様の手順が使える</li> </ul> <h2 id="手順">手順</h2> <h3 id="1-discord-でウェブフックを作成">1. Discord でウェブフックを作成</h3> <ol> <li>通知したいチャンネル → <strong>歯車 → 連携サービス → ウェブフック → 新しいウェブフック</strong></li> <li><strong>ウェブフックURL</strong> をコピー</li> </ol> <div class="highlight"><pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-text" data-lang="text"><span style="display:flex;"><span>https://discord.com/api/webhooks/&lt;id&gt;/&lt;token&gt; </span></span></code></pre></div><h3 id="2-url-末尾に-slack-を付与">2. URL 末尾に <code>/slack</code> を付与</h3> <p>Netlify の Slack integration は <strong>Slack 形式のペイロード</strong> を送信します。Discord はこの Slack 互換ペイロードを URL サフィックス <code>/slack</code> で受け取れます。</p>