「TypeScript Developers Meetup 〜フロントからバックまで TS〜」に参加してきました

• 2024/5/8
• https://kepple.connpass.com/event/315546/

nullとoptionalとundefined TypeScript統一による型の互換性

• 株式会社ケップル ソフトウェアエンジニア 芹田 悠一郎さん

nullとoptionalとundefined

• nullは明示的/undefinedはデータがない
• 便利なこともあるけど苦しむ場面もある
• nullに特別な意味をもたせるのはJavaScript-ism
  • 他の言語で似たようなものはあまりない
  • FE/BEどっちもtsにしちゃえば楽

Compiler APIを利用してTypeScriptのAPI型定義からOpenAPI.jsonを作成する

• コミューン株式会社 Software Engineer 角田 武蔵さん

Communeの技術スタック

• WebFEとBEはTS
  • Next/express
• スマホはFlutter
• FEとBEは1つのリポジトリで管理
  • APIの型定義も共有できる

課題感と対処

• 課題感
  • ランタイムでAPIの方が一致しない
    • ORマッパーが悪さしてたり
  • アプリとの連携
• 対処
  • CompilerAPIを活用してOpenAPI.jsonを作るスクリプトを用意して使ってる
    • tsの型定義をjsonに変換

TypeScriptでフルスタックな開発体験をとことん追求してみる

• XMile株式会社 開発責任者 蝦名 潤さん

技術スタック

• FEはNextでts
• LambdaとかAWS CDKもtsで書いてる
• アプリとインフラでリポジトリを分けてる
  • 相互に齟齬が生まれないようにするのはレビューで人力で
  • API定義など変わった時の同期
  • モノレポにしたい

どこまでtsでやるか

• フルtsが整ってきた
  • Next/hono.remix
• CDKまでこだわるメリットはあまりない
  • インフラまで共通化するメリット

TypeScriptに頼りながら作るバリデーター

• 株式会社Helpfeel 秦 友幸さん

tsで便利なこと

• 入力補完
• 性的型チェック
• 実行時バリデーション
  • フォーム
  • APIの引数

tsでバリデーター

• tsに頼りながらjsで作る
  • 自力でnarrowingする
    • typeofで頑張って想定外ならError投げる
    • コード量多いので厳しい
  • zod使う