Categories
CloudflareHono / SonikJavaScriptSaaS / FaaS
Hono フレームワークを使って Model Context Protocol (MCP) サーバーを構築する方法を解説。Agent SDK を活用し、Cloudflare Workers 環境で動作する実装手順からテスト方法まで、ステップバイステップで紹介します。
AWS
Amazon S3 Vectorsの新機能を徹底調査。ベクトルデータを簡単・安価に保存・検索できる仕組みの基本API、OpenSearchとの連携、次元数対応など、実装に役立つポイントを解説。
Reactremix
Remix V2でネストしたディレクトリ構造のルーティングが404エラーになる問題を解説。ファイルベースルーティングの仕様変更により、ネストされたファイル構造からドット記法を使ったフラットな構造への移行が必要になった事例と解決方法。
ClerkReact
Clerkの`useOrganizationList`フックを使う際の落とし穴と最適な引数指定方法を解説。データを確実に取得するには`pageSize`の明示指定がおすすめ。4つのパターンの違いと実践的な使い方を検証結果と共に紹介。
CloudflareIonicReact
Ionic ReactアプリをCloudflare Workersにデプロイする方法を解説。SPAルーティングの設定や、静的ファイルと動的API処理を同時にホストする実践的なテクニックを紹介します。
remix
Remix開発において非推奨となった`json()`関数から標準Web APIの`Response.json()`への移行方法と、その背景にあるWeb標準重視の設計思想について解説します。
LLMStripe
Stripe Agent Toolkitを使って、Vercel AI SDKのトークン使用量を自動計測し課金する方法を解説。ミドルウェアとして簡単に実装でき、OpenAIやClaudeのAPIと連携した従量課金モデルを実現する具体的な手順を紹介します。
TypeScript
TypeScriptでGoogle Calendarに終日イベントを正しく追加するURLの実装方法を解説。終日イベントと時間指定イベントの違いに注目し、日付フォーマットや終了日の設定における重要なポイントを紹介します。
CloudflareLLMNext.js
Next.jsとVercel AI SDKを使って、Cloudflare Workers AI上で動作する生成AIチャットアプリを実装する方法を解説。プロジェクト設定からストリーミングレスポンス対応、チャットUIの構築までの手順を紹介。
Vercel AIとStripe AI Agent Toolkitを組み合わせて、チャット内容から支払いリンクや請求書を自動生成するデモアプリを作成。簡単な実装方法と実際の動作例を紹介します。