AI コーディングエージェントにフロントエンドのコードを書かせる際、Figma MCP を使用してデザインコンテキストやデザイントークンを提供することで、一貫したデザインガイドラインを遵守させる方法を紹介します。 AI コーディングエージェントにフロントエンドのコードを書かせる際、デザインの正確なコンテキストを提供することが課題の 1 つです。特に何も指定せずにフロントエンドのコードを書かせると、紫色の配色やグラデーションに偏りすぎたり、Inter や Roboto など特定のフォントばかり使用する傾向があります。これは Tailwind UI のような人気の UI フレームワークの初期設定に Indigo(紫色)を採用しており、それが AI モデルの学習データに多く含まれていることが原因と考えられます。 AI によって誰でも一定水準のフロントエンドコードを書けるようになる一方で、画一的な
A fully managed remote MCP server that provides up-to-date documentation, code samples, knowledge about the regional availability of AWS APIs and CloudFormation resources, and other official AWS content. This MCP server is in general availability. Important Note: Not all MCP clients today support remote servers. Please make sure that your client supports remote MCP servers or that you have a suita
公開日: 2025 年 9 月 23 日 本日、新しい Chrome DevTools Model Context Protocol(MCP)サーバーの公開プレビューを開始します。これにより、Chrome DevTools の機能を AI コーディング アシスタントに導入できます。 コーディング エージェントには根本的な問題があります。生成したコードがブラウザで実行されたときに実際に何をするのかを確認できないことです。目隠しをしてプログラミングしているようなものです。 Chrome DevTools MCP サーバーはこれを変更します。AI コーディング アシスタントは、Chrome でウェブページを直接デバッグし、DevTools のデバッグ機能とパフォーマンス分析情報を活用できます。これにより、問題の特定と修正の精度が向上します。 仕組みを実際に確認してみましょう。 Model Con
株式会社カミナシで VPoE を務めている pospome です。 (´・ω・`) 先日 "Chrome DevTools MCP" というMCP Serverが存在することを知りました(チームメンバーが教えてくれた)。 これによって日々沼っていたCSS修正の効率が上がって嬉しかったので記事として残します。 CSSの実装に沼る日々 "Chrome DevTools MCP" を使うと嬉しい まとめ 宣伝 CSSの実装に沼る日々 自分は最近プライベートの時間をつかって TypeScript, React の勉強をしています。 GitHub Copilot を使いながら簡単なアプリケーションを作っていて、 コードを実装してもらったり、不明点を説明してもらったり、Copilotさんのお陰で勉強効率がグッと上がった気がします(AIってすごいですね・・・)。 Copilotさんは自分が作る簡単なアプ
MCP ServerStarting with version 2025.2, IntelliJ IDEA comes with an integrated MCP server, allowing external clients such as Claude Desktop, Cursor, Codex, VS Code, and others to access tools provided by the IDE. This provides users with the ability to control and interact with JetBrains IDEs without leaving their application of choice. External client setupFor external clients like Claude Code, C
LayerX でスタッフソフトウェアエンジニアをしている @izumin5210 です。バクラク事業部の Platform Engineering 部 Enabling チームでいろいろしています。 新しいおもちゃを作ったので自慢させてください。 3行まとめ 任意のシェルスクリプトを MCP tool にできる any-script-mcp という MCP server を作ったよ 例えば「o3-search-mcp の gpt-5 を使うバージョン」などを、 YAML にちょっとしたコードを書くだけで作れるよ ほかにもおもしろい活用方法見つけたら教えてね Claude Code を使った日々のソフトウェア開発で、o3-search-mcp をめちゃめちゃ活用しています。 Claude Code がわからないことがあれば自律的に o3 model に調査を委譲し、Web に潜って解決策を見
デフォルトはlocalです。スコープによって、設定ファイルに書き込まれる場所が変わったり、設定ファイル自体が変わるのがなかなかトリッキーですね(最初ずっと混乱してました)。.mcp.jsonは、プロジェクトで複数人でMCPサーバの設定を使うときに便利かもしれませんね(APIキー設定とかは困りそうですが)。 設定ファイルを直接編集してClaude Codeを起動することでも、MCPサーバを設定することができます。具体的にはプロジェクトのルートディレクトリに.mcp.jsonをおいて、そこでClaude Codeを起動すれば設定が自動で反映されます。 ~/.claude.jsonの場合は、書く場所で影響範囲が変わる形になっています。ただ、~/.claude.jsonはすべてのプロジェクトのMCP以外も含めた設定ファイルが保存された大きいファイルなので、直接編集が難しいです(一回派手にぶっ壊しま
2025/08/25 追記: GPT-5やo4-miniなど好きなモデルを使えるようになりました! $ claude mcp add o3 -e OPENAI_MODEL=gpt-5 -e OPENAI_API_KEY=*** -s user -- npx o3-search-mcp@latest こんにちは、よしこです。 普段の開発にClaude Codeをフル活用する毎日です。 ただ、Claude Codeは検索があまり強くないので、なにか解決できないエラーや込み入った問題は別途ChatGPTアプリでo3に聞き、回答をClaude Codeにコピペする、というのが常でした。 もう二人で勝手に話してくれ〜って思いながら情報運搬職人をやっていました。 しかし!なんと今朝、OpenAI APIのo3 modelがWebSearchに対応したのです!! つまり、MCP経由でClaude Cod
はじめに データ事業本部のkobayashiです。世の中ではMCP(Model Context Protocol)が話題なので自分もその波に乗ろうと思い何かないかと調べていたらJetBrainsのプラグインにMCP Serverがあったので試してみました。なかなか使い勝手が良かったのでまとめたいと思います。 JetBrains MCP Proxy Serverとは JetBrains MCP Proxy Serverは、JetBrainsから出しているIDEと大規模言語モデル(LLM)を連携させるためのプラグインになります。MCP(Model Context Protocol)を通じて、AIアシスタント(Claude Desktopなど)が開発環境と直接対話できるようになります。 このプラグインを導入することで、AIアシスタントは以下のような操作を開発環境内で実行できるようになります。 開
明日からできる!GitHub Copilot + GitHub MCP Serverで始めるAI駆動開発 はじめに こんにちは、URBAN HACKS サーバーサイドエンジニアの池田です。 URBAN HACKSでは日々の開発でGitHub Copilotを活用しています。 コードを提案、補完してくれるだけでも十分に活躍していますが、GitHub CopilotにAgent Modeが搭載されたこと、公式のGitHub MCP Serverが登場したことにより、これらを組み合わせ、より効果的に活用できるようになりました! この記事ではこれらを組み合わせた開発手法をご紹介すると共に、 生成コードの精度が上がりやすくなるコツ チーム開発とAIの組み合わせ方 をお伝えできればと思います! コード生成の精度にお悩みの方や、より効果的にAIにコーディングを手伝って欲しい方の参考になれば幸いです。 G
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く