HowTo12分
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
カテゴリ: HowTo
25件の記事
Bluestonex / UnsplashHowTo1分
Playwright自動テスト
AWS CDKでデプロイされたLambda Function URLをPlaywrightで自動テストし、BedrockのClaudeモデルを用いたAI補正機能を検証します。
AWSCDKLambdaPlaywright自動テストBedrock
Sigmund / UnsplashHowTo1分
Test
AWS Lambdaを活用したサーバーレスアーキテクチャの実装方法と製造業DXでの活用について解説します。
AWSLambdaServerlessクラウド
Shamin Haky / UnsplashHowTo1分
テスト記事
製造業におけるデジタル変革の基本について解説します。
ManufacturingDXTest
HowTo8分
MQTTとは？IoT時代の「伝言板」を初心者向けに解説
MQTTを「伝言板」に例えて初心者向けにわかりやすく解説。IoTやスマートホームで使われる軽量メッセージプロトコルの基礎を学ぶ。
MQTTIoTRaspberryPi
HowTo8分
Pub/Subモデルとトピックの仕組み
MQTTのPub/Subモデルとトピック構造を解説。ブローカーを介したメッセージ配信の仕組みを理解する。
MQTTIoTPubSub
HowTo11分
実践：Raspberry Piで設備監視システムを作る
Raspberry PiとMQTTを使って実際に設備監視システムを構築する手順を解説。センサーデータの取得からブローカーへの送信まで。
MQTTRaspberryPiPythonIoT
HowTo15分
複数のRaspberry Piを中継機で束ねてOracle DBにデータを送る
複数のRaspberry Piを中継機（ブリッジ）で束ね、収集したデータをOracle DBに保存するシステム構成を解説。
MQTTRaspberryPiOracleDBIoT
HowTo16分
MQTTで双方向通信！Oracleのデータを子機に配信する
MQTTの双方向通信を活用し、Oracle DBに蓄積されたデータを子機のRaspberry Piへ配信する方法を解説。
MQTTRaspberryPiOracleDBIoT
HowTo9分
AIの回答を待ちきれない？30秒の壁を乗り越える方法
AWS LambdaのストリーミングとAPI Gateway Response Streamingで、AIの29秒タイムアウト制限を回避する方法を解説。
AWSLambdaBedrockStreaming
HowTo10分
工場の図面をAIに読ませたい
製造業で使われるTIFF・PDF・BMPをAIで分析するための変換処理。tiff.js、Pillow、PyMuPDFの実装例。
AWSBedrockPythonPillow
HowTo10分
Amazon BedrockでAIチャットを作る
Bedrock Runtime APIとAgents APIの違いを比較。画像分析・チャット・RAGそれぞれのユースケースで選ぶべきAPIを解説。
AWSBedrockClaudeAI
HowTo12分
「しばらくお待ちください」で終わらせない
BedrockのThrottlingException・タイムアウトへのリトライ処理。ジッター付き指数バックオフとユーザーへの伝え方。
AWSBedrockPythonErrorHandling
HowTo13分
AIの性格は設定ファイルで変える
システムプロンプトをS3に外部化し、再デプロイなしで変更する方法。キャッシュとA/Bテストの実装例。
AWSS3BedrockPromptEngineering
HowTo11分
会話履歴を賢く管理する
DynamoDBのGSI・TTLを使ったマルチユーザー対応の会話履歴管理。セッション設計とトークン削減の実践。
AWSDynamoDBPythonChat
HowTo11分
ログイン機能を30分で実装
Amazon Cognitoで認証機能を30分で実装。User Pool・App Client・JWT・Cognito Authorizerの設定方法。
AWSCognitoReactAuth
HowTo11分
文字が流れるように表示される仕組み
NDJSON形式とKeepaliveを使ったリアルタイムストリーミング表示の実装。FastAPIとReactの連携方法。
ReactTypeScriptNDJSONStreaming
HowTo13分
React+TypeScriptで型安全なチャット画面を作る
React + TypeScriptでAIチャット画面を型安全に実装。Context + useReducerによる状態管理パターン。
ReactTypeScriptFrontendStateManagement
HowTo10分
サーバー代を半分にした話
AWSコストを54%削減した実践例。S3ライフサイクル・DynamoDB TTL・Bedrockトークン削減・CloudFrontの最適化。
AWSCostOptimizationBedrockLambda
HowTo14分
Amplify Gen 2でCognito認証を最短構築する（第1回）— defineAuth 1行からログインUIまで
AWS Amplify Gen 2のdefineAuthを使い、Cognito認証のバックエンド構築からReactログインUI実装までを一気通貫で解説。メール認証・パスワードリセットまでカバー
AmplifyCognitoReactAWSAuth
HowTo13分
Amplify Gen 2の認証状態を管理する（第2回）— Zustand + React Routerで保護ルートを実装
Zustandで認証状態を一元管理し、React Routerの保護ルート・ロールベース制御・セッションタイムアウトまでを実装する
AmplifyCognitoReactZustandAuth
HowTo16分
Amplify Gen 2のバックエンドでCognito JWTを検証する（第3回）— Lambda Function URLでの認証と監査ログ
Lambda Function URLでCognito JWTトークンを検証する実装方法を解説。JWKS取得・署名検証・クレーム検証のフルスクラッチ実装と、監査ログ統合まで
AmplifyCognitoLambdaJWTAuth
HowTo13分
CDKでWebSocket APIを構築する — サーバーレスチャットのインフラ定義
AWS CDKでAPI Gateway WebSocket APIを定義する方法を解説。4つのルート（$connect/$disconnect/sendMessage/$default）のLambda統合、IAMポリシー、デプロイ設定まで
AWSCDKAPI GatewayLambdaWebSocket
HowTo13分
WebSocket Lambdaの実装 — JWT認証・ブロードキャスト・切断処理
API Gateway WebSocket APIのLambdaハンドラー実装を解説。$connectでのCognito JWT検証、sendMessageでの全員配信とGoneException処理、$disconnectでの接続レコード削除まで
AWSLambdaWebSocketCognitoTypeScript
HowTo15分
ReactでリアルタイムチャットUIを作る — WebSocketクライアントとOptimistic UI
React + Zustandでリアルタイムチャット画面を実装。WebSocketクライアントの再接続・ハートビート、Optimistic UIによる即座のメッセージ表示、重複メッセージ防止まで
ReactWebSocketZustandTypeScriptChat