Supabaseの勉強も兼ねてGitHubのデモアプリを試しています。今回はベクトル検索のデモを触りました。プロジェクトをローカルにダウンロードし、Supabaseのアカウントでプロジェクトを作成。CLIコマンドでプロジェクトとサンプルアプリを紐付け、データベースのプッシュやAPIキーの設定、エッジファンクションのデプロイを行いました。最後にデプロイされたAPIを呼び出した結果も確認しました。このデモアプリは自動生成されたドキュメントなどからRAGを作る際に使えるようです。

SupabaseのJS SDKの使い方を調べた結果を共有します。データの取得は、SQLのfromとselectを組み合わせて行います。全てのデータを取得する場合はfromでテーブル名を指定し、selectを呼び出します。特定のカラムだけ取得する場合は、selectの第一引数にカラム名を指定します。また、SupabaseのSDKからPostgreSQLの関数を呼び出すこともできます。関数の実行結果はrpc()メソッドで取得できます。ベクトル検索を行う場合は、配列の長さに注意する必要があります。詳細は公式ドキュメントを参照してください。

仕事柄、そしてAWS Community Builderや個人開発者として、いろんなツールやOSSを触ってみようとする機会が日々出てきます。が、全てをしっかりと把握し切るには時間が足りず、タブを積み上げている状態が継続し […]

SupabaseのCLIのインストール方法やログイン、ログアウト、管理系APIの使用方法などの基本的な操作方法について説明している記事です。CLIはnpmを使ってインストールすることが推奨されており、WindowsではScoopを使うこともできます。ログインやログアウトはコマンドから行い、Management APIの使用にはログインが必要です。また、CLIには自動補完機能もあり、Bash/Zsh/PowerShellに対応しています。

JSONToolkitを使用してCloudFormationのJSONを読み込むために、JSONファイルを利用しました。読み込んだJSONファイルの内容を理解するために、JsonToolkitのサンプルコードをベースにしました。また、intermediateStepsを使用してデバッグしながら調整することもできました。ToolKitの処理の内部を確認するために、intermediateStepsの結果を表示していました。これにより、どのようなデータを渡すべきかがわかるかもしれません。

最近のIDP系サービスは認証系のUIライブラリも提供しており、今回はSupabaseのReact向けライブラリをNext.jsで利用してログインページを実装しました。SupabaseのAuth UI Reactパッケージを使うことで、SNSログインにも対応した簡単なUIが実装できました。テーマやCSSのカスタマイズも可能で、試してみた結果を今後の記事にする予定です。ただし、RSCでは使えないようです。また、use clientを外すとエラーが発生し、クライアント側での設計が必要です。参考記事はこちら：https://supabase.com/docs/guides/auth/auth-helpers/auth-ui

このテキストは、特定のユーザーによって利用される有料のブックマーク機能についての説明です。DynamoDBとCognitoを使用して構築されており、APIの作成やデータの管理方法などが簡単にまとめられています。ブックマークの追加、削除、取得のための関数も提供されています。また、UIの作成にはReactとAmplify UIが使用されています。

Honoを使用してAPIを作り込む際に、ファイルの分割をサブディレクトリ・パス単位で行うことが多いです。ルートのAPIを作成し、app.routeを使用してサブディレクトリ内の追加したいAPIを登録することで、パスの指定やリソースの分割がシンプルになります。例として、/supabase/contentというパスを指定したAPIを追加する方法が説明されています。

Stripe ElementsやGoogle Analyticsなど、Webサイト上でJavaScriptを実行する必要がある場合、WordPressのカスタムブロックを使用してJavaScriptを実行する方法を紹介しています。viewScriptを追加し、JavaScriptファイルを指定してカスタムブロックに追加します。ビルドを行い、ブロックをサイトに追加すると、JavaScriptが実行されます。さらに、DOMの操作やデータの受け渡しも行うことができます。このカスタムブロックは、エディターや保存時に加えて、表示する際の処理にも設定できる便利な機能です。

Momentoというキャッシュ専門のSaaSについて触ってみました。アカウント作成はGoogle/Email/GitHubで可能で、ホーム画面ではナビゲーションが表示されます。キャッシュの作成もGUIから簡単に行えますし、データの書き込みや取得もGUIで試せます。キャッシュの一覧は表示されないため、必要な場合はWebhookで外部DBに連携する必要があります。さらにFine-Grained Access Keyを使用することで、細かい制御も可能です。他の機能も触っていきたいと思います。