tabelog_tech_blog https://blog.hatena.ne.jp/tabelog_tech_blog/ Tabelog Tech Blog https://tech-blog.tabelog.com/ AI活用 Webフロントエンド プロダクト開発 こんにちは！食べログノートチームの荒川です。 弊社では現在Devin、Claude Code、CursorといったAIツールの活用により、エンジニアの開発作業は変化しています。しかし、単に「○○の画面を作って」というプロンプトだけで、思い通りのプロダクションレベルのコードを得るのは依然として困難です。 本記事では、昨年度私が担当した、食べログの店舗管理画面のSPページ刷新プロジェクトにおいて、これらのAIツールを活用してフロントエンドの実装とテストに取り組んだ際の成果と見えてきた課題を共有します。 新しい店舗管理画面SPページ プロンプトから生成する画面の精度の課題 これまで、部分的にAIを使… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-blog.tabelog.com%2Fentry%2Fdocument-to-ai-knowledge" title="ドキュメントをAIのナレッジに変える：Confluence × Figma MCP server でフロントエンド開発を加速した話 - Tabelog Tech Blog" 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/t/tabelog_tech_blog/20260401/20260401110635.png Hatena Blog https://hatena.blog 2026-04-01 11:11:09 rich https://tech-blog.tabelog.com/entry/document-to-ai-knowledge 1.0 100%