はてぶ・Qiita・Zennのトレンド記事を紹介
MCPは生成AIや大規模言語モデル（LLM）に関連する最新技術の話題で使われることが多い用語です。AIエージェントや自律型AIシステムの開発・運用など、生成AI分野の最先端トピックと関わりがあります。
【draw.io MCP】AIで ER 図が一瞬で生成できるようになった話 — 実際に使って検証してみた 🔖 239
はじめに draw.ioの開発元であるJGraphから公式MCPサーバーがリリースされました。 プロンプトで指示するだけでdraw.ioのダイアグラムを自動生成できます。しかも生成後はそのままdraw.io上で手動編集できるので、ちょっとした修正も簡単です。 本記事では、Clau
draw.io MCPを使ってClaude Codeで持続可能なシステム構成図を書いてみる 🔖 43
はじめに こちらを記事を見てとても参考になったので私も試してみました。 draw.io × AI連携の3つのアプローチ 公式では、AIアシスタントとdraw.ioを連携させる方法として3つのアプローチが提供されています。 比較表 Tool Server App Server Pr
mise × Claude Code で DrawIO MCP を使う 🔖 1
はじめに青空に、draw.io mcp[1]なるものが流れてたので試してみた。今まで、draw.io は、テキストで書くものに比べ、手間がかかりレイアウトの制約が多いものにしか使わなかったのだが、MCPをかませると、AIが良い感じにやってくれそうで期待値が高い。最近使い始めた
【速報】Googleが公式ドキュメントを検索できるMCP「Developer Knowledge API」を公開！ 🔖 2
こんにちは。Google から、公式ドキュメントを AI が直接参照できるようにする Developer Knowledge API と、それを AI エージェントで利用するための MCP サーバー が公開されました。本記事では、この MCP（Model Context...
【draw.io MCP】触ってみた所感と何が便利なのか 🔖 17
はじめにdraw.io の MCP サーバーが公開されていたので、軽く触ってみました。勝手に、よりいい感じの図を出力してくれると思って使ったのですが、（何も使わずに「drawio 形式で書いて」と指示する場合と比べて）あまり違いを感じませんでした。...
Web アプリケーションをツール化する WebMCP 🔖 231
WebMCP は Web 開発者が Web アプリケーションの機能をツールとして公開できるようにする JavaScript インターフェイスです。これにより AI エージェントが Web アプリケーションの機能を直接呼び出して操作できるようになります。 WebMCP は Web
Agent Skillsを実行するMCPサーバーを作ってみた 🔖 2
Agent Skillsを実行するMCPサーバーを作ってみました。https://github.com/k-ibaraki/agent-skills-mcp-server 作った経緯年始にこの記事を書きました。https://zenn.dev/ncdc/articles
draw.ioの公式MCPサーバが出てたのでClaude Codeで試してみる 🔖 245
１．はじめにdraw.ioの公式MCPサーバが出ていたのでClaude Codeで試してみました。https://www.npmjs.com/package/@drawio/mcphttps://github.com/jgraph/drawio-mcp ２．draw.i
Serena MCP - AIにプロ開発者のようなコーディングをさせる「スーパーアシスタント」 🔖 1
はじめに皆さん、こんにちは！今日は、最近発見したツール「Serena MCP」について共有したいと思います。AI を使ってコーディングしている方（Claude、ChatGPT、その他のツールを問わず）なら、これは知っておく必要があるツールです。AI が 500 行のコ...
Figma MCP を用いて React コンポーネントを爆速で実装する 🔖 1
こんにちは、25卒で新卒入社いたしました、OTTサービス技術部開発第4グループの今村です。 業務では主にフロントエンドを担当しております。 担当案件にて他端末ですでに実装されていたコンポーネントを一から新規作成する機会がありました。 その際にFigma MCPを用いて開発を行った
Claude CodeとPlaywright MCPで実現する対話型UI自動テスト構築 | DevelopersIO 🔖 178
はじめに UIテストを書くとき、 「セレクタを探す → 失敗する → ブラウザを見直す」 という往復に時間を取られていませんか？ 本記事では、Claude Code と Playwright MCP を組み合わせて、 実際のブラウザ操作を確認しながら対話的にUIテストを構築する方
想像でAIにテストケースを作成させないためのAgent Skills と MCP の活用方法 🔖 4
こんにちは。ダイの大冒険エンジョイ勢のbun913と申します。私はSDET(Software Development Engineer in Test)として、QAチームにいる何でも屋さんの意識で働いています。みなさんは AI にソフトウェアテストケースを作らせたことはありませ
この記事の内容は、OCHaCafeセッションでお話しした内容です。セッションの中では最初に「MCPとは何か」について説明していますが、ネット上にはたくさんわかりやすい情報があるかと思いますので、本稿では省略します。インターネットでMCPについていろいろ調べていると、大体...
MCP Apps標準化でWeb業界が一変。MCPクライアントとMCPサーバで対応した経験をもとに解説 🔖 41
追記 結論から言います。MCP Apps対応は、今すぐ着手すべきです。 現状でもユーザーはもうGoogle検索を使わなくなりつつあります。「新宿から大阪 新幹線 時刻」と検索する代わりに、「来週の金曜、新宿から大阪に行きたい。午前中に着くルートを調べて」とAIに話しかけて終わり。
混乱しました。AWS MCP ServersとAWS MCP Serverの違いを徹底解説 🔖 5
はじめに2025年、AWSはAIエージェントとの連携を大きく進化させました。その中心の1つがAWS MCP Serversだと私は考えています。この記事では、re:Invent2025のタイミングでPreview版が公開されたAWS MCP Serverについて、従来...
slack-mcp-client を使って Slack に AI Bot を導入しよう 🔖 1
Repro Sys-infra Unit の今です。 Slack 上で AI と会話出来る bot をお手軽に作りたいな〜と思いたち、パッと立ち上げ運用しているのでご紹介します。 構築したのは2025/10頃で、ブログにするまでに Slack AI がリリースされたり高機能な C
JAXA第一宇宙技術部門のX(旧Twitter)アカウントから地球観測データを生成AIから呼び出せるようになったという投稿がありました。 公式ドキュメントを見ると、ローカルMCPサーバーを公開しているようです。 公式ドキュメントではpipを用いて環境を構築していますが、多くのMC
MCP Apps：AIのUIが「標準化」された日（AI UIのHTML化） 🔖 51
背景：標準化されていなかった世界 これまで、AIの会話内にインタラクティブなUIを埋め込む試みは存在した。 OpenAIのChatGPT Apps SDK：先進的だが、基本的に「ChatGPTのための仕組み」だった コミュニティの MCP-UI：設計思想は優れていたが、業界標準で
AI とインタラクティブな UI のやり取りを実現する MCP Apps 🔖 42
MCP Apps は MCP にインタラクティブな UI コンポーネントを返す方法を標準化した拡張機能です。この記事では MCP Apps を使用してインタラクティブな UI コンポーネントをエージェントが返す方法について試してみます。 AI エージェントとチャット形式の対話では
JAXA第一宇宙技術部門のX(旧Twitter)アカウントから地球観測データを生成AIから呼び出せるようになったという投稿がありました。公式ドキュメントを見ると、ローカルMCPサーバーを公開しているようです。公式ドキュメントではpipを用いて環境を構築していますが、多くのM
次世代AI開発の極意：Python × Cursor × MCP で自律型エージェントを構築する究極のロードマップ【2026年版】 🔖 3
こんにちは、GIFTechでデータサイエンティストとして働いているAnshika Kankaneです。普段はデータ分析やAI関連のプロジェクトについて執筆していますが、今日は少し違った視点でお話しします。最近、「AIデモとしての面白さ」と「プロダクトレベルのAIエンジニア...
MCP Apps：AIのUIが「標準化」された日（AI UIのHTML化） 🔖 51
背景：標準化されていなかった世界これまで、AIの会話内にインタラクティブなUIを埋め込む試みは存在した。OpenAIのChatGPT Apps SDK：先進的だが、基本的に「ChatGPTのための仕組み」だったコミュニティの MCP-UI：設計思想は優れていたが、業界標
Claude Code × MCPで実現するPRレビュー準備の自動化 ——週6時間のレビュー工数を削減した実践例—— 🔖 164
はじめに：大規模プロジェクト復帰とレビュー負荷の課題 こんにちは、DevRelの大熊です。本記事では、育休復帰直後という制約の大きい状況の中で、AIを活用したコードレビューの仕組みを構築し、週6時間の業務削減とレビュー品質の向上を同時に実現した事例を紹介します。 お話を伺ったのは
ブラウザ操作不要！Playwright MCPでテスト仕様書からE2Eテストコードを自動生成してみた 🔖 3
はじめにGMOコネクトの永田です。E2Eテストの自動化、進めていますか？「テストコード実装に工数がかかる」「既存のテスト仕様書を活用できないか」こんな悩みをお持ちの方に朗報です。今回はPlaywright MCPを使って、自然言語で書かれたテスト仕様書から、AI...
Claude Code × MCPで実現するPRレビュー準備の自動化 ——週6時間のレビュー工数を削減した実践例—— 🔖 164
はじめに：大規模プロジェクト復帰とレビュー負荷の課題こんにちは、DevRelの大熊です。本記事では、育休復帰直後という制約の大きい状況の中で、AIを活用したコードレビューの仕組みを構築し、週6時間の業...
Mackerel MCPサーバーを活用してAIでISUCONを解いてみよう——問題発見から改善まで全部AIで！ 🔖 19
MackerelのAPM機能とMackerel MCPサーバーを活用し、AIが自律的にWebアプリケーションのパフォーマンス改善を行えるかをISUCONを題材に検証します。Mackerelの計測があることで、AIが根拠を持って問題を分析できるようになります。
なぜ、MCPよりも「ファイルベースで扱うSkills」の方が便利なのか 🔖 81
最近、Model Context Protocol（MCP）ではなく「ファイルベースで扱うSkills」の方が便利だという話をよく耳にするようになりました。 実際に過去数カ月、自分もClaude Codeや関連ツールを触りながら、MCPとSkillsを使ってきました。 その中で感
C#でMCP入門（Weather API連携編）- 書籍『MCP入門』のPythonコードを移植する(4) 🔖 1
はじめにシリーズ第4回目の本記事では、『MCP入門――生成AIアプリ本格開発』（技術評論社）の第7章に掲載されているプログラムexternal_api_server_weather.pyを C# に移植します。(著者の小野哲さんからは、移植および掲載の許可をいただいています)
なぜ、MCPよりも「ファイルベースで扱うSkills」の方が便利なのか 🔖 81
最近、Model Context Protocol（MCP）ではなく「ファイルベースで扱うSkills」の方が便利だという話をよく耳にするようになりました。実際に過去数カ月、自分もClaude Codeや関連ツールを触りながら、MCPとSkillsを使ってきました。その中で感
Cursor × GitHub MCPによる開発生産性向上の実践知 🔖 3
はじめに 背景 Cursor Rules / Command を活用したコマンド作成 PR 作成コマンド 課題 施策 実装の詳細 ルールサンプル 効果 レビューコメント取得コマンド 課題 施策 実装の詳細 ルールサンプル CodeRabbit、GitHub Copilot との連
ITエンジニアが選んだ「ITエンジニア本大賞2026」発表。やさしいMCP入門、ことばの意味を計算するしくみ、エンジニアの持続的成長37のヒント、ゆるストイック、など 🔖 398
ITエンジニアが選んだ「ITエンジニア本大賞2026」発表。やさしいMCP入門、ことばの意味を計算するしくみ、エンジニアの持続的成長37のヒント、ゆるストイック、など 「ITエンジニア本大賞」は、仕事の役に立った本、初学者におすすめの本、ずっと手元に置いておきたい本など、おすすめ
CursorとSalesforce MCPで実現するSalesforce管理術 🔖 1
!この記事は毎週必ず記事がでるテックブログ Loglass Tech Blog Sprint の126週目の記事です！3年間連続達成まで残り33週となりました！ Salesforceの手動設定における課題感Salesforceの最大の魅力は、プログラムを書かなくてもビ
Claude CodeとCodexの連携をMCPからSkillに変えたら体験が劇的に改善した 🔖 257
はじめに Claude Codeの相棒としてCodex CLIを併用する運用を続けてきましたが、MCPでの連携には大きな課題がありました。 本記事では、MCPからSkillへの移行で得られた改善について共有します。 対象読者 Claude Codeを日常的に使っている開発者 複数
Codex MCPを活用したAI Coding開発: Codex利用率 社内3位の活用術 | CyberAgent Developers Blog 🔖 28
目次 はじめに なぜCodex MCPを活用するのか Codex MCPの活用方法 知識ドキュメントの重要性 実際の活用例 活用の成果と今後の展望 0. はじめに はじめまして、AI事業本部 極AIでMLエンジニアをしている吉原 (X:@sou_squared) です。 僕は普段
Claude CodeとCodexの連携をMCPからSkillに変えたら体験が劇的に改善した 🔖 257
はじめにClaude Codeの相棒としてCodex CLIを併用する運用を続けてきましたが、MCPでの連携には大きな課題がありました。本記事では、MCPからSkillへの移行で得られた改善について共有します。 対象読者Claude Codeを日常的に使っている開発者
Codex MCPを活用したAI Coding開発: Codex利用率 社内3位の活用術 🔖 28
目次 はじめに なぜCodex MCPを活用するのか Codex MCPの活用方法 知識ドキュメント ...
Strands × MCP × AgentCore Identity使用時のエラー解消メモ 🔖 1
こんにちは、ふくちです。以下ブログでEventBridge × AgentCore Runtimeのスケジュール駆動Ambient Agentを作ったのですが、エージェントの機能を拡張していくと、いくつかのエラーに遭遇しました。このエラーの事象・原因・対処法などを...
MCPでやる必要のない業務をSkillsに置き換えてトークンと時間の消費を爆減してみた 🔖 191
こんにちは。ダイの大冒険エンジョイ勢のbun913と申します。私はSDET(Software Development Engineer in Test)として、QAチームにいる何でも屋さんとして、私より優秀なみなさんが本質的なことに時間を使えるように日夜改善を考えています。 私は
MCPでやる必要のない業務をSkillsに置き換えてトークンと時間の消費を爆減してみた 🔖 191
こんにちは。ダイの大冒険エンジョイ勢のbun913と申します。私はSDET(Software Development Engineer in Test)として、QAチームにいる何でも屋さんとして、私より優秀なみなさんが本質的なことに時間を使えるように日夜改善を考えています。私は
MCPでやる必要のない業務をSkillsに置き換えてトークンと時間の消費を爆減してみた 🔖 191
こんにちは。ダイの大冒険エンジョイ勢のbun913と申します。私はSDET(Software Development Engineer in Test)として、QAチームにいる何でも屋さんとして、私より優秀なみなさんが本質的なことに時間を使えるように日夜改善を考えています。私は
Kiro (IDE) から AWS ALB ログを自然言語で直接解析する！ Bedrock AgentCore Gateway × MCP 🔖 1
はじめに 作ったもの サンプル1 「2025年8月4日のALBログを取得して」 サンプル2 「2025年8月4日のALBログのうち、ステータスコードが 200 のもので不審なものがないか教えて」 パターン3 「怪しいログがないか教えて」 🚨 不審なアクセスパターン 🔍 セキュリテ
MCPサーバーの安全な利活用を社内に広める：MCPサーバー連携による開発効率化の実践講座 🔖 37
こんにちは。LINEヤフー株式会社のaikawaです。普段はYahoo!マップ・Yahoo!乗換案内のiOSアプリ開発を担当しつつ、iOS領域のDeveloper Relationsも担当しています。 LINEヤフーでは、AIを活用した開発や業務改善が、社内で急速に広まり、現場で
MCPサーバーの安全な利活用を社内に広める：MCPサーバー連携による開発効率化の実践講座 🔖 37
こんにちは。LINEヤフー株式会社のaikawaです。普段はYahoo!マップ・Yahoo!乗換案内のiOSアプリ開発を担当しつつ、iOS領域のDeveloper Relationsも担当しています。...
Figma MCP でデザインシステムを提供して AI コーディングエージェントに一貫したフロントエンドコードを書かせる 🔖 107
AI コーディングエージェントにフロントエンドのコードを書かせる際、Figma MCP を使用してデザインコンテキストやデザイントークンを提供することで、一貫したデザインガイドラインを遵守させる方法を紹介します。 AI コーディングエージェントにフロントエンドのコードを書かせる際
2026元日、Playwright MCPに触れて気づいた、LLM時代のブラウザ自動化の新しいパラダイム 🔖 244
はじめに 年末年始でPlaywright MCPを触り直しています。きっかけは、MCPがLinux Foundation傘下のAgentic AI Foundationに移管されたというニュースでした。GitHub Starsは23,000を超え、2024年11月のMCP発表から
脱MCPを意識してZephyrというテスト管理ツールのCLIを作ってみた 🔖 2
こんにちは。ダイの大冒険エンジョイ勢のbun913と申します。最近ではオープンスタンダードとして注目されている Agent Skills がありますよね。以下の記事や、記事にリンクされている動画の説明が非常にわかりやすかったです。https://dev.classmethod
Claude Codeユーザー待望「ツール検索ツール」 | MCPトークンを削減して精度を保つ方法 🔖 1
要約Claude Code が、MCPツールをオンデマンドでロードする実験的機能「ツール検索ツール」を追加した。ENABLE_TOOL_SEARCH=true という環境変数一つで、MCPツール定義によるトークン消費を最大85%削減できる。本記事では、この機能の使い方と...
Claude Code のツール検索ツールを有効にして MCP のトークン使用量を削減する 🔖 69
Claude Code のツール検索ツールを有効にすることで、MCP ツールの定義を事前にコンテキストウィンドウに読み込まず、必要に応じて動的にツールを検索・呼び出しできます。これにより、多数の MCP ツールをインストールしている場合でもトークン使用量を大幅に削減できる可能性が