Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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