組織全体の技術的負債をAIで可視化するCIの構築 - DMM Developers Blog - DMM Developers Blog
これはなに？ こんにちは、DMM.comのミノ駆動です。 プラットフォーム開発本部コード品質チームにて、 プラットフォームの設計品質向上に取り組んでいます。 このたび、エンジニアリング組織全体の技術的負債をAIにより可視化する仕組みを構築しました。 この記事では、構築の経緯や仕組みを解説します。 これはなに？ 背景 DMMプラットフォームとは 組織全体で増大する技術的負債 負債の分析精度に課題 Modifius（モディフィウス）の開発 Modifius CIの構築 CI化の背景と狙い Modifius CIの全体像 技術スタックと仕組みの裏側 Claude Code Base ActionとModifius MCPの連携 バッチ分割と並列実行 レポートの生成とデプロイ Slack通知 + スプレッドシート連携 + GAS 導入過程で工夫した点 分析結果の繰り返し精度を高める工夫 運用コスト
Claude Codeが刷新した開発現場と、人間に残された仕事
Previous slideNext slideToggle fullscreenOpen presenter view 鹿野 壮 Claude Codeにタスク丸投げおじさん（自称） @tonkotsuboy_com 本日の構成 Claude Codeが刷新した開発現場 手数の増加を支えるClaude Codeの機能 人間に残された仕事 まとめ Claude Codeが刷新した開発現場 リリース数の爆増 開発速度が明らかに向上した 2025年5月頃、Claude Codeを全社導入 Claude Codeの全社導入後、 チーム内のPRリリース数は約3倍に増加 Devin、Cursor等もリリースと同時に導入したが、 比べ物にならない上昇幅 コードが民主化された コードの民主化: 職能を超えた開発が日常に 会社全体では、職能を問わず全員がClaude Codeをはじめとする AIエージェン
spec-workflow-mcpを使ってみたら気に入ったので、紹介する - yasuhisa's blog
背景: LLM Agentと仕様書駆動開発 Kiroの対抗馬 spec-workflow-mcpでの仕様書駆動開発の体験がよかった 導入が簡単 まあまあ固く作られている 仕様のやり取りをするWebサーバーが立ち上がる 仕様書駆動開発の良さを感じられた まとめ 背景: LLM Agentと仕様書駆動開発 LLM Agentが発展してきたものの、完全なバイブコーディングは厳しいことが分かってきた 仕様を満たしていないものが出来上がったり、メンテナンスがしにくい作りになっていることもしばしば そこで、仕様書駆動開発(Spec-driven Development)の考え方をベースにしたKiroが登場した 考え方は今後の時代に非常に合っていそう Kiroで仕様書駆動開発を試したが、体験はよかった Claude CodeはAuto Compact後に色々情報を忘れてしまう問題があるが、仕様書駆動開発
Spindle MCP で変わるデザインシステムの開発 ~ Figma 連携で実現する超高速開発 ~ | CyberAgent Developers Blog
みなさんこんにちは。Amebaデザインシステム「Spindle」テックリードの原 ( @herablog )と AI 活用に詳しい Spindler の柳 ( @pagu0602 ) です。 本記事では2025年5月30日に開催された Spindle SUMMIT 2025 での発表をもとに、AIを活用してデザインシステム開発を劇的に加速させる「Spindle MCP Server」について、その詳細と成果をご紹介します。 さらに、この記事では2025年6月4日に発表された Figma 公式の Dev Mode MCP Server との連携についても触れています。 NOTE: 本記事にはPodcast風のまとめもあります (NotebookLM で作成) 目次 Spindle MCP Server とは Spindle MCP Server の仕組みと実装 Spindle MCP Ser
やさしいClaude Code入門
話題のClaude 4とClaude Codeに入門！（KAGと学ぼう！勉強会） https://www.youtube.com/live/8BPfZKIa51k
FigmaデザインをHTMLコードへ自動変換する方法 - GMOインターネットグループ グループ研究開発本部
1. はじめに こんにちは、次世代システム研究室のT.D.Qです。 デザインとコーディングの間にあるギャップを埋める新しいアプローチとして、FigmaでデザインされたウェブUIを自動的にHTML/CSSコードに変換する方法が注目されています。特に、オープンソースのFigma Context MCP（GLipsが公開）と、Visual Studio Code用AIエージェント拡張のRoo Codeを組み合わせることで、デザインからコーディングへのプロセスを大幅に効率化できます。 本記事では、FigmaでデザインされたウェブUIを、GLipsが提供する「Figma Context MCP」とVisual Studio Code拡張「Roo Code」を用いて、効率的かつ正確にHTML/CSSコードに変換・取り込む方法を解説します。 2. MCPとRoo Codeの概要 2-1. Roo Cod
Playwright MCP を使って、自然言語で E2E テストを実行してみた - Qiita
はじめに Playwright MCP を使って、自然言語から E2E テストを実行できるかどうかを試してみました。今回は、デスクトップ版の Claude を利用して、プロンプトを入力してテストを実行してみます。テスト対象のアプリケーションは、ブラウザベースで操作可能な TODO を管理するサンプルアプリを対象としました。 Playwright MCP の詳細については、公式のドキュメントを確認してください。 実行環境 Claude for Mac: 0.9.1 Claude Pro プラン（Free プランでも制限内で、実行はできます） @playwright/mcp: 0.0.9 テスト対象のサンプルアプリについて テストを実行するサンプルアプリケーションは TODO タスクを CRUD できるようなシンプルな WEB アプリです。以下のような機能があります。 タスクを新規作成、編集、
Playwright MCP を使ってAIにブラウザ操作をさせてみる（GitHub Copilot / Cline 環境構築手順付） - Qiita
はじめに Microsoft が 2025/3/29 に Playwright MCP を発表してから盛り上がっていますね。 「MCP」は「Model Context Protocol」の略です。生成AIにとってのUSBポートのようなもので、様々なデータリソースやツールとつなぐことが出来るものだと考えてください。 Playwright はブラウザを操作する E2E テストツールです。E2Eテストコードを人が書いて（またはブラウザ操作を記録して）プログラムがブラウザを操作するツールというものでした。Playwright MCP が登場したことで、 生成AIがブラウザを操作することが出来るようになります。 Cline で Playwright MCP の環境準備 ※環境構築手順は Cline と GitHub Copilot 両方書きました。お好きな方を使ってください。 Playwright
Obsidian と Claude Desktop を MCP で連携する設定 - 「明日」をつくるしごととくらし
Obsidian を Claude Desktop と連携させると、これまで書きためたノートをもとに、ユーザーの文脈をより深く理解した回答や提案を受け取れるようになります。自分の知識やアイデアの蓄積を AI が活用できるようになるのです。 さらに、ノートの整理や編集がスムーズになるのも大きなメリットです。AI が関連する情報をつなげたり、新しい視点を提示してくれるので、思考が深まり、より創造的な活用が可能になります。例えば、自分では気付かなかったメモ同士のつながりを AI が見つけてくれて、新しいアイデアが生まれることがあるかもしれません。 インストール及び設定の手順 Obsidian をインストール Claude Desktop をインストール Obsidian の Local REST API プラグインをインストールして有効化 Obsidian の MCP Tools プラグインをイ
やさしいMCP入門
4/9(水) お昼にYouTubeでも解説します🙌 やさしいMCP入門 ＆ 実践LT会（KAGと学ぼう！勉強会） https://kddi-agile.connpass.com/event/351600/
プロダクト仕様ドキュメントを腐らせないためのCursorとMCPの活用｜shinpr
こんにちは、tacoms EMのかがわ(@shinpr_p)です。 皆さんはプロダクトに関するドキュメントを書いていますか？ 私はここ数年はプロダクトの特に仕様に関するドキュメンテーションには否定派のスタンスを取っていました。 理由は、ドキュメントは不足よりも誤った情報が記載されていることによる負の影響が大きいと考えているため、です。 企画段階など開発に着手する前にドキュメントを新規作成することは比較的容易です。ですが、作成された瞬間からドキュメントは腐っていきます。これを常に最新の状態に維持するためには一定以上の運用コストを払わなくてはいけません。 一言で運用といっても、さまざまな経路からプロダクトに対する改善要望は発生しますし、不具合や障害起因で仕様変更を余儀なくされることもあります。これらに都度追従し、ドキュメントを更新し続けるためには涙ぐましい努力が必要です。 私は地道にコツコツ努
MCPに1mmだけ入門
こんにちは、しば田です。 この記事はできる限り手っ取り早く/端的にMCPを理解しようとした自分のメモで超丁寧な解説記事とかではないです。ただできる限り平坦な言葉と例を使ってとっつきやすさ重視で書きました。 ↑これを読んだ読了メモです。LLMと復習して自分の言葉で理解し直しました。 MCPとは？ AIエージェントと外部サービス間の通信手段のこと。 （怒られそうだが、AIエージェント用のAPIというのが実は一番伝わりやすいかも？） MCPホスト・MCPクライアント・MCPサーバってそれぞれ何？ MCPホスト 実際にユーザーが使うツール。 ユーザーの指示を理解して子分（AIエージェント）に情報を取りにいかせる。 例）Cursor / Claude Desktop MCPクライアント 情報を取りに行くAIエージェント MCPホストの命を受けて出勤 MCPサーバに話しかけて情報をもらう。 例）AIエ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - googleanalytics/google-analytics-mcp