はてぶ・Qiita・Zennのトレンド記事を紹介
MCPは生成AIや大規模言語モデル（LLM）に関連する最新技術の話題で使われることが多い用語です。AIエージェントや自律型AIシステムの開発・運用など、生成AI分野の最先端トピックと関わりがあります。
【初心者向け】なぜMCPサーバーを作る必要があるのか 🔖 1
はじめにこんにちは、とまと🍅好きのエンジニアです。最近MCPサーバーの構築が進められているのをよく見かけるので、改めてMCP（Model Context Protocol）とはなんなのか、どうしてMCPサーバーを作る必要があるかをまとめてみましたので是非ご覧ください。...
国土交通省｜報道資料｜AIを活用した多様な地理空間情報の連携環境を試作・提供！<br>～地理空間MCP Server（α版）の公開～ 🔖 47
国土交通省では「建築・都市のDX」や「ジオAI（地理空間情報×AI）」の取組を進め、こうした取組の中で多様な地理空間情報の連携・活用を推進しています。 この一環として、AIを活用して自然言語で多様な地理空間情報を容易に連携・活用できる環境を提供するため「地理空間MCP Serve
Cursor × Maestro MCP で実現！自然言語によるネイティブアプリの自動テスト 🔖 1
想定読者 はじめに 本取組の背景 使用したツールについて 具体的な手順 ①関連ドキュメントのインプット ②プロンプトによる実行指示 ③テストレポートの確認と分析 実際に使ってみてわかったこと 良かったこと ①非エンジニアでも自動テストが可能に ②手動実行から自動実行への置き換えに
Figma MCP × Claude Codeで1ページ8時間の作業が20分になった話 🔖 375
はじめに 業務でWebサイトリニューアルをやっています。 テキスト量の多い静的ページを、Figmaデザインからモック（HTML/CSS）→ Laravel組み込み（3言語対応）まで実装する作業がありました。 最初は手作業で1ページ8時間かかっていました。 Figma MCP +
コードを理解する超軽量MCPを作った — トークン70%削減、1分でセットアップ 🔖 261
はじめに コーディングエージェントのデモは魔法のように見えます。しかし、実際のコードベースに向けると： コンテキストウィンドウがすぐに埋まる 古いコードに対してハルシネーションが起きる 処理が遅すぎて、grepした方が早い 大規模なRust/Python/TSリポジトリでAIワー
コードを理解する超軽量MCPを作った — トークン70%削減、1分でセットアップ 🔖 261
はじめにコーディングエージェントのデモは魔法のように見えます。しかし、実際のコードベースに向けると：コンテキストウィンドウがすぐに埋まる古いコードに対してハルシネーションが起きる処理が遅すぎて、grepした方が早い大規模なRust/Python/TSリポジトリでAI
MCPをAgent Skillsのように軽量化する新手法、MCP Lightの紹介 🔖 200
こんにちは！逆瀬川ちゃん (@gyakuse) です！ 今日はMCP（Model Context Protocol）の「太さ」問題と、それをAgent Skillを使って解決する「MCP Light」というアプローチについてまとめていきたいと思います。 MCPの役割はConnec
【MCP×LINE】AIに「LINEを送る力」を授けよう！ 🔖 1
【MCP×LINE】AIに「LINEを送る力」を授けよう！ のハンズオン用資料です 対象読者 - MCP を Cursor や Claude Desktop で使ったことがある人 - プログラミング初心者でもコピペならできる人 - LINE Messaging API を
【宇宙最速レビュー】AWSではじめるMCP実践ガイド 🔖 3
この記事はClaude Codeと一緒に執筆しました。AWSコミュニティ仲間の塚田さん・森田さんが書かれたMCP本が、いよいよ2/26に発売されます！ 私もご恵贈いただきました。ありがとうございます🙇♂️私はレビュアーとして発売前の原稿を読ませていただいたの...
【draw.io MCP】AIで ER 図が一瞬で生成できるようになった話 — 実際に使って検証してみた 🔖 248
はじめに draw.ioの開発元であるJGraphから公式MCPサーバーがリリースされました。 プロンプトで指示するだけでdraw.ioのダイアグラムを自動生成できます。しかも生成後はそのままdraw.io上で手動編集できるので、ちょっとした修正も簡単です。 本記事では、Clau
draw.io MCPを使ってClaude Codeで持続可能なシステム構成図を書いてみる 🔖 44
はじめに こちらを記事を見てとても参考になったので私も試してみました。 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...
Developer Knowledge APIをMCPサーバー経由で使ってみた 🔖 1
G-gen の高宮です。Google 公式の技術ドキュメントを検索するための Developer Knowledge API を、Gemini CLI から MCP サーバー経由で使用した検証結果を紹介します。 はじめに Developer Knowledge API とは MC
【draw.io MCP】触ってみた所感と何が便利なのか 🔖 18
はじめにdraw.io の MCP サーバーが公開されていたので、軽く触ってみました。勝手に、よりいい感じの図を出力してくれると思って使ったのですが、（何も使わずに「drawio 形式で書いて」と指示する場合と比べて）あまり違いを感じませんでした。...
Web アプリケーションをツール化する WebMCP 🔖 235
WebMCP は Web 開発者が Web アプリケーションの機能をツールとして公開できるようにする JavaScript インターフェイスです。これにより AI エージェントが Web アプリケーションの機能を直接呼び出して操作できるようになります。 WebMCP は Web
CLIでもできた！PlaywrightMCPと同じ動き＋トークン90%削減 🔖 1
TL;DR（要約）課題: Playwright MCPでブラウザ操作すると、1操作で5,000〜10,000トークン消費解決: HTTP API + CLIスクリプト方式で、トークン消費を90〜92%削減結果: 複数回の操作を含むタスクで、トークン消費を1...
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で試してみる 🔖 244
１．はじめにdraw.ioの公式MCPサーバが出ていたのでClaude Codeで試してみました。https://www.npmjs.com/package/@drawio/mcphttps://github.com/jgraph/drawio-mcp ２．draw.i
Serena MCP - AIにプロ開発者のようなコーディングをさせる「スーパーアシスタント」 🔖 2
はじめに皆さん、こんにちは！今日は、最近発見したツール「Serena MCP」について共有したいと思います。AI を使ってコーディングしている方（Claude、ChatGPT、その他のツールを問わず）なら、これは知っておく必要があるツールです。AI が 500 行のコ...
Figma MCP を用いて React コンポーネントを爆速で実装する 🔖 1
こんにちは、25卒で新卒入社いたしました、OTTサービス技術部開発第4グループの今村です。 業務では主にフロントエンドを担当しております。 担当案件にて他端末ですでに実装されていたコンポーネントを一から新規作成する機会がありました。 その際にFigma MCPを用いて開発を行った
Claude CodeとPlaywright MCPで実現する対話型UI自動テスト構築 | DevelopersIO 🔖 182
はじめに UIテストを書くとき、 「セレクタを探す → 失敗する → ブラウザを見直す」 という往復に時間を取られていませんか？ 本記事では、Claude Code と Playwright MCP を組み合わせて、 実際のブラウザ操作を確認しながら対話的にUIテストを構築する方
想像でAIにテストケースを作成させないためのAgent Skills と MCP の活用方法 🔖 5
こんにちは。ダイの大冒険エンジョイ勢のbun913と申します。私はSDET(Software Development Engineer in Test)として、QAチームにいる何でも屋さんの意識で働いています。みなさんは AI にソフトウェアテストケースを作らせたことはありませ
この記事の内容は、OCHaCafeセッションでお話しした内容です。セッションの中では最初に「MCPとは何か」について説明していますが、ネット上にはたくさんわかりやすい情報があるかと思いますので、本稿では省略します。インターネットでMCPについていろいろ調べていると、大体...
MCP Apps標準化でWeb業界が一変。MCPクライアントとMCPサーバで対応した経験をもとに解説 🔖 42
追記 結論から言います。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 🔖 43
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時間のレビュー工数を削減した実践例—— 🔖 166
はじめに：大規模プロジェクト復帰とレビュー負荷の課題 こんにちは、DevRelの大熊です。本記事では、育休復帰直後という制約の大きい状況の中で、AIを活用したコードレビューの仕組みを構築し、週6時間の業務削減とレビュー品質の向上を同時に実現した事例を紹介します。 お話を伺ったのは
ブラウザ操作不要！Playwright MCPでテスト仕様書からE2Eテストコードを自動生成してみた 🔖 3
はじめにGMOコネクトの永田です。E2Eテストの自動化、進めていますか？「テストコード実装に工数がかかる」「既存のテスト仕様書を活用できないか」こんな悩みをお持ちの方に朗報です。今回はPlaywright MCPを使って、自然言語で書かれたテスト仕様書から、AI...
Claude Code × MCPで実現するPRレビュー準備の自動化 ——週6時間のレビュー工数を削減した実践例—— 🔖 166
はじめに：大規模プロジェクト復帰とレビュー負荷の課題こんにちは、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の活用方法 知識ドキュメント ...