タグ: Next.js

4件の記事

Architecture2026-05-079分

WebアプリをAIから操作できるようにした話（第1回）— MCPサーバー化の動機とアーキテクチャ

チームのタスク管理WebアプリをMCPサーバーとして公開し、Claude Codeから自然言語でタスクを操作できるようにした取り組みを4回に分けて解説します。第1回は動機とアーキテクチャ全体像です。

MCPNext.jsTypeScriptAWSClaude

HowTo2026-05-0712分

WebアプリをAIから操作できるようにした話（第2回）— Next.jsでMCP Streamable HTTPサーバーを実装する

Next.js App RouterのAPI RouteとしてMCP Streamable HTTPサーバーを実装します。JSON-RPC 2.0のハンドラー、バッチリクエスト対応、Lambda特有のGET/SSEハンドシェイク処理まで解説します。

MCPNext.jsTypeScriptAWS Lambda

Architecture2026-05-0710分

WebアプリをAIから操作できるようにした話（第3回）— Bearer Token認証とDynamoDBによるトークン管理

MCPサーバーの認証設計を解説します。SHA-256ハッシュでトークンをDynamoDBに保存するデュアルレコードパターン、チームメンバーシップによる認可、設定画面でのトークン管理UIまで。

MCPDynamoDBTypeScriptAWSNext.js

Debugging2026-05-0711分

WebアプリをAIから操作できるようにした話（第4回）— Claude Codeから繋げるときにハマった2つの落とし穴

MCPサーバーの実装が完成したのに Claude Code から繋がらない。そこには2つの落とし穴がありました。①GETエンドポイント未実装で接続失敗、②settings.jsonのmcpServersは無視されるという問題の原因と解決法を解説します。

MCPClaudeAWS LambdaNext.js