<p>Vercelを使うなら設定すべきIntegrationを紹介します。</p>
<h2>Vercelとは？</h2>
<p><a href="https://vercel.com/">Vercel</a>は高パフォーマンスのWebサイトを簡単に構築できるプラットフォームです。
超簡単に無料で使えるのが特長です。<a href="/posts/tech-vercel-blog">こちら</a>の記事を参考にしてください。</p>
<h2>Integrationとは？</h2>
<p>Vercelと他サービスと連携させる機能です。今回はVercelを使い始めるにあたってまず設定しておくべきIntegrationを紹介します。</p>
<p>*記事作成時点(2021/5)ではbeta版です。今後機能が変更される可能性があります。</p>
<h2>1. Deploy Summary</h2>
<p><a href="https://vercel.com/integrations/deploy-summary">Deploy Summary</a>をAddすると、
PR・MRに自動的に情報を記述してくれます。</p>
<p>デプロイ詳細へのリンクと、Preveiwへのリンクが表示されました。
変更部分のスクリーンショットも添付されるらしいのですが、私の場合は表示されませんでした。beta版なのでご愛嬌！</p>
<p><img src="/assets/blog/tech/vercel/integration-reccomendation/deployment-view.webp" alt="Deploy Summary"></p>
<h2>2. Slack</h2>
<p><a href="https://vercel.com/integrations/slack">Slack</a>をAddすると、
VercelでのイベントをSlackに通知してくれます。</p>
<p><img src="/assets/blog/tech/vercel/integration-reccomendation/slack-view.webp" alt="Slack"></p>
<h2>3. Lighthouse</h2>
<p><a href="https://vercel.com/integrations/lighthouse">Lighthouse</a>をAddすると、
簡単にLightHouseの結果を確認することができます。各プレビューをクリックすると詳細を確認できます。</p>
<p><img src="/assets/blog/tech/vercel/integration-reccomendation/lighthouse-view.webp" alt="Lighthouse"></p>
<h2>まとめ</h2>
<p>今後もIntegrationできるサービスは増えていくので、記事更新していきます！</p>


HOME

Vercelで設定すべきIntegration3選

Vercelとは？

Integrationとは？

1. Deploy Summary

2. Slack

3. Lighthouse

まとめ