「shibuya.ts」に参加してきました

• 2025/2/5
• https://shibuya-ts.connpass.com/event/339243/

nuqsによる型安全なクエリパラメータ

mukai_yuichiさん

• クエリパラメータの管理どうするか
  • clientではuseEffectで取得してstateにセットして
  • serverではreqからとって
  • 型安全にとれない
• nuqs
  • 最近v2になった
  • Next以外もReactRouterなどもサポート
  • useQueryState()
  • 型安全に取得できる

tsoaはいいぞ！APIドキュメントを自動生成！

ミカイさん

• スキーマの仕様書と実際のレスポンスの乖離
• tsoa
  • ExpressなどのコードからOpenAPIのスキーマのyamlを生成してくる
  • ローカル起動もできる

TypeScriptの型推論と型ガード

kimi_komaさん

• folterでnullを取り除いた時の型推論
• id is string みたいに型を指定する
• 昔はそうだったけど今のTypeScriptは推論してくれる

地図で出会う型の考察

OGATA Tetsujiさん

• GeoJSON
  • 地理情報を格納できるJSONベースのフォーマット
• 配列の存在しないindexⅱアクセスしても型推論されてしまう
  • atを使うと必ずオプショナルになる

TypeScript x Paper.js 型安全で実現する2Dグラフィックアプリ

tsubasa55102さん

• 図面に合わせた多角形の面積や角度の計算が必要なアプリ
• Paper.jsで実現
  • tsサポートされてる
  • 図形を型安全に描画できる

BiomeでFormatとLintのストレスをゼロに

ごりらさん

• ESLint/PrettierからBiomeに移行
  • 実行時間が長いのが課題だった
• 移行作業
  • 互換性が高い
  • migrateコマンドが用意されている
    • 対応するルールのないlintルールは手動で
• 10sだったのが0.2sに

  配列にまつわる型検査をしたら思ったより大変だった話

tocomi / Kenta TSUNEMIさん

• 配列で過不足なく順不同なことを担保する型を作りたい
• 普通にやると不足を検知できない
• タプルにすると順番の制約が
• Diff使って複雑なことすると実現できた

DuckDB Wasm触ってみた

toikiさん

• フロント側でSQL実行できる
• @duckdb/duckdb-wasmを提供してくれてる
• wasmの実行はメインスレッドをブロックしない