Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
frourioがとりあえずすごかった話
Search
Kurogoma4D
December 20, 2020
Programming
0
680
frourioがとりあえずすごかった話
Kurogoma4D
December 20, 2020
Tweet
Share
More Decks by Kurogoma4D
See All by Kurogoma4D
2019-12-08 学生LT in Tokyo
kurogoma4d
0
670
初参加なので就活の話をします
kurogoma4d
1
340
Other Decks in Programming
See All in Programming
cmp.Or に感動した
otakakot
3
170
Better Code Design in PHP
afilina
PRO
0
130
シェーダーで魅せるMapLibreの動的ラスタータイル
satoshi7190
1
480
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
290
Contemporary Test Cases
maaretp
0
140
役立つログに取り組もう
irof
28
9.6k
色々なIaCツールを実際に触って比較してみる
iriikeita
0
330
watsonx.ai Dojo #4 生成AIを使ったアプリ開発、応用編
oniak3ibm
PRO
1
130
Compose 1.7のTextFieldはPOBox Plusで日本語変換できない
tomoya0x00
0
190
見せてあげますよ、「本物のLaravel批判」ってやつを。
77web
7
7.8k
初めてDefinitelyTypedにPRを出した話
syumai
0
410
Less waste, more joy, and a lot more green: How Quarkus makes Java better
hollycummins
0
100
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
A Philosophy of Restraint
colly
203
16k
A better future with KSS
kneath
238
17k
Rails Girls Zürich Keynote
gr2m
94
13k
Speed Design
sergeychernyshev
25
620
Git: the NoSQL Database
bkeepers
PRO
427
64k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Music & Morning Musume
bryan
46
6.2k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Happy Clients
brianwarren
98
6.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Transcript
frourioが とりあえずすごかった話 Kurogoma4D
鈴木 崇史 / Kurogoma4D @Krgm4D 木更津高専出身 Flutterメインのモバイルアプリエンジニア 一人暮らし,エアコンしかなくて足元が寒いです
✗ 業務の話 ✗ Flutterの話
ある日友人が言ってたこと • メモ帳にテンプレ的な項目が設定できて • 後から項目が追加できて • すでにあるメモに追加した項目が 反映される そんなメモ帳ほしいなぁ
※要約
None
None
何を使ったか
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!