はじめに # MCPサーバーは、エージェントやツールが呼び出せる実行可能な「サービス」を定義する仕組みです。 このページでは、VS CodeのMCP拡張からMCPサーバー（今回はMarkitdownを使用）を起動して、AIエージェント／MCPクライアントで呼び出す手順を紹介します。 用語補足（この記事での使い方） MCP（Model Context Protocol）サーバー エージェントに実行可能なツールを提供する仕組み。 エージェントはMCPサーバーの「ツール」を呼び出すことで外部処理を実行できる。

はじめに FigmaのデザインデータをもとにUIを実装する際、「デザインの読み取り」と「コードへの落とし込み」に時間がかかることはありませんか？ 本記事では、Figma MCP（Model Context Protocol）とGitHub Copilotを組み合わせてReactでUI実装を行った際の工夫点や注意点をまとめます。 Figma MCPとは Figma MCP（Model Context Protocol）は、Figmaのデザイン情報を構造化データとしてLLMに渡すための仕組みです。 Figma

はじめに こんにちは、クラウドエース株式会社 第三開発部の小薗です。 先日、実務で初めて Google Cloud の CI/CD パイプライン構築に携わる機会がありました。 一般的に CI/CD パイプラインの構築はコンソールから手動で行うことも多いですが、今回は環境の再現性を高めることと、インフラ構成をすべてコードで一元管理するメリットを重視し、Terraform で構築することにしました。 構築にあたってリサーチを行いましたが、多くの記事ではコンソールからの手動構築手順が紹介されており、Terraf

はじめに こんにちは、クラウドエース株式会社 第三開発部の小薗です。 先日、実務で初めて Google Cloud の CI/CD パイプライン構築に携わる機会がありました。 一般的に CI/CD パイプラインの構築はコンソールから手動で行うことも多いですが、今回は環境の再現性を高めることと、インフラ構成をすべてコードで一元管理するメリットを重視し、Terraform で構築することにしました。 構築にあたってリサーチを行いましたが、多くの記事ではコンソールからの手動構築手順が紹介されており、Terraf

エピソード紹介 Ep.1 – クリーンアーキテクチャとは Ep.2 – 認証方式の実践的な紹介 Ep.3 – ER設計と監査ログ ← 今回はこちら Ep.4 – RepoScanner の実装とテスト Ep.5 – Copilot プロンプトを効率化 こんな方へ特におすすめ 新規アプリケーションのER設計を担当する方 監査ログの設計や、データの保持ポリシーに関心のあるエンジニア 概要 こんにちは。サイオステクノロジーのはらちゃんです！ 白紙の状態からER設計を考えること

PSSLの佐々木です 今回は DeepAgents と MCP（Model Context Protocol） を組み合わせて、この作業を全自動化するエージェントを作ってみました。Web検索、GitHub Trending、Zenn RSS、Hacker News RSS を巡回し、レポートを生成して自動投稿するところまで、すべてエージェントが自律的にやってくれます。 なお、この記事では通知先として Slack を例に解説していますが、 今回の実装では実際には Notion に投稿する形で構築しました 。

.table-of-contents > li > ul { display: none; } はじめに こんにちは、データサイエンス部コーディネートサイエンスブロックの清水です。私たちのチームでは、WEARへ投稿されているコーディネート画像からVLM（Vision Language Model）で特徴を自動抽出するシステムを開発・運用しています。 プロンプト設計から推論パイプラインの構築、大規模推論まで、VLM・LLMを本番環境で活用する中、いくつかの運用課題に直面しました。本記事では、LLMOpsの全

エピソード紹介 Ep.1 – クリーンアーキテクチャとは Ep.2 – 認証方式の実践的な紹介 ← 今回はこちら Ep.3 – ER設計と監査ログ Ep.4 – RepoScanner の実装とテスト Ep.5 – Copilot プロンプトを効率化 こんな方へ特におすすめ 外部 API と連携するアプリケーションで安全な認証・権限設計を行いたい方 GitHubを使っているが、「トークン」や「認証」の仕組みがよく分からない方 PAT （Perso

ども！GitHub Copilot のニュースレターを眺めていた龍ちゃんです。 3月11日に届いたニュースレターで、 GitHub Copilot CLI が2月に GA（一般提供）になったことを知りました。ターミナルで動くエージェント型の AI アシスタントらしいんですよね。気になったのでとりあえずセットアップして触ってみました。 今回はセットアップだけまとめておきます。基本的には公式ドキュメントの補完なので、詳しくはそちらを参照してください。 About GitHub Copilot CLI &#82

ソフトウェアの依存関係アップデートはRenovateにした理由 DBREグループで、DevSecOps担当を自称している栗原です。 タイトルの通り、ソフトウェア依存モジュールのアップデートにRenovateを採用しました。GitHub Dependabotと迷い続けましたが、この記事で紹介するDependabotにはない3つの利点が非常に魅力的だったため、Renovateを採用するにいたりました。Renovateを紹介している記事はよく見かけるので、あまり語られていないおすすめの実行方法についてと、私が惹

ソフトウェアの依存関係アップデートはRenovateにした理由 DBREグループで、DevSecOps担当を自称している栗原です。 タイトルの通り、ソフトウェア依存モジュールのアップデートにRenovateを採用しました。GitHub Dependabotと迷い続けましたが、この記事で紹介するDependabotにはない3つの利点が非常に魅力的だったため、Renovateを採用するにいたりました。Renovateを紹介している記事はよく見かけるので、あまり語られていないおすすめの実行方法についてと、私が惹

ども！最近バグ調査のたびに GitHub の Issue を行ったり来たりしている龍ちゃんです。 今回紹介するスキルは GitHub Copilot でも Claude Code でも動きます。どちらを使っていても同じ方法で導入できるので、自分の環境に合わせて読んでください。 対象読者 VS Code + GitHub Copilot（Free 以外のプラン）または Claude Code を使っている方 gh CLI の認証が済んでいる方（ gh auth status で確認） Agent Skill

はじめに さくらインターネットの黒澤です。 2026年2月11-13日(水-金)に大阪にてJANOG57ミーティングが行われました。JANOGでは毎回、さくらのエンジニアがプログラムの募集に応募し、選考に通って発表してい […]

こんにちは。ファインディ株式会社でテックリードマネージャーをやらせてもらっている戸田です。 ファインディでは要件定義から設計・タスク分解・Issue生成までをAIに任せるカスタムコマンドを開発しています。 tech.findy.co.jp 今回は、そのコマンドで生成したIssueをAIエージェントに渡したときに、どう並列実装まで自動化しているかを紹介します。Git worktreeとClaude CodeのAgent Teamsを組み合わせることで、依存関係を考慮しながら複数のIssueを並列にPR作成ま

みなさんこんにちは！ワンキャリアで新卒採用サービス「ワンキャリア」の開発を担当している菅野(GitHub: sgasho ) です。 普段はWebアプリケーション開発を主戦場としていますが、業務の傍らOSSコントリビュートにも注力しています。