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

Unknownのことをちゃんと知りたい_関西フロントエンド忘年会[email protected] ×...

Avatar for is_ryo is_ryo
December 06, 2024
Technology
0
18

Unknownのことをちゃんと知りたい_関西フロントエンド忘年会[email protected] × KINTOテクノロジーズ

Avatar for is_ryo

is_ryo

December 06, 2024
Tweet

More Decks by is_ryo

See All by is_ryo
tRPC入門
Avatar for is_ryo is_ryo
1
250
TypeScriptでWebAssemblyに入門しよう
Avatar for is_ryo is_ryo
0
250
Honoが良さそう🔥
Avatar for is_ryo is_ryo
1
1.1k
LambdaのNodejsをアップデートしたら困った話
Avatar for is_ryo is_ryo
2
1.3k
頑張らないオレオレVuex規約を作った話
Avatar for is_ryo is_ryo
4
2.7k
AppSyncで始めるGraphQL
Avatar for is_ryo is_ryo
1
600

Other Decks in Technology

See All in Technology
PagerDuty×ポストモーテムで築く障害対応文化/Building a culture of incident response with PagerDuty and postmortems
Avatar for AEON aeonpeople
3
540
今日からはじめるプラットフォームエンジニアリング
Avatar for Kazuto Kusama jacopen
8
1.9k
Aspire をカスタマイズしよう & Aspire 9.2
Avatar for neno nenonaninu
0
360
企業が押さえるべきMCPの未来
Avatar for TakaakiKakei takaakikakei
0
260
AIとSREで「今」できること
Avatar for HonMarkHunt honmarkhunt
3
690
OPENLOGI Company Profile
Avatar for OPENLOGI hr01
0
63k
Pythonデータ分析実践試験 出題傾向や学習のポイントとテクニカルハイライト
Avatar for Manabu TERADA terapyon
1
110
製造業向けIoTソリューション提案資料.pdf
Avatar for h.uriu haruki_uiru
0
160
AIと共に乗り越える、 入社後２ヶ月の苦労と学習の軌跡
Avatar for Sai Kaneko sai_kaneko
0
190
10ヶ月かけてstyled-components v4からv5にアップデートした話
Avatar for uhyo uhyo
5
450
C++26アップデート 2025-03
Avatar for Akira Takahashi faithandbrave
0
1.2k
Computer Use〜OpenAIとAnthropicの比較と将来の展望〜
Avatar for PharmaX（旧YOJO Technologies）開発チーム pharma_x_tech
6
970

Featured

See All Featured
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
78
6.3k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
177
9.7k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.8k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
40
7.2k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
49
7.8k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
49k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.3k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
227
22k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
329
24k

Transcript

  1. Unknownのことをちゃんと 知りたい 関西フロントエンド忘年会[email protected] × KINTOテクノロジーズ_2024/12/06

  2. いずりょー #EngineeringManager #TypeScriptが好き #JavaScriptは嫌い #最近は生成 AIと戯れている #kansai.ts Organizer X →

    @is_ryo Bluesky → is-ryo

  3. 今日は Unknownのことちゃんと 理解して使ってる？ という話をします

  4. 質問 unknown型を 意識して使っている人 󰢧

  5. 終 制作・著作 ━━━━━ いずりょー

  6. 結論 ちゃんとUnknownのことを理 解できたら anyはいらない (多分…きっと…知らんけど )

  7. サバイバル TypeScriptによると • TypeScriptのunknown型は、型が何かわからないときに使う型です • unknown型にはどのような値も代入できます • unknown型はよく「型安全なany型」と言われ、any型と対比されます • any型はどのような型の変数にも代入できますが、unknown型の値は具

    体的な型へ代入できません • などと書いてある

  8. unknown型にはどのような値も代入できる

  9. unknown型は「型安全な any型」

  10. unknown型とany型の違い • unknown型もany型もどのような値も代入できる • unknown型はunknown型にしか再代入できない • any型に代入したオブジェクトのプロパティ、メソッドは使用することができ るが、unknown型は使用できないし実行もできない ◦ 意図しない実行時エラーを検知することができる

  11. ざっくり言うと unknown型は安全に型を ぶっ飛ばして any型はTSを捨てる という感じ

  12. any型を使っていいのは TSを捨てる覚悟のあるやつだけだ …

  13. unknown型の使い方 • any型の値をより安全にする • 型アサーションの制約を回避する • TypeGuardを利用して正しい型をつける

  14. None
  15. None

  16. まとめ • とりあえず「型が何かわからない 」という時に any型 を使うのではなくて unkonwn型 を使うことで堅牢なコードに1歩近づく • その結果コード量は増えるケースが多いとは思うので、そこはいい塩梅を

    探す必要がある • (個人的には) 多少コード量が多くなっても any型 がない世界を目指した い ◦ コードレビューで any型 を排除する活動をし始めている

  17. 結論 ちゃんとUnknownのことを理 解できたら anyはいらない (多分…きっと…知らんけど )

  18. Thanks!!!