<p data-line="0" class="code-line">こんにちは！React Tokyo サポートメンバーの <strong>nakamura</strong> です。<br>
<a href="https://discord.com/invite/5B9jYpABUy" target="_blank" rel="nofollow noopener noreferrer">React Tokyo の Discord</a> では、React に関する最先端の話題はもちろん、開発現場の悩みや小ネタ、AIについてなど日々活発にシェアされています。</p>
<p data-line="3" class="code-line"><strong>「React Tokyo トレンドレポート」</strong> は、そんなDiscord内の盛り上がりを定期的にお届けする企画。<br>
今回は 2025 年春に急速に注目度が高まった <strong>MCP（Model Context Protocol）サーバー</strong> を扱うスレッド、 <a href="https://discord.com/channels/1313457938962190368/1359752452823318669" target="_blank" rel="nofollow noopener noreferrer">MCPサーバー試されましたか？</a> をレポートします。</p>
<h2 id="mcp%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%A8%E3%81%AF" data-line="7" class="code-line">
<a class="header-anchor-link" href="#mcp%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%81%A8%E3%81%AF" aria-hidden="true"></a> MCPサーバーとは</h2>
<ul data-line="8" class="code-line">
<li data-line="8" class="code-line">
<strong>MCPサーバー</strong> は、大規模言語モデルがファイル・DB・API など外部リソースを安全に操作できるようにする標準 <strong>Model Context Protocol</strong> を実装した “接続ハブ” です。</li>
<li data-line="9" class="code-line">ざっくり言えば、AI が外部データベースや API と安全にやり取りするための “ハブ” となるサーバーです。</li>
</ul>
<h2 id="mcp%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E8%A9%A6%E3%81%95%E3%82%8C%E3%81%BE%E3%81%97%E3%81%9F%E3%81%8B%EF%BC%9F" data-line="11" class="code-line">
<a class="header-anchor-link" href="#mcp%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E8%A9%A6%E3%81%95%E3%82%8C%E3%81%BE%E3%81%97%E3%81%9F%E3%81%8B%EF%BC%9F" aria-hidden="true"></a> MCPサーバー試されましたか？</h2>
<p data-line="12" class="code-line">スレッドでは、既存の MCPサーバーを試すだけでなく、自作に挑戦している方も多数！ その一部を抜粋して紹介します。</p>
<ul data-line="14" class="code-line">
<li data-line="14" class="code-line">デザインシステムから一覧・詳細・デザイントークンを取得できる MCP サーバー</li>
<li data-line="15" class="code-line">Jotai MCPサーバー</li>
<li data-line="16" class="code-line">Baseline MCP Server</li>
</ul>
<p data-line="18" class="code-line">また、MetaよりReact MCP サーバーが開発中であることも、トピックとして上がっていました。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-github"><iframe id="zenn-embedded__4be4d048e04" src="https://embed.zenn.studio/github#zenn-embedded__4be4d048e04" data-content="https%3A%2F%2Fgithub.com%2Ffacebook%2Freact%2Fblob%2F0982ecbf147202cbb95a709497861f2e45bba5ef%2Fcompiler%2Fpackages%2Freact-mcp-server%2Fpackage.json%23L4" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/facebook/react/blob/0982ecbf147202cbb95a709497861f2e45bba5ef/compiler/packages/react-mcp-server/package.json#L4" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/facebook/react/blob/0982ecbf147202cbb95a709497861f2e45bba5ef/compiler/packages/react-mcp-server/package.json#L4</a></p>
<h3 id="%E3%82%B9%E3%83%AC%E3%83%83%E3%83%89%E3%81%A7%E8%A9%B1%E9%A1%8C%E3%81%AB%E4%B8%8A%E3%81%A3%E3%81%9F%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E3%80%81%E3%81%84%E3%81%8F%E3%81%A4%E3%81%8B%E3%83%94%E3%83%83%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E3%81%97%E3%81%A6%E3%81%94%E7%B4%B9%E4%BB%8B%E3%81%97%E3%81%BE%E3%81%99%E3%80%82" data-line="22" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B9%E3%83%AC%E3%83%83%E3%83%89%E3%81%A7%E8%A9%B1%E9%A1%8C%E3%81%AB%E4%B8%8A%E3%81%A3%E3%81%9F%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E3%80%81%E3%81%84%E3%81%8F%E3%81%A4%E3%81%8B%E3%83%94%E3%83%83%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97%E3%81%97%E3%81%A6%E3%81%94%E7%B4%B9%E4%BB%8B%E3%81%97%E3%81%BE%E3%81%99%E3%80%82" aria-hidden="true"></a> スレッドで話題に上ったリンクを、いくつかピックアップしてご紹介します。</h3>
<p data-line="23" class="code-line">世界中のMCPサーバーを検索できるようです。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__14b5a22ab1bc7" src="https://embed.zenn.studio/card#zenn-embedded__14b5a22ab1bc7" data-content="https%3A%2F%2Fmcp.so%2F%3Fq%3Dbaseline" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://mcp.so/?q=baseline" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://mcp.so/?q=baseline</a><br style="display:none">
<br><br>
MCPサーバーについてわかりやすく紹介してくれています。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__7df3e44545731" src="https://embed.zenn.studio/card#zenn-embedded__7df3e44545731" data-content="https%3A%2F%2Fzenn.dev%2Ftomo0108%2Farticles%2F6b472b4c9cacfa" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/tomo0108/articles/6b472b4c9cacfa" style="display:none" target="_blank">https://zenn.dev/tomo0108/articles/6b472b4c9cacfa</a><br style="display:none">
<br><br>
MCPを自作したい方はこちらの記事も参考になると思います。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__e886dd03815fa" src="https://embed.zenn.studio/card#zenn-embedded__e886dd03815fa" data-content="https%3A%2F%2Fzenn.dev%2Fsmartround_dev%2Farticles%2F02af1058e9f80f" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/smartround_dev/articles/02af1058e9f80f" style="display:none" target="_blank">https://zenn.dev/smartround_dev/articles/02af1058e9f80f</a><br style="display:none">
<br><br>
Github MCPを使用してレビュー依頼をしてもらうまでを紹介してくれています。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__40bfcfab9578d" src="https://embed.zenn.studio/card#zenn-embedded__40bfcfab9578d" data-content="https%3A%2F%2Fqiita.com%2Fshiminori0612%2Fitems%2Fef68132781937a8b0566" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://qiita.com/shiminori0612/items/ef68132781937a8b0566" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/shiminori0612/items/ef68132781937a8b0566</a></p>
<h3 id="%E3%81%BE%E3%81%A8%E3%82%81" data-line="35" class="code-line">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h3>
<p data-line="37" class="code-line">FigmaMCP や NotionMCP などオフィシャル MCPサーバーも続々とリリースされており、注目度は上昇中。<br>
<strong>2025 年、MCPサーバーは “開発の新常識” になるかもしれません。</strong></p>
<p data-line="40" class="code-line">より深く議論したい方・少しでも気になる方は、ぜひ <strong><a href="https://discord.com/channels/1313457938962190368/1359752452823318669" target="_blank" rel="nofollow noopener noreferrer">「MCPサーバー試されましたか？」</a></strong> スレッドへご参加ください！</p>
<h2 id="%E7%B5%82%E3%82%8F%E3%82%8A%E3%81%AB" data-line="42" class="code-line">
<a class="header-anchor-link" href="#%E7%B5%82%E3%82%8F%E3%82%8A%E3%81%AB" aria-hidden="true"></a> 終わりに</h2>
<p data-line="44" class="code-line">React についてもっと語り合いたい方は、ぜひ <a href="https://discord.com/invite/5B9jYpABUy" target="_blank" rel="nofollow noopener noreferrer">React Tokyo の Discord サーバー</a> へ！<br>
今回紹介した以外にも多彩なトピックが盛りだくさんです。初心者からエキスパート、エンジニア以外の職種の方まで、どなたでも大歓迎です！</p>
<p data-line="47" class="code-line">最後までお読みいただき、ありがとうございました！</p>
<p data-line="49" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__4d2005ca3286d" src="https://embed.zenn.studio/card#zenn-embedded__4d2005ca3286d" data-content="https%3A%2F%2Freact-tokyo.vercel.app%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://react-tokyo.vercel.app/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://react-tokyo.vercel.app/</a></p>


React Tokyo トレンドレポート #7 : MCPサーバー試されましたか？

スレッドで話題に上ったリンクを、いくつかピックアップしてご紹介します。

Discussion