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
670
frourioがとりあえずすごかった話
Kurogoma4D
December 20, 2020
Tweet
Share
More Decks by Kurogoma4D
See All by Kurogoma4D
2019-12-08 学生LT in Tokyo
kurogoma4d
0
660
初参加なので就活の話をします
kurogoma4d
1
320
Other Decks in Programming
See All in Programming
Go製CLIツールGatling Commanderによる負荷試験実施の自動化
okmtz
3
650
[PHPカンファレンス沖縄2024]「無理なくできるだけ安全に」テストもないレガシーコードをリファクタリングするテクニック
ikezoemakoto
3
110
Compose Multiplatform과 Ktor로 플랫폼의 경계를 넘어보자
kwakeuijin
0
220
Remix × Cloudflare Pages × Sentry 奮闘記 / remix-pages-sentry
nkzn
1
370
[KR] Server Driven Compose With Firebase
skydoves
1
120
Progressive Web Apps for Rails developers
siaw23
2
530
MLOps in Mercari Group’s Trust and Safety ML Team
cjhj
1
100
tsconfig.jsonの最近の新機能 ファイルパス編
uhyo
6
1.3k
Unlocking Python's Core Magic
leew
0
110
CDKを活用した 大規模コンテナ移行 プロジェクトの紹介
yoyoyopg
0
230
推しの夫に恋のGPS「ときメーター」#M5Stack #IoT #M5JPTour2024
riyu
0
220
Subclassing, Composition, Python, and You
hynek
3
110
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
263
13k
What's in a price? How to price your products and services
michaelherold
243
11k
No one is an island. Learnings from fostering a developers community.
thoeni
19
2.9k
How To Stay Up To Date on Web Technology
chriscoyier
786
250k
Making the Leap to Tech Lead
cromwellryan
130
8.8k
We Have a Design System, Now What?
morganepeng
49
7.1k
The Pragmatic Product Professional
lauravandoore
31
6.2k
Rails Girls Zürich Keynote
gr2m
93
13k
A Modern Web Designer's Workflow
chriscoyier
692
190k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
32k
Mobile First: as difficult as doing things right
swwweet
222
8.8k
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!