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

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

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

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

MCPサーバーの実装が完成したのに Claude Code から繋がらない。そこには2つの落とし穴がありました。①GETエンドポイント未実装で接続失敗、②settings.jsonのmcpServersは無視されるという問題の原因と解決法を解説します。
AWS CDKでデプロイされたLambda Function URLをPlaywrightで自動テストし、BedrockのClaudeモデルを用いたAI補正機能を検証します。
AWS Lambdaを活用したサーバーレスアーキテクチャの実装方法と製造業DXでの活用について解説します。
製造業におけるデジタル変革の基本について解説します。

MQTTを「伝言板」に例えて初心者向けにわかりやすく解説。IoTやスマートホームで使われる軽量メッセージプロトコルの基礎を学ぶ。

MQTTのPub/Subモデルとトピック構造を解説。ブローカーを介したメッセージ配信の仕組みを理解する。

Raspberry PiとMQTTを使って実際に設備監視システムを構築する手順を解説。センサーデータの取得からブローカーへの送信まで。

複数のRaspberry Piを中継機(ブリッジ)で束ね、収集したデータをOracle DBに保存するシステム構成を解説。

MQTTの双方向通信を活用し、Oracle DBに蓄積されたデータを子機のRaspberry Piへ配信する方法を解説。