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

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

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

✗ 業務の話  ✗ Flutterの話 

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

何を使ったか 

https://frourio.io/ 

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

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

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

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

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

prismaでクエリを書く様子 

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

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

快適 

Thanks！ 

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

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

Kurogoma4D

More Decks by Kurogoma4D

Other Decks in Programming

Featured

Transcript