Categories
LINESaaS / FaaSTypeScript
LINE Botのイベントハンドリングを、Chain of Responsibilityパターンを実現する`class-resolver`パッケージを使ってリファクタリングする方法を紹介。イベントタイプごとにハンドラークラスを作成し、`Resolver`に登録することで、可読性の高いコードと拡張性の確保を実現。
AI / MLCloudflareLLMSaaS / FaaS
生成AIを活用し、リリースノートなどの要約を自動生成する仕組みを紹介。Jina AIでMarkdown変換、Cloudflare Workers AIで要約と日本語化を行う手順を解説。個人や社内向けには有用だが、エンドユーザー向けには課金モデルの検討が必要。
SaaS / FaaSStripeWordPress
この記事では、WooCommerceとStripe Checkoutを連携させ、クレジットカード決済に加えてコンビニ決済などの多様な決済手段を簡単に追加する方法を解説しています。数行のコードでECサイトの売上向上に繋がる支払い体験を提供できます。
LINESaaS / FaaS
この記事では、LINE Botの開発において重要なChat IDの取得方法について解説しています。WebhookイベントからChat IDを効率的に抽出する汎用的な関数の実装例と、Chat IDを活用したユースケースの具体例(非同期処理のローディング通知など)が紹介されています。
CloudflareSaaS / FaaS
Cloudflare PagesとVercel OGを組み合わせて、エッジでリアルタイムにOGP画像を生成する方法を紹介。SNSシェア向けの魅力的なOGP画像を、ページごとに手動作成する手間を省きながら実装できます。TypeScriptとReactで実装された実用的な例を解説しています。
この記事では、Cloudflare Workersで開発中のAPIをローカル環境のみで実行できるようにするコードスニペットを紹介しています。リクエストのホスト名をチェックし、ローカルホストからのアクセスのみを許可することで、安全な開発環境を実現できます。
JavaScriptLINESaaS / FaaSTypeScript
この記事では、LINEのメッセージングAPIでチャットのローディングアニメーションを表示する方法をTypeScriptで実装しています。秒数を型で制限し、FetchでAPIを直接呼び出す方法を紹介。関数化した実装例も掲載されており、チャンネルアクセストークン、チャットID、秒数を指定するだけで簡単にローディングアニメーションを表示できます。
ClerkSaaS / FaaSStripe
この記事では、ClerkとStripeを連携させて無料トライアル付きのサブスクリプションシステムを実装する方法を解説しています。ユーザー新規登録時にStripeで顧客を作成し無料プランを付与、退会時に顧客情報を削除するなど、認証と課金を一元管理できます。Webhookの署名検証やユーザーメタデータの活用など、実装のポイントも紹介されています。
AI / MLLLMSaaS / FaaSStripe
Cursorの独自UIコンポーネントサポート能力を検証。Stripe AppsのUIコンポーネントを一定程度生成できるが、完璧ではない。しかし開発の叩き台や速達チケットとしては有効で、人間の知識力が試される範囲にあると結論づけている。
SaaS / FaaSStripe
Stripe Appsから外部APIを呼び出す際のCORS設定の落とし穴と対処法について。Stripe Dashboardの実行環境の仕様により、originがnullになるため、緩めのCORS設定が必要。代わりに署名検証を行い、セキュリティを確保する必要がある。