Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
型があると何が嬉しいか
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
uhyo
July 27, 2026
Technology
74
2
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
Baseline対応のDOMの型定義を作った
uhyo
3
890
AIのReact習熟度を測る
uhyo
2
970
React、まだ楽しくて草
uhyo
7
4.9k
TypeScript 7.0の現在地と備え方
uhyo
6
3.8k
React 19時代のコンポーネント設計ベストプラクティス
uhyo
20
10k
型定義でAIと会話する:型を通じてAIに意図を伝えるテクニック
uhyo
1
110
タグ付きユニオン型を便利に使うテクニックとその注意点
uhyo
3
1.2k
ECMAScript仕様の最新動向: プロセスの変化と仕様のトレンド
uhyo
3
950
TypeScript 6.0で非推奨化されるオプションたち
uhyo
18
8.6k
Other Decks in Technology
See All in Technology
最新技術に積極チャレンジ!EKS共通基盤のこれまでとこれから
daitak
0
300
[RSJ26] AnoleVLA: Lightweight Vision-Language-Action Model with Deep State Space Models for Mobile Manipulation
keio_smilab
PRO
0
120
設計の世代交代を乗り越える、14年続くAndroidアプリの開発戦略
sansantech
PRO
1
110
[RSJ26] Building a VLA Model Based on Self-Distilled Classification
keio_smilab
PRO
0
190
Claude Codeの体系的な理解と知識のフック
oikon48
10
6.6k
AIで実装は速くなった。なのにプロダクトは速くならない。職能の壁を越えて価値のフローを設計する
nwiizo
6
6.7k
魔法少女がClaude Codeを監視する / ccportal-deck
noriyukitakei
3
120
指示待ちから変化に応じるClaude Codeへ!~環境からAgentへの帰り道を作る~
gotalab555
9
1.8k
AIとペアプロを始める。人とのペアプロをやめる。ペアプロの良さを改めて知る。もっと好きになった。 / Rediscovering Pair Programming
honyanya
1
180
Self Healing Rollouts: Automating Production Fixes with Agentic AI
kdubois
0
140
Level Up Your CDK DX: 5 Tools I’ve Been Building
gotok365
2
180
Beyond the Hype: Practical AI for Your Oracle Database with MCP
thatjeffsmith
1
220
Featured
See All Featured
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
320
Making Projects Easy
brettharned
120
6.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Believing is Seeing
oripsolob
1
210
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
Google's AI Overviews - The New Search
badams
0
1.6k
Building Flexible Design Systems
yeseniaperezcruz
330
41k
Code Reviewing Like a Champion
maltzj
528
40k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
700
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
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