Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

ローコードSaaSのUXを向上させるためのTypeScript

taro
November 15, 2024

 ローコードSaaSのUXを向上させるためのTypeScript

TSKaigi Kansai 2024での登壇資料です。

スピーカーノート
https://zenn.dev/taroro28/scraps/83e2a3cd6ea2b4

taro

November 15, 2024
Tweet

More Decks by taro

Other Decks in Programming

Transcript

  1. UXを向上させるための TypeScriptとは? コードの⼊⼒や設定を楽にする機能の例 • 値や関数の型がわかる • ⼊⼒補完が効く • 誤った関数の使い⽅を間違えてしまった時にバリデーションが効く •

    エラーメッセージがわかりやすい →こういったUX改善のためにどのようにTSの機能やライブラリを使っているかの話 UXを向上させるためのTypeScriptとは?
  2. JavaScriptのコードエディターを TypeScriptの機能で便利にする • どんなJavaScriptのコードを設定する機能なのか? • Monaco Editor • default exportされる関数の引数にフォームの状態から⽣成した型をつける

    • 組み込み関数に型をつける • ユーザーが作成したデータを元に型をつける JavaScriptのコードエディターをTypeScriptの機能で便利にする