Categories
CloudflareLLMNext.js
Next.jsとVercel AI SDKを使って、Cloudflare Workers AI上で動作する生成AIチャットアプリを実装する方法を解説。プロジェクト設定からストリーミングレスポンス対応、チャットUIの構築までの手順を紹介。
Cloudflare
Cloudflare Workersでは、DayJSのタイムゾーン設定が意図通りに機能しないことがあります。この記事では、その原因と、明示的なタイムゾーン指定による実用的な解決策を紹介します。
Cloudflare WorkersでMCPサーバーを実装する際、Durable Objectsのクラス名と設定ファイルの定義を一致させないとデプロイエラーが発生する問題とその解決方法を解説します。
CloudflareLLMStripe
StripeとCloudflareの新SDKを使って有料MCPサーバーを実装する方法を解説。AnthropicのClaudeと連携し、AIアシスタントに有料機能を提供するための実装手順とコード例を紹介します。
CloudflareLINE
Cloudflare Workersでは起動時間制限があるため、LINE Bot SDKの初期化をグローバルスコープで行わず、ハンドラー内で必要な時だけ行う「遅延初期化」が効果的です。
AI / MLCloudflareLLMSaaS / FaaS
生成AIを活用し、リリースノートなどの要約を自動生成する仕組みを紹介。Jina AIでMarkdown変換、Cloudflare Workers AIで要約と日本語化を行う手順を解説。個人や社内向けには有用だが、エンドユーザー向けには課金モデルの検討が必要。
CloudflareSaaS / FaaS
Cloudflare PagesとVercel OGを組み合わせて、エッジでリアルタイムにOGP画像を生成する方法を紹介。SNSシェア向けの魅力的なOGP画像を、ページごとに手動作成する手間を省きながら実装できます。TypeScriptとReactで実装された実用的な例を解説しています。
この記事では、Cloudflare Workersで開発中のAPIをローカル環境のみで実行できるようにするコードスニペットを紹介しています。リクエストのホスト名をチェックし、ローカルホストからのアクセスのみを許可することで、安全な開発環境を実現できます。
この記事では、Cloudflare WorkersでVitestを使用してテストを行う際に発生する「`SELF`バインディングエラー」の解決方法を解説しています。`poolOptions.workers.main`の設定を追加することで、ワーカーのエントリーポイントを正しく認識し、リアルなインテグレーションテストが可能になります。
CloudflareHono / Sonik
Cloudflare Pages、React、Hono を組み合わせたサーバーレスフルスタック開発の手法。単一リポジトリで管理でき、git push一発でデプロイ。Cloudflareのエッジネットワークを活用した高速応答と、Vite、TypeScriptによる快適な開発体験。