# はじめに

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

# GitHubリポジトリ

## [awesome-typescript](https://github.com/dzharii/awesome-typescript)

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

## [awesome-react](https://github.com/enaqx/awesome-react)

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

## [awesome-vue](https://github.com/vuejs/awesome-vue)

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

## [awesome-nextjs](https://github.com/unicodeveloper/awesome-nextjs)

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

## [awesome-nuxt](https://github.com/nuxt-community/awesome-nuxt)

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

## [awesome-nestjs](https://github.com/nestjs/awesome-nestjs)

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

## [awesome-deno](https://github.com/denolib/awesome-deno)

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

## [awesome-vite](https://github.com/vitejs/awesome-vite)

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

## [TypeScript Cheatsheets](https://github.com/typescript-cheatsheets)

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

## [typescript-cheatsheets/react](https://github.com/typescript-cheatsheets/react)

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

## [Docusaurus](https://github.com/facebook/docusaurus)

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

# 書籍・電子書籍

## [typescript-handbook.pdf](https://www.typescriptlang.org/assets/typescript-handbook.pdf)

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

## [Effective TypeScript: 62 Specific Ways to Improve Your TypeScript](https://books-library.net/files/books-library.net-10121732Pl7G6.pdf)

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

## [プロを目指す人のためのTypeScript入門](https://gihyo.jp/book/2022/978-4-297-12747-3)

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

## [プログラミングTypeScript](https://www.oreilly.co.jp/books/9784873119045/)

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

## [TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発](https://gihyo.jp/book/2022/978-4-297-12916-3)

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

## [Vue 3　フロントエンド開発の教科書](https://gihyo.jp/book/2022/978-4-297-13072-5)

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

# WEBサイト・WEB記事

## [サバイバルTypeScript](https://typescriptbook.jp/)

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

## [TypeScript](https://www.typescriptlang.org/docs/)

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

## [TypeScript Cheet Sheets](https://www.typescriptlang.org/cheatsheets)

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

## [Total TypeScript](https://www.totaltypescript.com/)

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

## [TypeScript Tutorial](https://www.typescripttutorial.net/)

TypeScriptの基本文法を徹底解説しているWebサイト。[Total TypeScript](https://www.totaltypescript.com/)よりも、実務で扱う内容を中心に書かれている。

## [Hands on React](https://handsonreact.com/)

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

## [How to use Vue 3 with TypeScript](https://blog.logrocket.com/how-to-use-vue-3-typescript/)

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

## [TypeScript Deep Dive](https://typescript-jp.gitbook.io/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

はじめに

GitHubリポジトリ

[awesome-typescript](https://github.co

続きを読むには単価診断を受けてください（30秒）