プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

JavaScriptとTypeScriptの学習でオススメの本と動画【2020年最新】

更新日:

記事の内容


プログラミング言語の書籍は非常に多く、JavaScriptに関する書籍だけでも数十冊あります。
そのため、最初は自分にあった本を選ぶのも一苦労かと思います。
さらにJavaScriptの場合は、出版日が古いと評価が高くても使えない情報だったりします。
なぜならば、2015年ぐらいにJavaScriptの言語仕様が大幅に変わったからです。
本を購入する際には、必ず出版日を確認しましょう。
新しいバージョンは、ES6、ECMAScript6、ECMAScript 2015、ES2015と呼ばれています。
今回はそれも踏まえた上で、JavaScriptを学習するさいの良書と動画教材を紹介していきたいと思います。

初心者向け

いちばんやさしいJavaScriptの教本

プログラミング初心者にも簡単に理解できるような書き方がされていて、ページあたりの文字数や内容も少ないので、テンポよく勉強を進めることができます。
全体像を掴むには最適な本です。
ただし、ES6(ECMAScript6)には対応していないので、新しい記法を学びたい方は避けた方がいいかもしれません。

スラスラ読める JavaScriptふりがなプログラミング

ふりがなプログラミングシリーズのJavaScript版です。
文句なしに、やさしい内容なので、これからプログラミングを始めてみようという人は、この本から始めると良いかもしれません。
ES6にも対応しています。

速習ECMAScript6

すでにJavaScriptの基本は知っているけど、ES6はよくわからないという人は、この本を読みましょう。
ES6の基本がよくわかります。

速習 ECMAScript 2019

ES6以降が出た以降の変更点についてまとめられている本です。
ES6の最新機能が読みたい人は、この本を読みましょう。
山田祥寛さんが書いた本は、良書が多いです^^

本当によくわかるJavaScriptの教科書

この本を読めば、スライドショー、ギャラリー、地図、ハンバーガーメニュー、背景に動画を流すなど、Webサイトでよく見る機能が作れます。
Web制作を目指している人が、JavaScriptも少し勉強したいと思った時に読む本です。
ES6には、対応していません。

フロントエンドエンジニアになりたい人のWebプログラミング入門

今すぐ詳細を見てみる

動画教材です。
HTMLとCSS、そしてJavaScriptの基礎を学ぶことができます。
この動画では、レスポンシブWebデザイン、jQuery、Vueといった幅広い知識を学ぶことができるのは嬉しいですね。

ガチで学びたい人のためのWEB開発徹底入門(フロントエンド編)

今すぐ詳細を見てみる


入門レベルから中級者を目指している人にオススメの動画です。
Progateを終えた後ぐらいに、この動画を見るといいかもしれません^^

JavaScriptエンジニアがTypeScriptの特徴を「超」手っ取り早く大まかに把握するための本

TypeScriptを、「素早く大まかに概要を把握するため」の本です。

中級者向け

改訂新版JavaScript本格入門

山田さんの本には、外れはほとんどありません。
JavaScriptの文法やオブジェクトなどの概念について丁寧に記載されています。
JavaScriptの基礎から、新しい記法であるES6まで学べることができる良書です。
また、非同期処理を扱うPromiseやBabelなどについても書かれています。

これから、JavaScriptを深く学びたいと考えている人は必読です!

JavaScript関数型プログラミング

JavaScriptは純粋な関数型の言語ではありませんが、関数型っぽくも書くことができます。
関数型の記法を知っておくと、コンパクトに読みやすいコードを書くことができます。
基礎はできていて、さらに上を目指したいという人にオススメの本です。

関数型のプログラミングについては、この記事に書きました。
この記事を読めば、関数型が便利な機能であることが、よくわかるはずです。

初めてのJavaScript 第3版

JavaScriptの基礎から、新しい記法であるES6まで学べるので良書です。
jQueryやNode.jsについても学べるのはいいと思います。

これからはじめるVue.js実践入門

山田 祥寛さんの本は外れがありません。
これから、Vue.jsを始めようと思っている人は、是非、この本を読んで下さい。

【世界で2万人が受講】JavaScriptエンジニアのためのES6完全ガイド

今すぐ詳細を見てみる

動画教材です。
ES6の主要な機能を学ぶことができます。
forループを使わずに、関数型っぽく書く方法を学びます。

超Vue JS 2 入門 完全パック

今すぐ詳細を見てみる

動画教材です。
Vue JSを学びたい人にオススメの教材です。
Vue JSの基礎から、仮想DOM、リアクティブシステムについて学びSPAを作成していきます。

React + Redux を使用したモダンフロントエンド開発

今すぐ詳細を見てみる

動画教材です。
React + Redux + Redux-thunk + Ajax を用いた実践的なアプリケーションを作成します。React 開発を通して、ES2015+ や 非同期処理などモダンフロントエンド開発に必要な基礎知識を身につけることができます。

速習TypeScript

TypeScriptの基本をサラッと学ぶことができます。
山田祥寛さんが書いた本は、良書が多いです^^

実践TypeScript

TypeScriptの基本からフレームワーク利用の実践まで、学ぶことができます。
2019年に出版されており、情報が他の本に比べて新しいことは嬉しいですね^^

Programming TypeScript

英語を読める人にオススメの本です。
基本から応用まで、網羅されています。

まとめ

この記事では、初心者向け、中級者向けにわけて、それぞれにオススメする書籍を紹介しました。
興味が湧いた方は、是非、手にとって勉強を始めてみて下さい。
他にもJavaScriptの良書はあるかもしれませんが、必ず出版日とES6(ECMAScript6)に対応しているかを確認しましょう。
これからのJavaScriptの書き方の主流はES6(ECMAScript6)です。

Good luck for your engineer life!

Webデザインの本を探している人は、この記事を読んで下さい

Webデザインの学習でオススメの本【2020年最新】

Webデザイナになるかプログラマになるか迷っている人は、この記事を読んで下さい

Webデザイナーとプログラマのどちらを目指すべきか?

JavaScriptをより詳しく勉強したい人は、この記事を読んで下さい

JavaScriptとTypeScriptの学習でオススメの本と動画【2020年最新】

初心者向け いちばんやさしいJavaScriptの教本 プログラミング初心者にも簡単に理解できるような書き方がされていて、ページあたりの文字数や内容も少ないので、テンポよく勉強を進めることができます。 全体像を掴むには最適な本です。 ただし ...

続きを見る


Gitについてより詳しく勉強したい人は、この記事を読んで下さい

Gitの学習でオススメの本と動画【2020年最新】

漫画?でわかりやすく学ぶ入門書の定番 わかばちゃんと学ぶGit使い方入門 Gitの入門書の定番と言っても差し支えありません。 絵や図で解説している本なので、わかりやすく頭に入ってきます。 初心者向け Gitが、おもしろいほどわかる基本の使い ...

続きを見る


30代からプログラミングを始めようか迷っている人は、この記事を読んで下さい

30代からプログラミングを始めることは可能なのか?【頑張ればギリギリセーフ】

エンジニアは人気の職種だと聞いていますが、若い人達が多い印象です。 30代から始めても間にあいますか? 2019年12月の有効求人倍率 記事やニュースなどで知っている人もいるかと思いますが、今、エンジニアは世界的に不足しています。 まずは、 ...

続きを見る


プログラミングスクールに行くか迷っている人は、この記事を読んで下さい

なんとなく、エンジニアになりたい人が無料のプログラミングスクールに行くべき理由【2020年最新】

有料や無料のプログラミングスクールが多すぎて、どこにしようか迷っています。 無料のプログラミングスクールは、お得そうに見えますが、実際の所はどうですか? メリットやデメリットなどがあれば教えて下さい。 前提として この記事は、エンジニアにな ...

続きを見る


自分がプログラミングスクールに行っても大丈夫か知りたい人は、この記事を読んで下さい

プログラミングスクールに通って挫折する人と上手くいく人の違い

スクールに通っている人の3パターン プログラミングスクールに通っている人のパターンを整理すると、以下の3パターンに分かれます。 それぞれのタイプの特徴を、もう少し詳細に説明していきます。 それぞれのタイプの特徴 大した努力をせずに文句ばかり ...

続きを見る


ゼロからWebエンジニアになりたい人は、この記事を読んで下さい

ゼロからWebエンジニアとして就職する方法【何もない自分に積み上げていく】

ちまたには、「エンジニアになるための情報」で溢れかえっています。 ジョージさんが考える「Webエンジニアになる方法」を教えて下さい。 私が定義するWebエンジニア まず、最初に以下の図を見て下さい。 これが、Web業界で働く人達の大分類です ...

続きを見る


独学で実務っぽい経験を積みたい人は、この記事を読んで下さい

エンジニアが独学で実務経験っぽいことを学ぶ方法

エンジニアとして就職するためには実務経験が大事だと聞いていますが、就職しないことには実務経験を積むことができません。 どうやって、最初の実務経験を積んだらいいでしょうか? スクールの理想と現実 これからプログラミングを学ぼうとしている人が描 ...

続きを見る

関連コンテンツ

-JavaScript, プログラミング, プログラミング関連, 書評

Copyright© プログラミング道場 , 2020 All Rights Reserved Powered by AFFINGER4.