Page: 4 / 105

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

Hono / SonikJavaScript

Honoxでhono/clientのパス指定を力技でダイナミックにする

HonoのRPCモードを使用すると、作成したREST APIをSDKライクにアプリケーション側で利用できるが、APIのホスト指定が固定される課題がある。この問題を解決するために、middlewareを使用してクライアントを動的にする試みが行われた。ただし、dummyのURLを指定するとエラーが出るため、ステージング環境やlocalhostなど実際の環境に合わせた設定が必要。クライアント側ではuseEffectを使用した処理は正常に動作するが、本番環境での利用には慎重さが必要。

Okamoto Hidetaka

CloudflareNext.jsSaaS / FaaS

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

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

Okamoto Hidetaka

AI / MLLLMStripe

Cline ( Roo Code ) MCPでStripeの実装をやる

Stripeが昨年末に出したAgent Toolkit SDKにMCPが追加され、AIエージェントのタスク完了を支援するプロトコルとして活用される。Cline ( Roo Code )を使用してStripe MCPをセットアップし、Stripeのリソースを利用するコマンドを設定する。MCPを使ってStripeで１年間で自動解約するサブスクリプションを作成し、Clineがコード生成から実装までサポートする。AIを活用した実装により、決済・サブスクリプションの組み込みタスクを効率化する過程で、MCPの活用やAIに任せるべき部分を模索する意義がある。

Okamoto Hidetaka

Hono / SonikJavaScript

HonoでRPCモードを触ってみた

たまたま見かけたHonoのRPCモードについて、TypeScriptの型を使ってサーバーとクライアントの仕様を共有できることがわかりました。APIの定義やレスポンスの型情報を共有することで、クライアントアプリ側でも参照しやすくなる点がポイントです。RPCを活用する際は、メソッドチェーンでAPI Routeを作成する必要があります。RPCモードを使用すると、API側で定義した型情報をクライアント側でも利用できるため、便利な機能と言えるでしょう。

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

CloudflareHono / SonikJavaScriptSaaS / FaaS

Honoxで動的な値をmiddlewareで設定する場合はcontext.set/getを使う

Honoxでページを作成する際、サイト全体で利用したい動的な値を設定する方法について解説されています。middlewareとcontextを使用して解決策を示し、例としてAPIのアドレスを動的に設定するコードが示されています。環境変数を使用する方法と比較しつつ、ステージングやプレビューデプロイでも利用できる利点が紹介されています。さらに、取得した値にTypeScriptの型情報を追加する方法も提案されています。

Okamoto Hidetaka
598986d59182bf25f92430f0f5cd13e4-20250304222254

AI / MLAmazon BedrockAWSLLM

AWSのBedrock EngineerをMacでソースからビルドしてみた

岡本氏はBedrock EngineerというAWS開発者向けのAIエディターを紹介しています。このツールはGitHubで公開され、AWSリソースの定義やStep Functionsの設計、ダイアグラム作成をサポートする機能を提供しています。アプリのビルド方法やAWS Credentialsの設定方法も詳細に説明しており、Website Generator、Diagram Generator、Step Functions Generatorなどの機能も紹介しています。Bedrock EngineerはAWSエンジニアにとって有用なツールで、今後の活用が期待されると述べています。

Okamoto Hidetaka
df3d1eb3c565c6bb9c4cf0d40012bae2-20250305093009

AI / MLLLM

CursorにGitHubのMCPを追加して、Pull Requestの作成までやらせてみた

AIエディターCursorを利用してGitHubへのPull Request作成を自動化する方法が紹介されています。GitHubのAPIを利用し、MCPを使って個人用アクセストークンを取得して設定することで、指示したタスクをエージェントに実行させることが可能です。エージェントはコードを書いてプルリクエストを作成し、他のエージェントがコードレビューを行う機能も備えています。MCPを使用することでGitHub上のリソース操作が自動化され、便利な機能を利用できます。

Okamoto Hidetaka
Home
Search
Bookmark