Category: SaaS / FaaS

JavaScriptLINESaaS / FaaSTypeScript

[ #LINEDC ] チャットのローディングアニメーションをTypeScriptで実装する

この記事では、LINEのメッセージングAPIでチャットのローディングアニメーションを表示する方法をTypeScriptで実装しています。秒数を型で制限し、FetchでAPIを直接呼び出す方法を紹介。関数化した実装例も掲載されており、チャンネルアクセストークン、チャットID、秒数を指定するだけで簡単にローディングアニメーションを表示できます。

Okamoto Hidetaka

ClerkSaaS / FaaSStripe

ClerkとStripeを連携させる無料トライアル付きサブスクリプション実装の作り方

この記事では、ClerkとStripeを連携させて無料トライアル付きのサブスクリプションシステムを実装する方法を解説しています。ユーザー新規登録時にStripeで顧客を作成し無料プランを付与、退会時に顧客情報を削除するなど、認証と課金を一元管理できます。Webhookの署名検証やユーザーメタデータの活用など、実装のポイントも紹介されています。

Okamoto Hidetaka

AI / MLLLMSaaS / FaaSStripe

CursorのDocumentが、独自UIコンポーネントをどこまでサポートするのか調べてみた

Cursorの独自UIコンポーネントサポート能力を検証。Stripe AppsのUIコンポーネントを一定程度生成できるが、完璧ではない。しかし開発の叩き台や速達チケットとしては有効で、人間の知識力が試される範囲にあると結論づけている。

Okamoto Hidetaka

SaaS / FaaSStripe

Stripe Apps向けのAPIを作るときの、CORS設定についての覚書

Stripe Appsから外部APIを呼び出す際のCORS設定の落とし穴と対処法について。Stripe Dashboardの実行環境の仕様により、originがnullになるため、緩めのCORS設定が必要。代わりに署名検証を行い、セキュリティを確保する必要がある。

Okamoto Hidetaka

CloudflareSaaS / FaaSStripe

Cloudflare workersでstripeを使う時はverifyHeaderAsyncを使おう

Cloudflareなどのエッジ環境でStripeのWebhookを実装する際、同期処理でエラーが発生する可能性があります。その対策として、非同期版の`verifyHeaderAsync`メソッドを使うことで、エッジ環境でも安全にWebhookの署名検証ができます。

Okamoto Hidetaka

SaaS / FaaS

SentryのSolutions Hubを無料プランで触れる範囲で触ってみた

Sentryの新機能「Solutions Hub」を無料プランで試してみました。AIがエラー分析を行い、修正方法を提案してくれます。無料プランでは修正パッチの自動生成はできませんが、調査の手間が大幅に省けそうです。

Okamoto Hidetaka

CloudflareNext.jsSaaS / FaaS

next-on-pagesでのビルドでerror _not_foundが出たら読む記事

Next.jsのページをCloudflareにデプロイする際にビルドエラーが発生しました。”not-found”エラーの対処法として、”app/not-found.tsx”に”export const runtime = ‘edge’;”を追加する必要があります。これによってCloudflare上で正しく動作することが確認できます。ビルドエラーの原因はデフォルトのNot Foundページが”export const runtime = ‘edge’;”を持っていないことにあるようです。

Okamoto Hidetaka

CloudflareNext.jsSaaS / FaaS

next-on-pagesでApp RouterのREST APIがエラーになった時に見る記事

Cloudflare PagesでNext.jsアプリをデプロイする際のエラーと対応方法についての覚書です。REST APIを追加するとWranglerでのプレビューがエラーになる場合、compatibility_dateを更新することで解決できます。最新の日付に更新後、再度ビルドとプレビューを行うと問題が解消されます。

Okamoto Hidetaka

CloudflareNext.jsSaaS / FaaS

Next.jsをCloudflareで使う時に `await is not defined`が出たら見る記事

RevTech / Serverless Devの岡本さんがCloudflare Pagesでアプリをデプロイする際にハマった点を共有しました。Next.jsのバージョン15.1.0でawaitが使えないエラーが発生し、next.config.tsをmjsに変更することで対応しました。変更後に再起動すると問題が解決し、Next.js 15.1.0でアプリが正常に動作したようです。

Okamoto Hidetaka
f5bb78fc1fd4c5cb8d6710e85726fd5a-20250306223105

AI / MLLLMSaaS / FaaSStripe

CursorでStripe MCPを使ってサブスクリプションの実装をやらせてみる

Stripeが昨年末に出したAgent Toolkit SDKに、MCPが追加されました。MCPはStripeのリソースをLLMが利用するためのコンテキストを伝えるプロトコルで、AIエージェントに指示されたタスクを完了するツールです。MCPの設定や利用方法について詳細が記載されており、Stripe MCPは幅広い用途で使えますが、APIの制限も可能です。生成されたコードは一部修正が必要かもしれませんが、初めてStripeを触る人にとって参考になる内容も含まれています。LLMとAgent Toolkit SDKの進化に期待が寄せられています。

Okamoto Hidetaka
Home
Search
Bookmark