onfocus https://blog.hatena.ne.jp/onfocus/ シナプス技術者ブログ https://tech.synapse.jp/ 技術 生成AI デザイン React TailwindCSS shadcn/ui MCP こんにちは。サービス開発課の今門です。 自社のWebアプリケーション開発において、「AIを活用してより効率的な開発手法を確立したい」と考えている方が多いのではないでしょうか。というより、ほとんどの方がそのように考え、AIを使った開発手法へのシフトを検討したり、実際に導入し始めていると思います。 シナプスでも、AIを使った開発手法にシフトしており、Vibe Coding でLPを作成したり、前回ご紹介したとおりFigmaのMCPサーバーを利用したりと試行錯誤を繰り返しています。今回はその取り組みの一環として、React + TailwindCSS v4 + shadcn/ui の構成に 「sha… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.synapse.jp%2Fentry%2F2026%2F04%2F17%2F100000" title="shadcn/ui MCP導入で変わるWebアプリ開発体験 - シナプス技術者ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/o/onfocus/20260416/20260416185314.png Hatena Blog https://hatena.blog 2026-04-17 10:00:00 rich https://tech.synapse.jp/entry/2026/04/17/100000 1.0 100%