epicweb-dev/mcp-fundamentals

MCPの基本 🧱

ユーザーがすでに使っているAIアプリで出会いましょう

ユーザーはChatGPT、Claude Desktop、CursorなどのAIアプリと自然言語でコミュニケーションを取ることにますます慣れています。MCPを使えば、 AI搭載のアプリをこれらのアプリと統合して構築でき、 ユーザーがいる場所で出会うために。

前提条件

• JavaScript/TypeScript の経験
• Node.js 経験

ワークショップ前リソース

ワークショップを受ける前に読めば、次のステップに進むためのリソースをいくつか紹介します 私たちが取り上げるツールや概念についてのスピードについて:

• AIがMCPを使ったアプリとインターフェースできるようにする
• MCPイントロダクション
• あなたのAIアシスタントインストラクター:EpicShop MCPサーバー
• MCPサーバーのデバッグ方法
• MCPツール設計:APIからAIファーストインターフェースへ

システム要件

• [git][git] v2.18以上
• [NodeJS][node] v22.13.0 以降
• [NPM][NPM] v8.16.0以上

これらすべてがあなたのPATHで利用可能でなければなりません。設定が整っていることを確認するために 正しくは、以下を実行できます:

これらのどれかで困っている場合は、PATH環境についてもっと学んでみてください 変数とここで[windows][win-path]を修正する方法、または [mac/linux][mac-path]。

[![Build Status][build-badge]][build] [![GPL 3.0 License][license-badge]][license] [![Code of Conduct][coc-badge]][coc]

Prerequisites

• JavaScript/TypeScript experience
• Node.js experience

Pre-workshop Resources

Here are some resources you can read before taking the workshop to get you up to speed on some of the tools and concepts we’ll be covering:

• Letting AI Interface with Your App with MCPs
• MCP Introduction
• Your AI Assistant Instructor: The EpicShop MCP Server
• How to Debug Your MCP Server
• MCP Tool Design: From APIs to AI-First Interfaces

System Requirements

• [git][git] v2.18 or greater
• [NodeJS][node] v22.13.0 or greater
• [npm][npm] v8.16.0 or greater

All of these must be available in your PATH. To verify things are set up properly, you can run this:

git --version
node --version
npm --version

If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for [windows][win-path] or [mac/linux][mac-path].

Setup

Use the Epic Workshop CLI to get this setup:

npx --yes epicshop@latest add mcp-fundamentals

To make sure your environment is running correctly, please follow these additional steps:

1. Run the workshop app with npm start
2. Open the last exercise solution at /exercise/05/02/solution?preview=solution
3. Click the “Start App” button
4. Click the “Connect” button

You’ll know it’s working if you see a green dot and the word “Connected” in the MCP Inspector app.

If you experience errors during this setup process, please open [an issue][issue] with as many details as you can offer.

The Workshop App

Learn all about the workshop app on the