Categories
Clerkremix
この記事では、RemixプロジェクトでClerk認証を実装する際に発生する「clerkStateを渡していない」エラーの解決方法を紹介しています。rootAuthLoaderの使用、ClerkAppでのラッピング、環境変数の設定など、適切なSSR設定を行うことで問題を解決できます。
AWSremix
AWS Amplify SDK v6とRemixを組み合わせ、SSRに対応した認証機能を実装する方法を解説。Cookieベースの認証状態管理とカスタムアダプターにより、セキュアでパフォーマンスの高いWebアプリケーションを構築できます。
AWSHono / SonikLINE
今回はAWS CDK、LINE Messaging API、Honoを組み合わせて、効率的で拡張性の高いLINEボットを構築する方法を紹介。AWS LambdaにHonoフレームワークを導入し、LINE Webhookを処理してユーザーからのメッセージに自動返信する機能を実装します。
JavaScriptNext.jsReact
この記事では、RemixアプリケーションでVercel AI SDKを使用する際に発生する「z8.string(…).base64 is not a function」エラーの原因と解決策を解説しています。エラーの原因はzodライブラリの依存関係が明示的にインストールされていないことでした。zodをインストールすることで問題が解決し、Anthropicの言語モデルを使ったストリーミングレスポンスの実装例も紹介されています。
CloudflareSaaS / FaaS
この記事では、Cloudflare Workersで開発中のAPIをローカル環境のみで実行できるようにするコードスニペットを紹介しています。リクエストのホスト名をチェックし、ローカルホストからのアクセスのみを許可することで、安全な開発環境を実現できます。
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を活用しましょう。