Page: 13 / 108

JavaScriptReactremixSaaS / FaaSSupabase

Supabaseのログアウト処理で、Remixのloaderを再読み込みする方法

RemixアプリにSupabase Authのログアウト処理を組み合わせる際の方法を紹介。ログアウト後はuseNavigate()でページ遷移し、「Sign out」ボタンをクリックするとログアウトと同時にリダイレクトされる。再読み込みや状態更新後のリダイレクトも実装可能。ログアウト時に取得した情報を破棄するために使われる。Loader処理を再実行したい時はuseRevalidatorを利用。 Reminx APIを使うことを推奨。

Okamoto Hidetaka

SaaS / FaaSSupabase

@supabase/ssrでサーバー側にてユーザー情報を取得するときは、getUserを使おう

この記事では、Supabaseを使用してNode.jsアプリケーションでユーザー情報を取得する方法が紹介されています。具体的には、サーバー側でStripeの契約情報を取得し、ログイン中のユーザー情報を利用してリダイレクトする機能を実装しています。初期実装ではauth.getSession()を使用していましたが、より安全な方法としてauth.getUser()を使用することが推奨されています。ユーザー情報の取得は明示的に行う必要があります。

Okamoto Hidetaka

AI / MLLLM

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

以前の1ファイルのライブラリの実験に続き、今回は複数ファイルで構成されたライブラリを使用して、使い方やドキュメントの生成などの実験をおこないました。”aws-api-responsebuilder”はAWS Lambda関数でAPIGatewayのレスポンスを構築するための便利なライブラリで、インストールから使い方まで詳細に解説されています。フルエントインターフェースを活用し、型安全性が確保されています。README.mdの生成に利用することも可能です。

Okamoto Hidetaka

AstroJavaScriptMarkdoc

Next.jsで作ったサイトをAstroに変えた際の、Mardocの取り扱い

hidetaka.devという個人のポートフォリオサイトを運用しており、Next.jsとNetlifyで公開していたが、SSRへの移行を検討。CloudflareとAstro採用し、MarkdocからNext.jsにカスタマイズ追加。Astroではastro.config.mjsに設定記述。取得処理やAstroコンポーネント実装も実施。Next.jsからAstroに移行し、getStaticProps内のカスタマイズもAstroコンポーネント側に移行。最終的にCloudflare Pagesでfsが使えないことが判明し、Markdocでのコンテンツ管理諦めたが、Astroの使用を今後他の環境でも検討。

Okamoto Hidetaka

CloudflareSaaS / FaaS

Cloudflareで独自ドメインを登録した際の覚書

独自ドメインをCloudflareで管理する手順をまとめた内容で、Pagesへの登録やDNSの移行など詳細な手順が紹介されています。レコード情報のインポート機能や無料プランの利用が可能で、便利で使いやすい印象です。

Okamoto Hidetaka

sainty.io

 ヘッドレスCMSのSanityを使ってみた（ Next.js Page Router編 ）

WordCamp Asiaで話題の「Composable Content」について紹介。複数のページや媒体でコンテンツを合成するアプローチで、LPやコンテンツマーケティングが効率的に。Sanity.ioを使って記事作成方法やプロジェクト管理を体験。Sanityの特徴は、SaaS側がAPIや管理機能を提供し、ユーザーが管理UIを自身のアプリに組み込む点。コードで記事やコンテンツを管理し、参照関係を指定できるところが特に便利。CSSの設定やフローは親切で、セキュリティ面も強固。SANITYを使う際は、CQRS的なコンテンツ配信フローも検討可能。

Okamoto Hidetaka

AI / MLCloudflareLLM

LangChain.jsとLangSmithをCloudflare Workersで動かす場合の環境変数について

LangSmithを使用して、LLMアプリのトレースと分析方法を調査中。Cloudflareにデプロイする際の環境変数の扱いについて説明。LangSmithでは環境変数のexportが必要であり、Cloudflareでは実行時の引数で設定。LangSmithの方法だとトレースが開始できないため、実行時に直接値を設定する方法を紹介。Honoを使用する際はmiddlewareを利用して全リクエストで処理可能。詳細は参考資料をご覧ください。

Okamoto Hidetaka

AI / MLLLM

LangSmithのアカウントを作ってデモデータを見てみた

LangChainやBedrockを使用してAIアプリを開発する際の課題は、「実行結果の評価」。LangSmithを利用し、実行結果のモニタリングやトレースログ確認を行うことが重要。無料でアカウントを作成し、デモ用プロジェクトを通じてLLMアプリの実行結果やトレース機能を活用することが可能。LangSmithは複数回のLLM API呼び出しをトレースするツールで、JavaScriptとPythonをサポート。環境変数の扱いには注意が必要。

Okamoto Hidetaka

Vercel

Vercelで、先にSSL証明書だけ発行・設定する方法

Vercelへのウェブサイト移行ではSSL証明書の事前発行が必要であり、CLIを使用して証明書をリクエストする方法が紹介されています。証明書発行後はTXTレコードを追加し、設定を確認してから証明書を発行します。SSL証明書エラーを避けるためにはcurlコマンドを使用して確認し、問題が解決されれば安全な移行が可能です。CLIのバージョンや–scopeオプションの使用にも注意が必要です。

Okamoto Hidetaka

Cloudflareremix

RemixアプリをCloudflare Pagesにデプロイしてみた

Remixを使用してCloudflare Pagesにデプロイを試みた結果、CLIツールを利用すると簡単にデプロイが完了した。セットアップ方法やフレームワークによっては調整が必要だが、CLIツールであれば対話形式でプロジェクトを作成し、デプロイまでがスムーズに行える。今後は、Next.jsなどでもCLIツールから立ち上げることで効率的に設定できる可能性が高い。最新版以外のフレームワークもあるため、「設定値だけ参照する」方法も検討すると良い。

Okamoto Hidetaka
Home
Search
Bookmark