Categories
JavaScriptLINESaaS / FaaSTypeScript
この記事では、LINEのメッセージングAPIでチャットのローディングアニメーションを表示する方法をTypeScriptで実装しています。秒数を型で制限し、FetchでAPIを直接呼び出す方法を紹介。関数化した実装例も掲載されており、チャンネルアクセストークン、チャットID、秒数を指定するだけで簡単にローディングアニメーションを表示できます。
Cloudflare
この記事では、Cloudflare WorkersでVitestを使用してテストを行う際に発生する「`SELF`バインディングエラー」の解決方法を解説しています。`poolOptions.workers.main`の設定を追加することで、ワーカーのエントリーポイントを正しく認識し、リアルなインテグレーションテストが可能になります。
ClerkSaaS / FaaSStripe
この記事では、ClerkとStripeを連携させて無料トライアル付きのサブスクリプションシステムを実装する方法を解説しています。ユーザー新規登録時にStripeで顧客を作成し無料プランを付与、退会時に顧客情報を削除するなど、認証と課金を一元管理できます。Webhookの署名検証やユーザーメタデータの活用など、実装のポイントも紹介されています。
CloudflareHono / Sonik
Cloudflare Pages、React、Hono を組み合わせたサーバーレスフルスタック開発の手法。単一リポジトリで管理でき、git push一発でデプロイ。Cloudflareのエッジネットワークを活用した高速応答と、Vite、TypeScriptによる快適な開発体験。
AI / MLLLM
GitHub連携時のClaudeでは、lockファイルやテストカバレッジ、publicディレクトリなど質問に不要な大量のファイルを読み込むと、すぐに入力文字数の上限に達してしまいます。関係ないファイルは適切に除外し、効率的にAIを活用しましょう。
AI / MLLLMSaaS / FaaSStripe
Cursorの独自UIコンポーネントサポート能力を検証。Stripe AppsのUIコンポーネントを一定程度生成できるが、完璧ではない。しかし開発の叩き台や速達チケットとしては有効で、人間の知識力が試される範囲にあると結論づけている。
SaaS / FaaSStripe
Stripe Appsから外部APIを呼び出す際のCORS設定の落とし穴と対処法について。Stripe Dashboardの実行環境の仕様により、originがnullになるため、緩めのCORS設定が必要。代わりに署名検証を行い、セキュリティを確保する必要がある。
CloudflareSaaS / FaaSStripe
Cloudflareなどのエッジ環境でStripeのWebhookを実装する際、同期処理でエラーが発生する可能性があります。その対策として、非同期版の`verifyHeaderAsync`メソッドを使うことで、エッジ環境でも安全にWebhookの署名検証ができます。
Hono / SonikJavaScriptLINE
この記事では、HonoフレームワークでLINE Message APIのWebhook APIを作成する方法を解説しています。署名検証の実装方法や、メッセージ処理関数の分離、リクエストボディの取り扱いなどのポイントが紹介されています。LINEボットを構築する際の参考になる実践的な内容です。
AWS
AWS Amplify gen2アプリのビルド時に「amplify_outputs.json」が見つからずエラーになった場合、Amplifyコンソールからファイルをダウンロードし、プロジェクトルートに配置すれば解決できます。簡単な対処方法ですが、ハマりがちな問題への有効な解決策です。