Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
型があると何が嬉しいか
Search
uhyo
July 27, 2026
Technology
110
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
型があると何が嬉しいか
2026-07-27 [初心者歓迎] #雑LT_study
uhyo
July 27, 2026
More Decks by uhyo
See All by uhyo
Reactの設計論
uhyo
16
8.8k
Baseline対応のDOMの型定義を作った
uhyo
3
920
AIのReact習熟度を測る
uhyo
2
990
React、まだ楽しくて草
uhyo
7
5k
TypeScript 7.0の現在地と備え方
uhyo
6
3.8k
React 19時代のコンポーネント設計ベストプラクティス
uhyo
20
11k
型定義でAIと会話する:型を通じてAIに意図を伝えるテクニック
uhyo
1
110
タグ付きユニオン型を便利に使うテクニックとその注意点
uhyo
3
1.2k
ECMAScript仕様の最新動向: プロセスの変化と仕様のトレンド
uhyo
3
960
Other Decks in Technology
See All in Technology
Code4Lib JAPANカンファレンス2026 開会挨拶 / Code4Lib JAPAN Conference 2026: Opening Remarks
ykiyota
0
350
Screen Lens - 今見てる画面を翻訳する
komagata
0
260
ペアプロの価値はコードを書くことだけじゃない
codmoninc
PRO
0
210
AIオーケストレーションを活用した 開発ワークフローの設計と実践
bqnq
0
160
俺の仕事は AIに奪われないし、たぶんその BIも要らない
hikaruri
0
120
AI時代のAPI品質を支えるガードレール / API Guardrails for API quality in the AI era
yokawasa
1
220
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
nwiizo
0
870
From Vanilla Kubernetes to a Batteries-Included Platform: Developer Experience at 1,300+ Clusters
yosshi_
0
700
作品が生態系になった ─ Mini Tokyo 3D から世界へ
nagix
0
170
AI時代だからこそ、スケールしないことをやろう
yutashigemura
1
160
顧客に向き合う開発組織へ。リアーキテクチャとフィーチャーチーム化で挑む組織改革
safie
0
510
2026-09-09 【sigma_ucj#1】Sigma を IaC 管理したい! / IaC for Sigma
civitaspo
0
120
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
85
9.6k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
69
65k
Tell your own story through comics
letsgokoyo
1
1.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
730
We Have a Design System, Now What?
morganepeng
55
8.3k
Context Engineering - Making Every Token Count
addyosmani
9
1.1k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
520
Transcript
型があると何が嬉しいか 2026-07-27 [初心者歓迎] #雑LT_study
教科書的な答え 1. 高精度で素早いフィードバック – ユニットテストとの比較 • 型検査は理論的バックグラウンドがあり、信頼性が高い。 (関連ワード: 型システムの健全性) •
実際にプログラムを実行するよりは高速。(のはず) 2. 設計への寄与 – 型を前提とした設計 3. LSP等によるコーディング補助 2
教科書的な答え 1. 高精度で素早いフィードバック – ユニットテストとの比較 • 型検査は理論的バックグラウンドがあり、信頼性が高い。 (関連ワード: 型システムの健全性) •
実際にプログラムを実行するよりは高速。(のはず) AI時代だぞ? 2. 設計への寄与 – 型を前提とした設計 3. LSP等によるコーディング補助 3
実際にやってみた 4
今回の実験内容 • 9000行程度のTypeScriptプロジェクトを用意 (Claudeがスプレッドシート的なやつを作ってくれた) • 型を削除したJavaScript版を生成 • 両方でClaude Codeが同じタスクを行い、 コストを比較
(バグ修正、機能追加、リファクタリング) https://github.com/uhyo/types-experiments 5
実験設定 • TS版では型アノテーションあり + LSPを装備 • JS版ではLSPなし • Claude Sonnet
5使用(Haiku 4.5の結果もあるけど省略) • リファクタリング1, 機能追加2, バグ修正5 6
実験結果 タスク名 TSコスト JSコスト TS/JS比 Refactor-address-brand $1.75 $1.01 1.73 Feature-table-formulas
$3.95 $3.12 1.26 Feature-xlookup $2.59 $2.61 0.99 Bug-datedif-anniversary $0.29 $0.32 0.91 Bug-migration-field $0.62 $0.56 1.11 Bug-sheet-rename-refs $0.84 $0.94 0.90 Bug-table-resize-watchers $0.70 $0.80 0.87 Bug-stale-recalc (anchor) $0.61 $0.69 0.89 7
実験結果 • バグ調査タスクの多くで、コストが1割程度減。 • しかしTSがあると逆にコストが増えるケースも。 • 型の読み書きや型の整合性を合わせるコスト? 8
おわり • まあ型はあったほうがいいんじゃない? • もっと大規模なプロジェクトで実験してみたい • 気になることはAIで自分で実験してみよう 9