Categories
JavaScriptNode.js
ローカルで npm ci が通るのにGitHub に push すると Cloudflare のビルド落ちる。ログを見ると、「Missing from lock file」出てくるのですが、ローカルも CI も同じ pa […]
JavaScript
npm versionコマンド実行時にBiomeのフォーマットルールと衝突してpre-commitフックが失敗する問題。解決策はフォーマット自動修正をlintチェック前に実行するよう設定を変更すること。
JavaScriptNext.jsReact
Next.jsのローカル開発、複数PJを同時並行で進めたりしているとたまにUnable to acquire lockエラーに遭遇することがあります。毎回調べている気がしたので、簡単にまとめました。 発生したエラー エラ […]
CloudflareHono / SonikJavaScriptSaaS / FaaS
Cloudflare Workers上でReact SPAとHono APIを統合開発・デプロイする方法を解説。Static Assets機能を活用し、フロントエンドとバックエンドを一つのプロジェクトとしてシンプルに運用できます。
IonicJavaScript
Ionicフレームワークの`IonItemSliding`内で`href`属性が機能しない問題に遭遇。原因調査と`onClick`ハンドラと`window.open`を使った実用的な解決策を紹介します。
JavaScriptSaaS / FaaSStripeTypeScript
Stripe Appsの拡張UI開発において、fetchStripeSignatureを活用した署名検証の実装方法と、APIリクエストを安全に行うための共通化ヘルパー関数の設計について解説します。
AI / MLJavaScriptLLMTypeScript
Mastraフレームワークを使ったAIエージェント開発の始め方を解説。セットアップから基本的なエージェント作成までの手順を詳しく紹介し、初心者でも簡単に開発環境を整えられる方法を紹介します。
Hono フレームワークを使って Model Context Protocol (MCP) サーバーを構築する方法を解説。Agent SDK を活用し、Cloudflare Workers 環境で動作する実装手順からテスト方法まで、ステップバイステップで紹介します。
JavaScriptReactremix
Remixの`useFetcher`フックを使えば、ページ遷移なしでサーバーアクションを実行できます。検索機能やニュースレター登録など、ユーザー体験を損なわずにサーバーサイド処理を行いたい場合に最適です。
ClerkJavaScriptNext.jsReactSaaS / FaaS未分類
Clerk Billingを使ったサブスクリプション管理をNext.jsで実装する方法を解説。環境構築から料金プラン設定、認証連携まで、Clerkの新機能を活用したサブスク機能の導入手順を詳しく紹介します。