【2020年版】JavaScript入門者必見!オススメのJavaScript参考書・本・書籍まとめ。超初心者から上級者まで

この記事では、「JavaScript」を勉強するための参考書をご紹介します。

「JavaScript 参考書」で検索時の上位10位の意見も取り入れながら、最終的にたどり着いた参考書をご紹介します。

JavaScriptとは?

JavaScript(ジャバスクリプト)とは、プログラミング言語のひとつである。JavaScriptはプロトタイプベースのオブジェクト指向スクリプト言語であるが、クラスなどのクラスベースに見られる機能も取り込んでいる。

利用される場面はWebサイト・Webアプリ・バックエンド・デスクトップアプリ・モバイルアプリなど、ブラウザからサーバー、デスクトップからスマートフォンまで多岐にわたっている。

引用元:Wikipedia-(JavaScript)

JavaScriptは、本当にいろいろなところに使われますが、基本的には、Webサイトのダイナミックなアニメーションなんかに使われます。このブログでもたくさんJavaScriptを使っています。

そんなJavaScriptの参考書はたくさんあります。今回は、「そもそもプログラミング自体が初心者の方」、「JavaScriput初心者の方」、「JavaScript中級者」の3段階に分けて紹介します。

プログラミング初心者でJavaScript入門する方向け参考書

HTML、CSSがわからなくてもやっていける参考書を紹介します。

プログラミング初心者は、これ一択

スラスラわかる
JavaScript


この参考書について

どんな参考書?

スラスラわかるシリーズは、プログラミングを学び始める方向けの参考書です。
JavaScriptの解説の前に、しっかりとHTMLCSSの解説から入っているので、プログラミング初心者の方が、JavaScriptをよくわからないまま学び始めるということはありません。
初心者がつまずきやすい箇所についても、しっかりとツボを押さえて解説しています。イラストもたくさんあり、とてもわかりやすいです。
プログラミング初心者の方は、こちらの参考書一択だと思います。

どんな人におすすめ?

  • プログラミング初心者の方
  • JavaScriptゆっくりしっかりと基本を学びたい方

何を学べる?

HTML、CSSの基礎知識から始まり、JavaScriptの基本的な文法が身につきます。最終的には、実際に仕事で使われる、JSON、Ajaxの使い方にも触れています。
基本的なことは網羅的に学べる一冊です。

評価

難易度
(1.0)
わかりやすさ
(5.0)
オススメ度
(5.0)
Amazon評価
(4.0)

目次

第1章 基礎知識と準備
1.1 JavaScriptとWebページの基礎知識
1.2 Webアプリケーションの仕組み
1.3 JavaScriptの開発環境
第2章 HTML
2.1 HTMLとは
2.2 HTMLの書き方
2.3 HTMLの作成と表示
2.4 主要なタグ
2.5 特殊なタグ
第3章 CSS
3.1 CSSの基礎知識
3.2 CSSの書き方
3.3 セレクタとプロパティ
第4章 基本文法
4.1 書き方の基本
4.2 変数とデータ型
4.3 演算子
4.4 配列
4.5 連想配列
第5章 制御構文
5.1 if文
5.2 switch
5.3 while文
5.4 for文
5.5 繰り返しの制御
第6章 関数
6.1 関数~自作関数
6.2 組み込み関数
6.3 変数のスコープ
6.4 関数の応用
第7章 オブジェクトの基礎
7.1 オブジェクト、メソッド、プロパティ
7.2 組み込みオブジェクト
7.3 正規表現
第8章 イベント
8.1 イベント駆動型モデル
8.2 イベントの使い方
8.3 イベント発生元の特定
第9章 ブラウザオブジェクト
9.1 ブラウザオブジェクト
9.2 Windowオブジェクト
9.3 LocationオブジェクトとHistoryオブジェクト
9.4 Documentオブジェクト
第10章 DOM
10.1 DOM
10.2 DocumentオブジェクトによるHTML要素の操作
10.3 イベントハンドラの設定
第11章 jQueryの基礎知識
11.1 jQueryとは
11.2 jQueryの利用準備
11.3 jQueryプラグイン
第12章 jQueryの文法
12.1 jQueryの基本の書き方
12.2 セレクタ
12.3 要素の抽出
12.4 内容と属性の操作
12.5 要素の挿入
第13章 Ajax
13.1 Ajaxの基礎
13.2 JSONとJSONP
第14章 アニメーション
14.1 表示状態の切り替え
14.2 独自アニメーションの作成

購入する

Amazonで購入する楽天で購入する
Amazonで安く買う方法

 

プログラミングが苦手な方なら

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


この参考書について

どんな参考書?

本書は、プログラミング言語の構文にふりがなをつけて、誰でもコードをわかりやすく読めるように解説している参考書です。
ずらーっと書かれてる英文をみたときに、「うわー」ってなる方には、本当にオススメです。
基礎中の基礎を丁寧に解説しています。また、ふりがなを触れる癖がつけば、なんのプログラミング言語でも覚えるのが早くなりそうです。
逆に、振り仮名が多すぎてわかりづらいという方もいるので注意です。

どんな人におすすめ?

  • プログラミング初心者
  • ずらーっと書かれてる英文をみて「うわー」ってなる方
  • 他の参考書で挫折した方

何を学べる?

基礎中の基礎を丁寧に学べます。

評価

難易度
(1.0)
わかりやすさ
(4.0)
オススメ度
(5.0)
Amazon評価
(4.0)

目次

Chapter 1 JavaScript最初の一歩
Chapter 2 条件によって分かれる文を学ぼう
Chapter 3 繰り返し文を学ぼう
Chapter 4 関数を作ろう
Chapter 5 Webページに組み込もう

購入する

Amazonで購入する楽天で購入する
Amazonで安く買う方法

 

デザイン性の高いWebサイトを作りたいなら

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


この参考書について

どんな参考書?

本書は、プログラミング初心者の方にもわかりやすく解説されています。
内容は、いろいろなデザイン性の高いWebサイトの機能のサンプルファイルにコードを書きながら学んでいきます。
自分のサイトのレイアウトをカッコよくしたいために、JavaScriptを学びたいという方にはオススメですね。

どんな人におすすめ?

  • JavaScriptの基礎を学びたい
  • プログラミングを手軽にはじめてみたい
  • スライドショーなどWebサイトでよく見る機能を作ってみたい
  • 一度JavaScriptを勉強してみたけど挫折した

何を学べる?

Webサイトのデザイン性の高い機能を学べます。
ちょっと応用すれば、自分の思い通りのデザインを実装することができます。

評価

難易度
(3.0)
わかりやすさ
(4.0)
オススメ度
(4.0)
Amazon評価
(3.5)

目次

Chapter1 JavaScriptとは
Chapter2 JavaScriptの基本
Chapter3 条件分岐
Chapter4 繰り返し
Chapter5 関数
Chapter6 オブジェクト
Chapter7 イベント
Chapter8 スライドショーの作成
Chapter9 jQuery
Chapter10 Web API
Chapter11複数の機能を1つのWebサイトにまとめる

購入する

Amazonで購入する楽天で購入する
Amazonで安く買う方法

 

プログラミング経験者でJavaScript入門する方向け参考書

HTML、CSSの知識くらいはあるという方にオススメの参考書をご紹介します。

JavaScript入門の方はこちらの参考書一択!

確かな力が身につく
JavaScript
「超」入門 第2版


この参考書について

どんな参考書?

本書は、サイトで最も紹介されているJavaScriptの参考書です。
少しでもプログラミング経験者だったら、こちらの参考書一択です。
なぜなら、Amazonでも評価が高く、こちら一冊手を動かしながら読み切れば、いつの間にか力がついています。
専門用語も詳しく優しく解説されているので、本当に入門者にオススメできる参考書です。

どんな人におすすめ?

  • JavaScript入門の方
  • 手を動かしながら学びたい方
  • HTML、CSSはなんとなくわかる方

何を学べる?

いろいろなサンプルコードを書きながら学べます。jQueryもある程度学べます。

評価

難易度
(3.0)
わかりやすさ
(5.0)
オススメ度
(5.0)
Amazon評価
(4.0)

目次

Chapter1 イントロダクション
1-1 これからJavaScriptを始める皆さんへ
1-2 JavaScriptってどういうもの?
1-3 JavaScriptの「プログラミング」と動作の仕組み
1-4 各章の概要
1-5 用意するツール
1-6 サンプルデータのダウンロード
1-7 テンプレートを準備して、いざ出発!
Chapter2 アウトプットの基本
2-1 コンソールにアウトプット ~開発ツールを使ってみよう
2-2 JavaScriptはどこに書く? ~scriptタグとJavaScriptの記述場所
2-3 ダイアログボックスを表示する ~window.alert()
2-4 HTMLを書き換える ~要素を取得する・コンテンツを書き換える
Chapter3 JavaScriptの文法と基本的な機能
3-1 確認ダイアログボックスを表示する ~条件分岐(if)
3-2 入力内容に応じて動作を変更する ~変数、定数
3-3 動作のバリエーションを増やす ~条件分岐(else if)
3-4 数当てゲーム ~比較演算子、データ型
3-5 時間で異なるメッセージを表示する ~論理演算子
3-6 1枚、2枚、3枚…と出力する ~回数が決まっている基本の繰り返し
3-7 コンソールでモンスターを倒せ! ~回数が決まっていない繰り返し
3-8 税込価格を計算する ~ファンクション
3-9 FizzBuzz ~算術演算子
3-10 項目をリスト表示する ~配列
3-11 アイテムの価格と在庫を表示する ~オブジェクト
Chapter4 インプットとデータの加工
4-1 フォームの入力内容を取得する ~入力内容の取得とイベント
4-2 わかりやすく日時を表示する ~Dateオブジェクト
4-3 小数第◯位で切り捨てる ~Mathオブジェクト
Chapter5 一歩進んだテクニック
5-1 カウントダウンタイマー ~時間の計算とタイマー
5-2 プルダウンメニューで指定ページへ ~URLの操作、ブール属性の設定
5-3 プライバシーポリシー承認パネルを作る ~クッキー(cookie)
5-4 イメージの切り替え ~サムネイルのクリックによる画像の切り替え
5-5 スライドショー ~ここまでの知識を総動員
Chapter6 jQuery入門
6-1 開閉するナビゲーションメニュー ~要素の取得とclass属性の追加・削除
6-2 ドロワーを作ってみよう ~CSSと組み合わせてアニメーションを実現
6-3 空き席状況をチェック ~AjaxとJSON
Chapter7 外部データを活用したアプリケーションに挑戦!
7-1 あなたはいまどこ? ~位置情報(navigator.geolocation)
7-2 Web APIを使ってみよう ~OpenWeatherMap APIで天気予報

購入する

Amazonで購入する楽天で購入する
Amazonで安く買う方法

 

ある程度のプログラミング経験者でJavaScriptを入門するなら

これから学ぶ
JavaScript


この参考書について

どんな参考書?

本書も、他のプログラミング経験者にオススメです。
先ほど紹介した、「確かな力が身につくJavaScript「超」入門 第2版」をすでに持っているなら、こちらの参考書で復習することをオススメします。
この二つの参考書で、JavaScriptの基礎をしっかり身につけられます。
ただ、この参考書は、難しい文法や概念は割愛しているので、難しいことを学びたい方は、「中級者向け」をオススメします。

どんな人におすすめ?

  • JavaScriptの基礎をしっかり身に付けたい方
  • 復習したい方

何を学べる?

基礎を徹底的に学べます。

評価

難易度
(4.0)
わかりやすさ
(5.0)
オススメ度
(5.0)
Amazon評価
(3.5)

目次

Webの仕組みとJavaScriptの役割
初めてのJavaScriptプログラム
変数とデータ型
演算子
条件分岐
ループ
配列とループ
関数
オブジェクト指向JavaScript
ビルトインオブジェクト
HTMLの操作
イベント処理
アプリを作ろう

購入する

Amazonで購入する楽天で購入する
Amazonで安く買う方法

 

JavaScript中級者の方向け

中級者から上級者になるためのオススメの参考書をご紹介します。

JavaScriptを使う人は持っておきたい究極レシピ

JavaScript
コードレシピ集


この参考書について

どんな参考書?

制作の現場で使われる定番テクニックからプロ技までのレシピが278個もあります。眺めているだけでアイデアが浮かんできます。
こちらの参考書は、逆引き辞書のような使い方をします。自分が〇〇を実装したいと思ったときにこちらの参考書を開いて参考になるページはないかを探す感じです。
JavaScriptを使っている人なら、絶対に持っておきたい一冊です。

どんな人におすすめ?

  • JavaScriptの駆け出しエンジニア
  • JavaScript初心者~初級者。入門書を読んだことがあるレベルの方
  • Webサイトを制作している方。Web管理者、学生、趣味でやっている方を含む

何を学べる?

いろいろな取り扱い方が学べます。
目次をみて、自分がしたいことがあるか確認してみてください。

評価

難易度
(3.0)
わかりやすさ
(3.0)
オススメ度
(5.0)
Amazon評価
(4.0)

目次

Chapter 1 JavaScriptの基礎
Chapter 2 真偽値や数値や文字の取り扱い
Chapter 3 複数データの取り扱い
Chapter 4 データについて深く知る
Chapter 5 日付や時間の取り扱い
Chapter 6 ブラウザーの操作方法
Chapter 7 ユーザーアクションの取り扱い
Chapter 8 HTML要素の操作方法
Chapter 9 フォーム要素の操作方法
Chapter 10 アニメーションの作成
Chapter 11 画像・音声・動画の取り扱い
Chapter 12 SVGやcanvas要素を取り扱う
Chapter 13 処理の実行タイミングを制御する
Chapter 14 さまざまなデータの送受信方法
Chapter 15 ローカルデータの取り扱い
Chapter 16 スマートフォンのセンサー
Chapter 17 プログラムのデバッグ
Chapter 18 関数やクラスについて詳しく知る
Chapter 19 JavaScriptをより深く知る

購入する

Amazonで購入する楽天で購入する
Amazonで安く買う方法

 

JavaScriptを使う人は持っておきたい究極レシピ2

JavaScript
逆引きレシピ
第2版


この参考書について

どんな参考書?

本書は、JavaScriptの基本文法や基本的な知識から、オブジェクト指向、組み込みオブジェクト、関数、オブジェクト指向構文、DOM、ブラウザオブジェクトなどの応用テクニックまで学べます。
JavaScriptの知識をしっかりと固めたい方にオススメです。

こんなレビューもありました。

JavaScript のプログラムを書く日は,これを携帯してます。
Amazon-(JavaScript逆引きレシピ 第2版)

どんな人におすすめ?

  • JavaScriptの知識をしっかりと固めたい方
  • JavaScript中級者の方

何を学べる?

繰り返しになりますが、JavaScriptの基本文法や基本的な知識から、オブジェクト指向、組み込みオブジェクト、関数、オブジェクト指向構文、DOM、ブラウザオブジェクトなどの応用テクニックまで学べます。

評価

難易度
(4.0)
わかりやすさ
(5.0)
オススメ度
(5.0)
Amazon評価
(4.5)

目次

第1章 基本構文
1.1 script要素
1.2 基本構文
1.3 型変換/型判定
COLUMN:ECMAScriptとは?
第2章 演算子/制御構文
2.1 演算子
2.2 制御構文
2.3 例外処理
COLUMN:ECMAScript仕様確定までの流れ
第3章 組み込みオブジェクト[基本編] 3.1 数学
3.2 文字列
3.3 正規表現
COLUMN:ECMAScriptの歴史
3.4 日付
3.5 Promise
3.6 その他
第4章 組み込みオブジェクト[Array/Set/Map編] 4.1 配列
4.2 マップ
4.3 セット
第5章 関数
5.1 関数の基本
5.2 スコープ
5.3 ES2015より前の関数構文
第6章 オブジェクト指向構文
6.1 オブジェクト指向構文
6.2 ES2015より前のオブジェクト指向構文
COLUMN:ブラウザー搭載の開発者ツール(1)――基本機能
6.3 オブジェクトの操作
COLUMN:ブラウザー搭載の開発者ツール(2)――文書ツリー/スタイルシートの確認
COLUMN:ブラウザー搭載の開発者ツール(3)――JavaScriptのデバッグ
第7章 DOM[基本編] 7.1 要素の取得
7.2 属性/テキストの操作
7.3 フォームの操作
COLUMN:ブラウザー搭載の開発者ツール(4)――さまざまなブレイクポイント
7.4 フォーム検証
7.5 文書ツリーの操作
第8章 DOM[スタイル/イベント編] 8.1 スタイルの操作
8.2 イベント処理
COLUMN:ブラウザー搭載の開発者ツール(5)――コードの整形
第9章 ブラウザーオブジェクト[基本編] 9.1 ウィンドウ
COLUMN:JavaScriptをより深く学ぶための参考書籍
9.2 コンソール
9.3 ロケーション/履歴/ブラウザー情報
9.4 位置情報
9.5 Web Storage&クッキー
9.6 音声/動画の再生
9.7 Canvas
第10章 ブラウザーオブジェクト[通信編] 10.1 Fetch
10.2 XMLHttpRequest
10.3 JavaScript間の通信
COLUMN:ブラウザー搭載の開発者ツール(6)―― 通信のトレース
第11章 開発に役立つツール類
11.1 Node.js
11.2 Babel
11.3 webpack
11.4 ESLint
11.5 JsDoc

購入する

Amazonで購入する楽天で購入する
Amazonで安く買う方法

 

じっくり完璧に学びたいなら

パーフェクト
JavaScript


この参考書について

どんな参考書?

本書は、2011/9/23出版と、古い参考書ですが、とにかくかっちりした解説でとても網羅的に書いています。
JavaScriptの辞書のように全てのことが記載されています。これからJavaScriptを極めたい方にオススメです。
こちらはいつ読んでも何かしらの知識がつくでしょう。

どんな人におすすめ?

  • JavaScriptを極めたい方
  • しっかりと学びたい方

何を学べる?

全ての概念、文法をしっかりと詳しく学べます。

評価

難易度
(4.0)
わかりやすさ
(5.0)
オススメ度
(5.0)
Amazon評価
(4.0)

目次

■Part1 JavaScript~overview
1章 JavaScriptの概要
■Part2 JavaScript言語仕様
2章 JavaScriptの基礎
3章 JavaScriptの型
4章 文、式、演算子
5章 変数とオブジェクト
6章 関数とクロージャ
7章 データ処理
■Part3 クライアントサイドJavaScript
8章 クライアントサイドJavaScriptとHTML
9章 DOM
10章 イベント
11章 実践 クライアントサイドJavaScript
12章 ライブラリ
■Part4 HTML5
13章 HTML5概要
14章 Webアプリケーション
15章 デスクトップ連携
16章 ストレージ
17章 WebSocket
18章 Web Workers
■Part5 Web API
19章 Web APIの基礎
20章 Web APIの実例
■Part6 サーバサイドJavaScript
21章 サーバサイドJavaScriptとNode.js
22章 実践 Node.jsプログラミング

購入する

Amazonで購入する楽天で購入する
Amazonで安く買う方法

 

Amazonでお得に買う方法

Amazonの賢い買い方をご紹介します。

Amazonのギフト券で買うと商品を安く買えます。現金でチャージした金額 x 最大2.5%分のポイントがもらえます。

一回のチャージ額 通常会員 プライム会員
5000〜19,999円 0.5% 1.0%
20,000円〜39,999円 1.0% 1.5%
40,000円〜89,999円 1.5% 2.0%
90,000円〜 2.0% 2.5%

Amazonプライム会員の方だったら、使わなきゃ損ですね。

Amazonプライムなら、kindleで無料で読める参考書も結構あります!

今なら、Amazonチャージ初回購入で1000ポイントもらえるキャンペーンもあります。

 

簡単登録!

Amazonチャージ初回購入で、1000ポイントキャンペーンはこちら

 

まとめ

プログラミング初心者なら→「スラスラわかるJavaScript
プログラミングが苦手な方なら→「スラスラ読めるJavaScriptふりがなプログラミング
デザイン性の高いWebサイトを作りたいなら→「本当によくわかるJavaScriptの教科書
JavaScript入門の方なら→「確かな力が身につくJavaScript「超」入門 第2版
ある程度のプログラミング経験者でJavaScriptを入門するなら→「これから学ぶ JavaScript
JavaScriptを使う人は持っておきたい究極レシピ→「JavaScriptコードレシピ集
JavaScriptを使う人は持っておきたい究極レシピ2→「JavaScript逆引きレシピ第2版
じっくり完璧に学びたいなら→「パーフェクトJavaScript

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です