アプリ作成でTypeScriptを使用することにしたので学習ルートを記載しておく。
<h2 id="%E3%82%A4%E3%83%B3%E3%83%97%E3%83%83%E3%83%88">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%B3%E3%83%97%E3%83%83%E3%83%88" aria-hidden="true"></a> インプット</h2>
本 
<a href="https://www.amazon.co.jp/gp/product/B0CVRS45D7/ref=ppx_yo_dt_b_d_asin_title_351_o00?ie=UTF8&amp;psc=1" target="_blank" rel="nofollow noopener noreferrer">現場で使えるTypeScript 詳解実践ガイド</a>
動画 
<a href="https://www.udemy.com/course/typescript-timep/" target="_blank" rel="nofollow noopener noreferrer">【TypeScript】初心者向け講座【Vue3】【React】で使う内容に絞り【タイパ重視】の構成</a>
記事 
<a href="https://zenn.dev/sprout2000/articles/40328708afaeb9" target="_blank">React と TypeScript で簡単 TODO アプリ</a>
<h3 id="%E5%8F%82%E8%80%83%E3%81%AB%E3%81%99%E3%82%8B%E3%83%9A%E3%83%BC%E3%82%B8">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E3%81%AB%E3%81%99%E3%82%8B%E3%83%9A%E3%83%BC%E3%82%B8" aria-hidden="true"></a> 参考にするページ</h3>
<a href="https://typescriptbook.jp/" target="_blank" rel="nofollow noopener noreferrer">サバイバルTypeScript</a>
<a href="https://future-architect.github.io/typescript-guide/index.html" target="_blank" rel="nofollow noopener noreferrer">仕事ですぐに使えるTypeScript</a>
<a href="https://typescript-jp.gitbook.io/deep-dive" target="_blank" rel="nofollow noopener noreferrer">TypeScript Deep Dive 日本語版</a>
<a href="https://qiita.com/ochiochi/items/efdaa0ae7d8c972c8103" target="_blank" rel="nofollow noopener noreferrer">TypeScriptチュートリアル① -環境構築編-</a>
<a href="https://qiita.com/uhyo/items/e2fdef2d3236b9bfe74a" target="_blank" rel="nofollow noopener noreferrer">TypeScriptの型入門</a>
<h2 id="%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88">
<a class="header-anchor-link" href="#%E3%82%A2%E3%82%A6%E3%83%88%E3%83%97%E3%83%83%E3%83%88" aria-hidden="true"></a> アウトプット</h2>
１回目は見ながら作る。２回目は自力で作る。
<a href="https://www.udemy.com/course/modern_javascipt_react_beginner/" target="_blank" rel="nofollow noopener noreferrer">【最新ver対応済】モダンJavaScriptの基礎から始める挫折しないためのReact入門</a>
<ol>
<li>TODOアプリを自力で作る(React)のみで</li>
<li>TypeScriptに変換して作る</li>
</ol>

TypeScript学習ルート予定　覚書き（2024年版）

インプット

参考にするページ

アウトプット

Discussion