Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ain't giving up type-safe Express

Avatar for andoshin11 andoshin11
May 19, 2020
Technology
2
460

ain't giving up type-safe Express

Avatar for andoshin11

andoshin11

May 19, 2020
Tweet

More Decks by andoshin11

See All by andoshin11
カーナベルにおけるProtobuf二次利用例
Avatar for andoshin11 andoshin11
0
140
Envoy External AuthZとgRPC Extensionを利用した「頑張らない」Microservices認証認可基盤
Avatar for andoshin11 andoshin11
0
760
カーナベル株式会社2024年2月 エンジニアイベント資料
Avatar for andoshin11 andoshin11
0
400
Private Cloudを支える最高のユーザーガイド運用技術
Avatar for andoshin11 andoshin11
0
300
TS CompilerがVueを喋れても良いじゃないか
Avatar for andoshin11 andoshin11
0
750
Type Safe "Everything"
Avatar for andoshin11 andoshin11
0
260
Hack your Nuxt router!
Avatar for andoshin11 andoshin11
0
1.3k
GatewayパターンとSchema駆動開発
Avatar for andoshin11 andoshin11
7
1.5k
Catch up Nuxt.js 2019.02
Avatar for andoshin11 andoshin11
0
2.1k

Other Decks in Technology

See All in Technology
webpack依存からの脱却！快適フロントエンド開発をViteで実現する #vuefes
Avatar for 弁護士ドットコム bengo4com
2
2.5k
From Natural Language to K8s Operations: The MCP Architecture and Practice of kubectl-ai
Avatar for Bo-Yi Wu appleboy
0
110
ViteとTypeScriptのProject Referencesで 大規模モノレポのUIカタログのリリースサイクルを高速化する
Avatar for did0es shuta13
2
140
AI時代の開発を加速する組織づくり - ブログでは書けなかったリアル
Avatar for Hiro hiro8ma
1
260
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
Avatar for katsuhisa_ katsuhisa91
PRO
3
1.3k
「魔法少女まどか☆マギカ Magia Exedra」の多様なバトルの開発を柔軟かつ効率的に実現するためのPure C#とUnityの分離について
Avatar for gree_tech gree_tech
PRO
0
250
「魔法少女まどか☆マギカ Magia Exedra」におけるバックエンドの技術選定
Avatar for gree_tech gree_tech
PRO
0
110
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
Avatar for R-Miura r_miura
1
280
Zephyr(RTOS)にEdge AIを組み込んでみた話
Avatar for misoji engineer iotengineer22
1
280
Dify on AWS 環境構築手順
Avatar for Hiroaki Yoshimura yosse95ai
0
110
旅で応援する✈️ NEWTが目指すコミュニティ支援とあたらしい旅行 / New Travel: Supporting by NEWT on Your Journey
Avatar for miisan mii3king
0
140
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.8k

Featured

See All Featured
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
353
21k

Transcript

  1. ain’t giving up
 type-safe Express
 @andoshin11
 19. 5. 2020
 #隅田川.js


  2. Who am I ?
 hin Ando (a.k.a Andy)
 @andoshin11
 -

    Freelance Full- tack Developer
 - ype cript / Vue.js / eact / Go / uby / erraform / etc… 
 - ❤ Code Generation!


  3. ecent Works:
 typescript-error-reporter-action

  4. ecent Works:
 vue-type-audit

  5. Express with ype cript


  6. What’s new with @types/express
 • Generic eq/ es ype
 •

    H Methods Awareness (← my first contribution!!)
 • Generic uery arameter ype
 • Enhanced Middleware ype
 • Improved ame- ite Cookie options 
 • and more...


  7. oute handlers


  8. None

  9. oute handlers
 Dictionary ype
 bject ype
 any
 Can send anything


  10. Mapping Handler ypes


  11. Mapping Handler ypes


  12. eparating Declaration
 Multiple handler types can be defined for different

    paths


  13. H Method Distinction
 eceives Method type as a Generic input


  14. Am I really doing this...


  15. Let the tools do their jobs!!


  16. typed-oax


  17. typed-oax
 Open API Open API AST TypeScript AST Handler Types(d.ts)

    Generate Handler ypes using pen A I & A arser 


  18. typed-oax
 DEM