Page: 14 / 108

CloudflareJavaScriptReactremixSaaS / FaaS

RemixアプリをCloudflare Pagesへデプロイする際は、ライブラリ名に注意

Remixアプリ開発でCloudflare Pagesへデプロイ時に発生した”Could not resolve”エラーの対策をまとめました。ライブラリのインポート元を@remix-run/cloudflareに変更し、Node.js環境依存エラーを解消できました。Remixではライブラリの選択に注意し、プロキシーファイルを作成することで環境別のライブラリインポートも検討できます。

Okamoto Hidetaka

CloudflareSaaS / FaaS

CloudflareのWorkers Analytics EngineでRAGの結果を記録させてみる

生成系AIを利用したFAQアプリの精度向上を目指し、Cloudflare Workers上にRAGの仕組みを構築し、それを使って回答を生成し、記録する仕組みを作成しました。回答の精度を評価するため、Analytics Engineを使用し、REST API形式でSQLクエリを送信して結果を取得します。しかし、一部の回答が精度に疑問を残すこともあり、性能評価には追加の処理が必要です。また、プライバシー保護にも配慮する必要があります。

Okamoto Hidetaka

WordPress

WordCampを運営する中で気づいた不具合を、自分で直した話

WordCamp Kansai 2024を運営中に、決済エラーの問題に遭遇。Stripeのmetadata処理に関する不具合を発見し、修正に挑戦。エラーの原因はmetadataの値にオブジェクトが含まれることで、keyの置換で解決。修正パッチをPull requestで送信し、コミュニティに貢献。WordCampのコード修正を経験し、今後も関わりたいと考えている。WordPressのコミュニティ活動が成長に繋がる良い経験となった。

Okamoto Hidetaka

AI / MLLLM

Claude 3 (Opus)で公開しているライブラリの説明文を作らせてみた（単一ファイル編）

作ったOSSライブラリの説明やサンプルコードを自動生成したいと試行錯誤している。特定のファイル内のコードを読み込んで説明させる実験を行い、AWS CDKでNode.jsのLambda関数を生成するライブラリの解説生成に成功。ライブラリの導入や使い方を自動で生成し、効率化に役立てられる可能性がある。しかし、生成結果は作者の試行結果に依存するため、検証は必要。今後は複数ファイルの場合やアプリケーション化の実装などにも研究を続ける。

Okamoto Hidetaka

JavaScriptTypeScript

「Option ‘importsNotUsedAsValues’ is deprecated and will stop functioning in TypeScript 5.5.」エラーに遭遇した時の覚書

TypeDocを使用する際に発生したエラーに関する解決方法を見つけました。TypeScript 5.5以前で作成されたものを新しいバージョンで実行する場合に発生するエラーについて説明があり、解決策はtsconfig.jsonファイルで”verbatimModuleSyntax”をtrueに変更することです。これにより、エラーが解決されます。関連リンクも参考になります。

Okamoto Hidetaka

WordPress

WP APIで記事の全権取得を行う場合は、response headerを使う

WordPressの記事情報をWP APIで取得する際、「101件以上のデータを取得する方法」が重要。長期運用や大規模サイトでは101件目以降の情報取得が必要。再帰処理やレスポンスヘッダーのLinkを利用して効率的に実装可能。APIを再帰的に呼び出すことで、クエリ文字列の維持も可能。WP APIの追加情報を活用して、バッチ処理やHeadless化を効率化。

Okamoto Hidetaka

SaaS / FaaSSupabase

Supabaseでrandomにレコードを取得できるようにする

最近はRAGやAIエージェントの開発を試行錯誤しており、Supabaseを使用してランダムにデータを取得するAPIを実装中。また、Supabaseを使用してランダムにデータを取得する方法を模索し、SQLのViewを利用した構築方法を採用。SupabaseではViewを使って簡単にデータを取得することが可能で、初心者でも扱いやすい。これからもSupabaseやPostgreSQLを使いながら実験を続ける予定。

Okamoto Hidetaka

AI / MLCloudflareSaaS / FaaS

Cloudflare AI Gatewayを、LangChain.jsで作ったアプリに入れてみた

Cloudflare Meetup OsakaでAI Gatewayの話を聞き、AI Gatewayを使ってみた。管理画面から名前を指定するだけでAI Gatewayを作成できる。APIエンドポイントはプラットフォームによって変わり、LangChain.jsでの実装方法が紹介された。Cloudflare Workersでの処理実行やログ機能の確認方法も解説。AI Gatewayの便利な機能や課金不要の利点があり、レスポンスキャッシュやレートリミットも設定可能。LangSmithなど他のツールとも併用が可能。

Okamoto Hidetaka

CloudflareHono / SonikJavaScript

HonoでCloudflare Pagesを作りつつ、wrangler.tomlを使ってVectorizeをよびだしてみた

2024年春のDeveloepr WeekでCloudflare Pagesがwrangler.tomlをサポート。Cloudflare Pagesプロジェクト作成時にwrangler.tomlが自動生成され、Vectorizeも利用可能。WorkerからVectorizeを利用する方法も紹介。Vectorizeの操作確認後デプロイし、エラーなし。PagesでVectorizeが使用できることを確認。Node.jsの互換性設定時にエラーあり。cryptoのエラー解決方法が課題。Wrangler.tomlの更新によりVectorizeが利用可能に。

Okamoto Hidetaka

CloudflareSaaS / FaaS

Cloudflare Pagesの設定をwrangler.tomlに出力する

2024年春のDeveloper WeekでCloudflare Pagesがwrangler.tomlをサポートしたことがアナウンスされました。Wrangler CLIを使用して設定をダウンロードするコマンドは簡単で、既存のwrangler.tomlファイルが上書きされます。APIキーや環境変数は暗号化して保存することが推奨されており、暗号化されていない情報はwrangler.tomlに含まれます。必要に応じてダッシュボードで設定を変更し、再度ダウンロードすることが良いでしょう。

Okamoto Hidetaka
Home
Search
Bookmark