frourioがとりあえずすごかった話

Transcript

1. frourioが
 とりあえずすごかった話
 Kurogoma4D

2. 鈴木 崇史 / Kurogoma4D
 @Krgm4D
 木更津高専出身
 Flutterメインのモバイルアプリエンジニア 
 一人暮らし，エアコンしかなくて足元が寒いです 

3. ✗ 業務の話
 ✗ Flutterの話

4. ある日友人が言ってたこと
 • メモ帳にテンプレ的な項目が設定できて
 • 後から項目が追加できて
 • すでにあるメモに追加した項目が
 反映される
 
 そんなメモ帳ほしいなぁ
 ※要約

7. 何を使ったか

8. https://frourio.io/

9. frourio is 何
 • “Fast and type-safe full stack framework, for TypeScript”
 • 早い話Ruby on RailsのTypeScript版

10. prisma + aspidaがすごい！
 ORM
 HTTPクライアント
 形を共有

11. schema.prisma にスキーマを定義して 
 
 `prisma generate` すると node_modules/配下に型が作られる 
 これ

12. aspida側
 
 aspidaのリクエスト/レスポンス型定義 
 （ルーティングはディレクトリ構成と同 じになる）
 
 GET /api/memos?post_id=1 
 prismaの型定義が使える 

13. aspidaのコントローラー 
 
 やってることはRoRの 
 コントローラーと同じ 

14. prismaでクエリを書く様子

15. サーバーサイドTS，良い…

16. ちなみにクライアントでは
 aspida用のSWR React Hook `useAspidaSWR` フックを使えば 
 型定義を参照することなくレスポンスの型をそのまま使える 
 ※SWR(stale-while-revalidate) : データフェッチ用のHook
 Next.jsではただ使うだけならクライアントサイドからリクエストが送れる便利なやつ
 https://swr.vercel.app/

17. 快適

18. Thanks！