はじめてのCloudflareで個人開発！リリースまでにハマったあれこれ

はじめてのCloudflareで個人開発！リリースまでにハマったあれこれ 2025/06/11 | Cloudflare Meet-up | ひととり

きょうお話しすること先日リリースしたサービス、キーニナルの開発でハマった点を共有します！ ↓ 皆さんがCloudflareで開発する際、私と同じポイントでつまづかなければ良いなと思っています！

キーニナルについて Tech寄りの笑える記事を書けるnoteやZennのような記事執筆サービスですもっと技術や科学でふざけられる場所があったら良いなと思い制作しました人物同士の会話を表現できることが特徴！認証機能以外はすべてCloudflareを使用

ひととりについて・個人開発者・AWSやGCPは3年程度経験あり・Cloudflareを触るのははじめてひととり(Twitter)

キーニナルの構成についてユーザ Web App workers Auth DB・ストレージ D1 R2 Backend
workers hono

リリースまでにハマったこと① D1 TableはTerrafromで作れない D1のテーブル作成はTerraform非対応のため wranglerコマンドで操作するしかない CI/CDどうすんねん wranglerでやるにしても名前衝突でテーブル作れない… https://registry.terraform.io/providers/cloudflare/cloudflare/latest/docs/resources/d1_database

リリースまでにハマったこと① D1 TableはTerrafromで作れない ✅ D1 Table作成に関わる処理をCI/CDで管理したい場合は GitHub Actions側でテーブルの有無に応じて処理を分岐テーブルが存在するならテーブル作成処理をスキップテーブルが存在しないならテーブル作成処理を実行

リリースまでにハマったこと② カスタムトークン権限 Workersに付与できるD1,R2の権限の粒度の大きさ

リリースまでにハマったこと② カスタムトークン権限 ✅ 意図しないバケットやテーブル操作防止のためにバックエンド側でJWT検証を行うユーザ Web App workers Auth
DB・ストレージ D1 R2 Backend workers hono

リリースまでにハマったこと③ Remixのデプロイ PagesよりWorkersを推奨 https://developers.cloudflare.com/pages/migrations/migrating-from-workers/?utm_source=chatgpt.com

リリースまでにハマったこと③ Remixのデプロイ ❌ 素直にQuick Startから始めるとデプロイが面倒 https://remix.run/docs/en/main/start/quickstart

リリースまでにハマったこと③ Remixのデプロイ ✅ Workers用のテンプレートを使用しよう https://remix.run/docs/en/main/guides/deployment#deployment

リリースまでにハマったこと③ Remixのデプロイ npx create-remix@latest --template remix-run/remix/templates/cloudflare-workers https://github.com/remix-run/remix/tree/main/templates

リリースまでにハマったこと④ WorkersのRoute Domainへのデプロイ ❌ ルートドメインであるkeyninaru.meにRemixをデプロイデプロイそのものは成功したが中身が表示されず… ・検証環境用サブドメインへデプロイした中身は閲覧できる状態・DNSレコードにはWorkersの種別でルートドメインを登録済みの状態

リリースまでにハマったこと④ WorkersのRoute Domainへのデプロイ ✅ Custom Domainを選んでデプロイしよう Routesでデプロイすると同一ゾーン内のfetch()ができないログを確認した際にfetch関連のエラーが発生していたらRoutesでデプロイしていないか確認しよう https://developers.cloudflare.com/workers/configuration/routing/

リリースまでにハマったことまとめ D1 Table作成に関わる処理をCI/CDで管理したい場合 ✅ GitHub Actions側でテーブルの有無に応じて処理を分岐カスタムトークン権限の粒度が大きいことへの対応 ✅ 意図しないバケットやテーブル操作防止のためにバックエンド側でJWT検証を実施
RemixをWorkersにデプロイしたい ✅ 公式テンプレートでPJ作成して開発をスタート取得したRoute DomainをWorkersに紐づけてデプロイするとエラーが発生する ✅ デプロイ時にCustom Domainを指定してデプロイ

Cloudflareさん、ありがとうございます！ご清聴ありがとうございました🎉 ひととり(Twitter) キーニナル

はじめてのCloudflareで個人開発！リリースまでにハマったあれこれ

はじめてのCloudflareで個人開発！リリースまでにハマったあれこれ

ひととり

Featured

Transcript