はじめに

今回の記事では、学習・開発でTypeScriptを使ううえで絶対に確認するべきGitHubリポジトリ、サイトや書籍を33も紹介する。TypeScriptで生計を立てているプログラマーはもちろん、これからTypeScriptを学習するプログラマーはぜひ確認しておきたい。

GitHubリポジトリ

awesome-typescript

TypeScriptの学習・開発に役立つツール、サイトや書籍を一つにまとめているGitHubリポジトリ。TypeScriptを使っているプログラマーは全員確認するべき。

awesome-react

Reactの学習・開発に役立つツール、サイトや書籍を一つにまとめているGitHubリポジトリ。

awesome-vue

Vueの学習・開発に役立つツール、サイトや書籍を一つにまとめているGitHubリポジトリ。

awesome-nextjs

Next.jsの学習・開発に役立つツール、サイトや書籍を一つにまとめているGitHubリポジトリ。

awesome-nuxt

Nuxt.jsの学習・開発に役立つツール、サイトや書籍をまとめているGitHubリポジトリ。

awesome-nestjs

NestJSの学習・開発に役立つツール、サイトや書籍をまとめているGitHubリポジトリ。

awesome-deno

Denoの学習・開発に役立つツール、サイトや書籍をまとめているGitHubリポジトリ。

awesome-vite

Viteの学習・開発に役立つツール、サイトや書籍をまとめているGitHubリポジトリ。

TypeScript Cheatsheets

TypeScriptの開発に必要な文法やテクニックをまとめたGitHubリポジトリ。チートシートは開発を効率良く進める上で重宝する。

typescript-cheatsheets/react

React(TypeScript)の開発に必要な文法やテクニックをソースコード付きでまとめられているGitHubリポジトリ。実務でReactを使っているなら絶対に確認するべき。

Docusaurus

オープンソースプロジェクトのWebサイトを簡単に構築、デプロイ、維持するためのプロジェクト。React(TypeScript)の前提知識があれば簡単に扱える。

書籍・電子書籍

typescript-handbook.pdf

Microsoftが提供しているTypeScriptの基礎知識を徹底解説されているPDFファイル。分量は184ページにも及ぶ。無料でダウンロードできる。

Effective TypeScript: 62 Specific Ways to Improve Your TypeScript

TypeScriptのプログラムを改善するための具体的なテクニックを62も取り上げられている。

プロを目指す人のためのTypeScript入門

TypeScriptの基本文法を丁寧に解説されている書籍。通称「ブルーベリー本」。内容は初心者・未経験者向け。

プログラミングTypeScript

TypeScriptの基本文法を詳細に、かつ丁寧に解説されている入門書。こちらは主に実務で扱う内容を中心に丁寧に解説されている。TypeScriptの基本文法もエコシステムも両方学びたい人はこちらの書籍をオススメする。

TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発

Next.js(TypeScript)で簡単なアプリケーションを開発するチュートリアルを通して、Next.js(TypeScript)の開発に必要な基礎知識やテクニックを徹底解説されている良書。

Vue 3　フロントエンド開発の教科書

Vue(TypeScript)で開発を進めるために必要な基礎知識と重要なポイントを徹底解説されている書籍。日本語でVue(TypeScript)に関する情報は少ない。日本語でVue(TypeScript)の開発を学びたい人は買っておいて損はないだろう。

WEBサイト・WEB記事

サバイバルTypeScript

TypeScriptを実務ですぐに使えるようにすることを目的に制作されたWeb技術書。初心者はとりあえずこれさえ確認しておけば問題ないだろう。余談だが、このサイトにはDocusaurusが採用されている。

TypeScript

TypeScriptの公式ドキュメント。TypeScriptを学ぶなら絶対に確認するべき。

TypeScript Cheet Sheets

Microsoft(公式)が提供している、TypeScriptの基本文法をまとめた4枚の画像。説明が非常に丁寧。

Total TypeScript

TypeScriptを初めて学ぶ初心者向けに、TypeScriptの基本文法を丁寧に解説されているチュートリアルを集めたWebサイト。

TypeScript Tutorial

TypeScriptの基本文法を徹底解説しているWebサイト。Total TypeScriptよりも、実務で扱う内容を中心に書かれている。

Hands on React

Reactの開発に必要な基礎知識を徹底解説しているWebサイト。React(TypeScript)のチュートリアルはこちら。React(TypeScript)の開発で重要なポイントを、簡単なアプリケーションを開発する手順を通して学べる。

How to use Vue 3 with TypeScript

Vue(TypeScript)で開発を進めるのに重要なポイントを丁寧に解説されている。VueでTypeScriptを使いたいなら絶対に確認するべき。

TypeScript Deep Dive

TypeScriptに関する基礎知識を丁寧に解説されている。もとは英語圏のサイトだが、有志の協力で日本語版のサイトが制作された。

動画

TypeScript in 100 Seconds

https://youtu.be/zQnBQ4tB3ZA

Learn TypeScript - Full Course for Beginners

https://www.youtube.com/watch?v=gp5H0Vw39yw

TypeScript Tutorial

https://www.youtube.com/watch?v=2pZmKW9-I_k&list=PL4cUxeGkcC9gUgr39Q_yD6v-bSyMwKPUI&index=1

React & TypeScript - Course for Beginners

https://www.youtube.com/watch?v=FJDVKeh7RJI

Vue 3 with TypeScript Jump Start

https://www.youtube.com/watch?v=JfI5PISLr9w&list=PL4cUxeGkcC9gCtAuEdXTjNVE5bbMFo5OD&index=1

Deno Tutorial

https://www.youtube.com/watch?v=2iLeRzHvc10&list=PL4cUxeGkcC9gnaJdxuGvEGYQ9iHb8mxsh&index=1

NestJS Crash Course

https://www.youtube.com/watch?v=wqhNoDE6pb4

NestJs Course for Beginners - Create a REST API

https://www.youtube.com/watch?v=GHTA143_b-s

参考サイト

https://github.com/dzharii/awesome-typescript

https://josipmisko.com/best-typescript-books

https://qiita.com/suin/items/bf877f1289e451ffd0b0