Categories
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を組み合わせて、チャット内容から支払いリンクや請求書を自動生成するデモアプリを作成。簡単な実装方法と実際の動作例を紹介します。
Cloudflare
Cloudflare Workersでは、DayJSのタイムゾーン設定が意図通りに機能しないことがあります。この記事では、その原因と、明示的なタイムゾーン指定による実用的な解決策を紹介します。
JavaScriptReactremix
Remixの`useFetcher`フックを使えば、ページ遷移なしでサーバーアクションを実行できます。検索機能やニュースレター登録など、ユーザー体験を損なわずにサーバーサイド処理を行いたい場合に最適です。