Slide 1

Slide 1 text

hono-remix-adapter 使ってみた おがどら

Slide 2

Slide 2 text

🎉 yusukebe/hono-remix-adapter 🎉 ※ 本日のデモでは、こちらのリリースを適用

Slide 3

Slide 3 text

作ったサービス https://mogami.live

Slide 4

Slide 4 text

技術スタック ( インフラ) Cloudflare Workers Service bindings Durable Objects D1 R2

Slide 5

Slide 5 text

技術スタック ( アプリ) Remix Hono Drizzle shadcn/ui satori

Slide 6

Slide 6 text

インフラ構成図

Slide 7

Slide 7 text

Remix のAction / Loader の責務に当てはまらな いものをHono で処理 Durable Objects の呼び出し WebSocket 接続に必要 別Worker へのリクエスト Service bindings 静的ファイルの配信

Slide 8

Slide 8 text

Hono とRemix を動かした感想 Pages ではなくWorkers で良かった、と思う Durable Objects はPages では使えない 簡単に同一ドメインでAPI を提供できる 最初は手探りだったが、整ってきている hono-remix-adapter を今日適用した それまでは自前で書いていた これからの発展が楽しみ

Slide 9

Slide 9 text

hono-remix-adapter の良いと ころ 簡単にHono の上でRemix が動かせた

Slide 10

Slide 10 text

ここから望むところ Issue 書いたらLT 前日にPR 上がってた🙏🙏 ありがとうございます🙏🙏

Slide 11

Slide 11 text

今後はここを頑張りたい テストコードを書く Durable Objects / WebSocket のテスト DO がミュータブルなので慣れていない WebSocket の知見が少ない

Slide 12

Slide 12 text

まとめ Cloudflare でフルスタックアプリは作れる。 お財布に優しいので、個人開発にオススメ。

Slide 13

Slide 13 text

ご清聴ありがとうございました Twitter: GitHub: @const_myself ogadra made by reveal.js