remix + cloudflare workers (DO) docker上でいい感じに開発する

Slide 1

Slide 1 text

remix + cf workers (DO) docker 上でいい感じに開発する by @tech_yda

Slide 2

Slide 2 text

yda（わいだ）東京でフリーランスエンジニアしてます Frontendメイン（特にReact周り）の技術が好きです Remix(RR) の Web標準を大事にする感じが大好きです

Slide 3

Slide 3 text

Remix (cf worker) + DurableObject ユーザー情報のセッションストレージとして DurableObject(以下DO)を採用しています) 負荷分散のために、別のワーカーでDOを起動し、Remix のワーカーとServiceBinding で接続している → 早くて安くてとってもよい！

Slide 4

Slide 4 text

開発環境もいい感じにしたい！みんな使いやすいようにdocker化しよう！

Slide 5

Slide 5 text

もしかして...、別々のコンテナに立てたワーカー同士は接続できない...？ ref: https://developers.cloudflare.com/workers/runtime-apis/bindings/service-bindings/#local- development

Slide 6

Slide 6 text

ref: https://github.com/cloudflare/workers-sdk/issues/5770#issuecomment-2465900809 !!!!!!!!!!!!!!

Slide 7

Slide 7 text

やってみた

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

別々のコンテナ同士でも Service Bindingで繋がった 🎉🎉🎉

Slide 10

Slide 10 text

まとめ WRANGLER_REGISTRY_PATH を使うことで、 ServiceBinding の情報が共有できるネットワークを共有してあげれば（擬似的に）別々の環境で動いているワーカー同士をServiceBindingで繋げられる Remix(RR) は wrangler の API をかなり最新まで追従してくれていて、ニーズがあることは調べればできるように開発してくれている！

Slide 11

Slide 11 text

最後に.... Sentry 周りや BFF からの投げるエラーレスポンスの型など、皆様がどう扱っているか気になっています！ぜひ知見共有させてください！ Twitter: @tech_yda Github: YoshidaTomoaki ありがとうございました！ 🎉