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
790
カーナベル株式会社2024年2月 エンジニアイベント資料
Avatar for andoshin11 andoshin11
0
410
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
270
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.2k

Other Decks in Technology

See All in Technology
LINE公式アカウントの技術スタックと開発の裏側
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
270
龍昌餃子で理解するWebサーバーの並行処理モデル - 東葛.dev #9
Avatar for Koji NAKAMURA kozy4324
1
140
エンタープライズ企業における開発効率化のためのコンテキスト設計とその活用
Avatar for sergicalsix sergicalsix
1
140
エンジニアにとってコードと並んで重要な「データ」のお話 - データが動くとコードが見える：関数型＝データフロー入門
Avatar for Izumu KUSUNOKI ismk
0
280
なぜ新機能リリース翌日に モニタリング可能なのか？ 〜リードタイム短縮とリソース問題を「自走」で改善した話〜 / data_summit_findy_Session_2
Avatar for Sansan R&D sansan_randd
1
150
Boxを“使われる場”にする統制と自動化の仕組み
Avatar for 株式会社出前館 demaecan
0
230
ソースコードを読むときの思考プロセスの例 ~markdownのレンダリング方法を知りたかった2 markdownパッケージ~
Avatar for Satoru Takeuchi sat
PRO
0
130
AIエージェントは「使う」だけじゃなくて「作る」時代！ 〜最新フレームワークで楽しく開発入門しよう〜
Avatar for みのるん minorun365
10
1.5k
品質保証の取り組みを広げる仕組みづくり〜スキルの移譲と自律を支える実践知〜
Avatar for tarappo tarappo
2
770
DMARCは導入したんだけど・・・現場のつぶやき 〜 BIMI？何それ美味しいの？
Avatar for HIRANO Yoshitaka hirachan
1
180
プロダクトエンジニアとしてのマインドセットの育み方 / How to improve product engineer mindset
Avatar for Jumpei Sakatsu saka2jp
2
200
The Twin Mandate of Observability
Avatar for Charity Majors charity
1
1.2k

Featured

See All Featured
Side Projects
Avatar for Sacha Greif sachag
455
43k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.8k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
4.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
8
360
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.4k

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