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
uhyo
July 27, 2026
Technology
23
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
790
AIのReact習熟度を測る
uhyo
2
860
React、まだ楽しくて草
uhyo
7
4.7k
TypeScript 7.0の現在地と備え方
uhyo
6
3.6k
React 19時代のコンポーネント設計ベストプラクティス
uhyo
20
10k
型定義でAIと会話する:型を通じてAIに意図を伝えるテクニック
uhyo
1
98
タグ付きユニオン型を便利に使うテクニックとその注意点
uhyo
3
1.1k
ECMAScript仕様の最新動向: プロセスの変化と仕様のトレンド
uhyo
3
920
TypeScript 6.0で非推奨化されるオプションたち
uhyo
18
8.4k
Other Decks in Technology
See All in Technology
StepFunctionsとGraphRAGを活用した暗黙知活用のためのRAG基盤
yakumo
0
160
AI時代におけるテストの基礎の再定義 / Rethinking the Fundamentals of Testing in the AI Era
mineo_matsuya
14
5.2k
AI、CDK と協働する Full TypeScript アプリケーション開発 / Full TypeScript Application with AI and CDK
geekplus_tech
2
490
『モデル + ハーネス』で読み解く AIエージェント入門
oracle4engineer
PRO
2
180
大量データに対しても、生成AIを用いてリーズナブルにデータ加工をしたい!Databricksのai_queryについて調べてみた
kamoshika
2
290
AmplifyHostingConstructからSSRフレームワークのためのホスティング設計を考察する/amplify-hosting-construct
fossamagna
1
310
SoccerMaster: A Vision Foundation Model for Soccer Understanding
kzykmyzw
0
180
プロダクト開発組織の現在地(Ver.2026/07) / product-organization
kaonavi
0
440
OpenTelemetryにおけるGoのゼロコード・コンパイル時計装について #fukuokago
quiver
0
270
20260720_クラウド女子会×PyLadiesTokyoコラボ Amazon Bedrock ハンズオン用資料
yuuka51
2
110
Webアプリ認証の全体像 / The Big Picture of Web App Authentication
kitano_yuichi
1
440
探索・可視化・自動化を一本化 Amazon Quickでデータ活用スピードを上げる方法
koheiyoshikawa
0
180
Featured
See All Featured
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
500
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.4k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
420
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
270
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
Testing 201, or: Great Expectations
jmmastey
46
8.2k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
770
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
640
Utilizing Notion as your number one productivity tool
mfonobong
4
450
Docker and Python
trallard
47
4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
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