Random posts

RemixのLayoutではuseRouteLoaderDataを使おう

Remixでloaderの情報を使う際、useLoaderDataよりも他のフックを利用するケースもある。LayoutコンポーネントでClerkの認証情報を使用しようとした際に、HTTP404エラーがHTTP500エラーに変わる現象が起きた。ErrorBoundary周りを調査し、useRouteLoaderDataを使うことで問題が解決した。エラーが発生する原因はloaderの情報が正しく取得できないこと。useLoaderDataとuseRouteLoaderDataを使い分けることが重要。

Published at: 2024/09/23

Cloudflare JavaScript LangChain.js Node.js SaaS / FaaS

Cloudflare VectorizeとLangChain＆OpenAIを組み合わせてRAGを作ってみた

Cloudflareのベクターストアを利用するためには、Workersを有料プランに変更する必要があります。月5ドルの基本料金で、リクエストが発生すればすぐにマネタイズできるため、気軽に利用できます。Vectorizeを使用してインデックスを作成し、Wranglerで設定値を追加します。また、VectorizeとOpenAIのAPIキーをHonoのBindingsに設定し、LangChainを使用して処理を書きます。最後に、Vectorizeのインデックスを削除する際にはWranglerコマンドを使用します。

Published at: 2023/12/25

Hono / Sonik JavaScript

HonoをVercelで動かしてみた（API / SSR HTML編）

HonoはVercelで動作すると聞いていたが、実際に試したことはなかった。Vercel向けにHonoをセットアップする方法と、Vercelでホストするためのファイルの生成方法が説明されている。Vercelにデプロイすると、Honoからのレスポンスが返ってくることが確認できた。さらに、静的HTMLの配信やHonoでSSRした結果の配信も試した。ただし、ワイルドカード（’*’）を利用する場合は注意が必要で、設定の順番によって動作が変わることがある。

Published at: 2023/12/25

JavaScript Node.js

GitHub APIでPrivate repositoryにコラボレーターを招待する(node.js fetch版)

GitHubのPrivate Repositoryにユーザーを招待するためのコードの実装方法についての覚え書きです。Google App Scriptを利用する場合、SDKを使用しない方法もあります。APIを呼び出すためにfetchを使用する方法や、User-Agentヘッダーの設定が必要なことなどが説明されています。エラーメッセージに関連して、User-Agentヘッダーが必要であることや、エラーレスポンスがJSONでない場合の処理についても説明があります。GitHubドキュメントの参考リンクも提供されています。

Published at: 2023/07/27

Frontend React

Gatsby + TypeScriptでクライアントサイドのルーティングを実現させる

Gastbyは基本的にsrc/pages以下に配置したファイルなどをベースにページをビルド（事前生成）します。この方法では例えば外部のAPIデータなど、ビルドのタイミング以外のライフサイクルでURLを生成したい場合には […]

Published at: 2020/01/08

AWS JavaScript Node.js React

AWSのService Catalogを扱うReactコンポーネント –

「AWS Service Catalog React Components」というニッチ感のあるコンポーネントを見つけたので、試してみました。インストール例によってcreate-react-app で作ったプロジェク […]

Published at: 2018/11/11

AWS Serverless FW

Serverless FrameworkでStep Functionsを扱ってみる

この記事はServerless Advent Calendar 2017の24日目に遅刻した記事です。 AWS Step Functions AWS Lambda １つで完了できないようなタスク・ワークフローをいい感じに […]

Published at: 2017/12/26

WordPress

wp-adminの上部にヘルプ画面を追加する覚書

WordPressの管理画面を見ていると、上部に「ヘルプ」というタブが出てくることがあります。別件の調べ物をしていた時にこれの出し方についてのドキュメントを見つけたので、覚書としてまとめました。 add_help_ta […]

Published at: 2017/07/20

API

Netlify REST APIでNetlifyにサイトをデプロイ・更新・削除する

注意公開するサービスに組み込む場合は、パブリックアクセストークンでの認証ではなくoAuth2を使ってくれとのことです。 https://www.netlify.com/docs/api/#authenticating […]

Published at: 2017/02/20

WordPress

WP-API1.2以前でJSONPを利用するための手作業アップデート覚書

JSONPでWP-APIからデータを取得しようとしたところ、予想外のところでどハマりしたのでその対応についてをまとめました。 WP-APIが現在進行形で開発されているものだということを改めて思い知らされた一件です。追記 […]

Published at: 2015/03/23