Category: Cloudflare

Cloudflare PagesでAWS Amplify SDK v6をつかおうとした時の覚書

この記事では、AWS Amplify SDKをCloudflare Pagesで利用する際の注意点やエラーについて紹介しています。エラーの原因や解決策、サーバーサイドでのSDK読み込み方法なども述べられています。2024年11月時点では、CloudflareはIDP as a Serviceを提供しておらず、AWS Amplifyや他のプロバイダーを利用するか、独自のIDPを構築する必要があります。しかし、実装にはトリッキーな側面や不具合の可能性があることに注意が必要です。

Published at: 2024/12/18

Cloudflare LINE

Cloudflare ZarazでWordPressサイトにLINE Tagのトラッキングコードを追加する

この記事では、Cloudflare Zarazを使用してLINEのトラッキングタグ（LINE Tag）をWebサイトに追加する方法が紹介されています。LINE TagはLINE公式アカウント向けのトラッキングタグで、Webサイトからの流入やコンバージョンを測定するのに活用されます。WordPressサイトを変更せずにトラッキングコードを追加することが目指され、Cloudflare Zarazを使用することでCDNエッジからコードを挿入します。料金や無料枠の管理には注意が必要です。

Published at: 2024/12/08

Cloudflare Python SaaS / FaaS

PythonアプリケーションをCloudflare Workersにデプロイしてみた

この記事は、PythonアプリケーションをWranglerでCloudflare Workersへデプロイする方法や注意点をまとめた記事です。利用できるライブラリの制限などが2024/10時点ではある様子なので、試される方はそこにご注意ください。

Published at: 2024/10/30

Cloudflare SaaS / FaaS

Cloudflare PagesでPHPを対象にしたリクエストをブロックする

この記事では、Cloudflare Pagesの設定を使って任意のパスに対するリクエストをブロックする方法が紹介されています。具体的には、_routes.jsonファイルを使用して特定のパスを除外する設定を行い、不正なリクエストを防ぐ手順が詳細に述べられています。設定後には、cUrlを使用して変更が正常に動作するかをテストし、注意点やリスクについても言及されています。

Published at: 2024/10/28

Cloudflare remix Stripe Supabase サイト制作覚書

10年続いているHeadless WordPressサイトのフロントをリニューアルしたので振り返り

. 今回のリニューアルでは、インフラ環境やフレームワークの変更など、大幅な刷新が行われました。WordPressをHeadless WordPressとして利用しているため、一般的なWordPressサイトと異なる点に注意が必要です。SaaSを組み合わせた複数のサービス構成に変更し、生成系AIやStripeなど新たなサービスも導入されました。技術選定ではRemixに置き換えたり、Clerkに認証系を変更するなど、サービスの導入や切り替えが行われました。今後は生成系AIの改善や広告管理、キャッシュコントロールの調整などが課題として挙げられます。.

Published at: 2024/09/29

Cloudflare remix SaaS / FaaS

Cloudflare PagesでRemixアプリを公開する場合、環境変数を.envと.dev.varsで管理できる

この記事では、CloudflareにRemixアプリをデプロイする際の環境変数の取り扱い方を紹介しています。開発時やビルド時には.envファイルを使用し、Cloudflare向けには.dev.varsファイルを利用します。公開可能な値は.envに、秘匿すべき値は.dev.varsに設定することで、セキュリティリスクを軽減できます。異なる環境用に設定する場合、.envファイルを分けて管理し、.dev.varsでCloudflare Pagesの環境変数を設定することがポイントです。

Published at: 2024/09/17

Cloudflare SaaS / FaaS

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

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

Published at: 2024/08/14

AI / ML Cloudflare LLM

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

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

Published at: 2024/08/12

Cloudflare remix

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

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

Published at: 2024/08/09

Cloudflare JavaScript React remix SaaS / FaaS

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

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

Published at: 2024/08/08