【2021年】JavaScript入門!『おすすめ本7選/人気参考書ランキング30』【新書/読み放題】

JavaScriptはブラウザ(フロントエンド)上のスクリプトとしても、バックエンド開発(Node.js)としても、さらにはスマホアプリ開発(React Native)にまで活用できるプログラミング言語

活用の幅が広い最も人気の言語の1つ、Web開発に携わる方は必須となる言語といって間違いないでしょう。

そんな人気で需要も高いJavaScriptの本を、主に入門者・初級者向けに人気とともに紹介していきまっす。

 

 
Kindle Paperwhite
発売日 2018/11/07
(2021/07/28 09:15時点)

 

 

Kindle Unlimited 1ヶ月無料

kindle_unlimited_sale
 
  • 1ヶ月無料で読み放題
  • 1ヶ月以内でも解約可能
  • 解約後も1ヶ月まで利用可


    

JavaScript本「人気ランキング」

JavaScript今売れ筋の本を人気ランキングで一覧したのが以下。

ランキングは日々更新されていますので、最新の人気が反映されています。

(2021/07/28 12:03 更新)
Rank製品価格
1
スラスラ読める JavaScriptふりがなプログラミング
発売日 2018/06/22
及川卓也, リブロワークス (インプレス)
Kindle Unlimited対象
おすすめ度
2,035円
1,643円
1,826円
2,035円
2
3,191円
2,653円
2,948円
5,978円
3
確かな力が身につくJavaScript「超」入門 第2版
発売日 2019/09/21
狩野 祐東 (SBクリエイティブ)
おすすめ度
2,728円
2,455円
2,728円
2,728円
4
JavaScript逆引きレシピ 第2版
発売日 2018/10/15
山田 祥寛 (翔泳社)
おすすめ度
3,080円
1,540円
3,080円
3,080円
5
ゲームで学ぶJavaScript入門 HTML5&CSSも身につく!
発売日 2015/12/11
田中 賢一郎 (インプレス)
Kindle Unlimited対象
おすすめ度
2,640円
2,178円
2,420円
2,640円
6
初めてのWebGL 2 第2版 ―JavaScriptで開発するリアルタイム3Dアプリケーション...
発売日 2021/07/21
Farhad Ghayour, Diego Cantor (オライリージャパン)
4,400円
4,400円
4,400円
7
できるキッズ 子どもと学ぶ JavaScriptプログラミング入門 できるキッズシリーズ...
発売日 2018/09/21
大澤文孝, できるシリーズ編集部 (インプレス)
Kindle Unlimited対象
おすすめ度
2,420円
1,089円
2,178円
2,420円
8
これから学ぶJavaScript
発売日 2018/07/20
齊藤 新三, 山田 祥寛 (インプレス)
Kindle Unlimited対象
おすすめ度
2,640円
2,376円
2,640円
2,640円
9
JavaScript コードレシピ集
発売日 2019/01/25
池田 泰延, 鹿野 壮 (技術評論社)
おすすめ度
3,278円
3,114円
3,278円
3,278円
10
プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発...
発売日 2020/03/16
Boris Cherny (オライリージャパン)
おすすめ度
3,740円
3,740円
3,740円
11
3,278円
3,278円
3,278円
2,090円
12
これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん...
発売日 2017/03/27
たにぐちまこと (マイナビ出版)
おすすめ度
2,838円
2,554円
2,838円
2,838円
13
図解! JavaScriptのツボとコツがゼッタイにわかる本 “超”入門編...
発売日 2021/03/24
中田 亨 (秀和システム)
おすすめ度
2,640円
2,376円
2,376円
2,640円
14
マンガでわかるJavaScript
発売日 2015/04/14
クロノス・クラウン柳井政和 (秀和システム)
おすすめ度
151円
1,782円
(+541pt)
1,782円
680円
15
初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発
発売日 2017/01/20
Ethan Brown (オライリージャパン)
おすすめ度
3,520円
3,520円
3,520円
16
初めてのThree.js 第2版 ―WebGLのためのJavaScript 3Dライブラリ
発売日 2016/07/23
Jos Dirksen (オライリージャパン)
おすすめ度
4,400円
4,400円
4,400円
17
3,058円
2,905円
3,058円
3,058円
18
3,300円
2,970円
3,300円
3,300円
19
開眼! JavaScript ―言語仕様から学ぶJavaScriptの本質
発売日 2013/06/19
Cody Lindley (オライリージャパン)
おすすめ度
2,420円
2,420円
2,420円
20
JavaScript関数型プログラミング 複雑性を抑える発想と実践法を学ぶ impress top gearシリーズ...
発売日 2017/06/09
LuisAtencio, 株式会社イディオマコムニカ 加藤大雄 (インプレス)
おすすめ度
3,740円
3,366円
3,740円
3,740円
21
JavaScript Primer 迷わないための入門書 (アスキードワンゴ)
発売日 2020/06/10
azu, Suguru Inatomi (ドワンゴ)
おすすめ度
4,180円
3,762円
4,180円
2,948円
22
独習JavaScript 第2版
発売日 2013/10/30
高橋和也, 竹添直樹, 里見知宏 (翔泳社)
おすすめ度
3,080円
1,540円
3,080円
3,080円
23
JavaScriptプログラマのための 実践的TypeScript入門 (アスキー書籍)...
発売日 2014/06/03
川俣 晶 (角川アスキー総合研究所)
おすすめ度
5,742円
1,782円
1,980円
1,485円
24
JavaScript基礎ドリル 穴埋め式
発売日 2020/11/20
金子平祐, Grodet Aymeric, Bahadur MD Rakib, 新居雅行 (オーム社)
おすすめ度
2,200円
2,200円
2,200円
2,200円
25
4,347円
2,475円
2,750円
685円
26
パーフェクトJavaScript
発売日 2014/10/31
井上誠一郎, 土江拓郎, 浜辺将太 (技術評論社)
おすすめ度
3,520円
3,520円
3,520円
3,520円
27
いちばんやさしい JavaScript 入門教室
発売日 2018/06/20
廣瀬 豪 (ソーテック社)
おすすめ度
2,728円
2,592円
2,728円
2,728円
28
JavaScript Ninjaの極意
発売日 2013/08/28
Bear Bibeault, John Resig (翔泳社)
おすすめ度
3,740円
3,366円
3,740円
3,740円
29
これからはじめる人のJavaScript/Vue.jsの教科書
発売日 2020/04/24
たにぐち まこと (マイナビ出版)
おすすめ度
2,838円
2,696円
2,838円
2,838円
30
ノンプログラマのためのJavaScriptはじめの一歩 WEB+DB PRESS plus
発売日 2018/11/14
外村 和仁 (技術評論社)
おすすめ度
2,618円
2,487円
2,618円
2,618円

以降でおすすめ・注目の本をピックアップしていきまっす。

ちなみに、Kindle版のある本ならサンプル送信で試し読み可能。大概目次まで見れるので、内容の概要もつかめるので、サンプル試読おすすめです。

 

やさしく基礎から「JavaScriptおすすめの入門書」

Web制作未経験かつプログラム未経験の方は、まずは何よりもとっつきやすさや、わかりやすさを重視して、途中で折れないこと、意外と簡単なんだと自信をつけることが重要。

そのため、以下のような読みやすい入門書から初めて見るのがおすすめです。

ちなみにJavaScriptは特に言語の発展が早い言語。入門書とはいえ、できるだけ新しい書籍を選びましょう

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

スラスラ読める JavaScriptふりがなプログラミング
(著)及川卓也, リブロワークス
発売日 2018/06/22
おすすめ度
(2021/07/28 12:03時点)
「プログラムの読み方をすべて載せる(ふりがなをふる)」という手法で究極のやさしさを目指した、
まったく新しいJavaScript(ジャバスクリプト)の入門書です。

本書内に登場するプログラムの読み方をすべて載せ、さらに、漢文訓読の手法を取り入れ、読み下し文を用意。
プログラムの1行1行が何を意味していて、どう動くのかが理解できます。

この新しいアプローチで「プログラムが読めないから、自分がいま何をしているのかわからない」といった
プログラミング入門者が途中で挫折してしまう原因を解決しました。

また、実際に手を動かしながら進むだけでなく、プログラムを考える応用問題も用意しているため、
しっかりJavaScriptの基礎文法を身につけることができます。

■本書はこんな人におすすめ
・JavaScriptの基本を身につけたい人
・過去にプログラミングの入門書で挫折してしまった人
・Web制作者やプログラマー、エンジニアを目指す人
・仕事でJavaScriptを活用してみたい人


※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。

↓全て表示↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
目次
1 JavaScript最初の一歩(JavaScriptってどんなもの?
本書の読み進め方 ほか)
2 条件によって分かれる文を学ぼう(条件分岐ってどんなもの?
入力されたものが数値かどうか調べる ほか)
3 繰り返し文を学ぼう(繰り返し文ってどんなもの?
条件式を使って繰り返す ほか)
4 関数を作ろう(関数を作る目的は何?
関数の書き方を覚えよう ほか)
5 Webページに組み込もう(JavaScriptでWebページを操作するには?
HTMLを書いてみよう ほか)

↓全て表示↑少なく表示
Users Voice
高度なプログラミンはありませんが、引数や順序、DOMってなに?みたいな基本中の基本がわかる本だと思います。実際、過去に数冊の入門書やドットインストールなんかにも挑戦しましたがまぁまぁ挫折。最後までやりぬいた本はこれが初めてです。これを一冊目として色々と発展させていけばいいんじゃないかと思います。オススメです。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
プログラミングの学習にて大変助かっています。いい商品が買えて良かったです。ありがとうございました。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
子供の希望で買いました。内容は知りません (参考:YahooShopping)

↓全て表示 ↑少なく表示
内容サンプル

(引用元楽天Books)

 
著者略歴
及川卓也(オイカワタクヤ)
早稲田大学理工学部を卒業後、日本DECに就職。営業サポート、ソフトウエア開発、研究開発に従事し、1997年からはマイクロソフトでWindows製品の開発に携わる。2006年以降は、GoogleにてWeb検索のプロダクトマネジメントやChromeのエンジニアリングマネジメントなどを行う。その後、スタートアップを経て、独立。企業へ技術戦略、製品戦略、組織づくりのアドバイスを行う(本データはこの書籍が刊行された当時に掲載されていたものです)

  

これから学ぶJavaScript

これから学ぶJavaScript
(著)齊藤 新三, 山田 祥寛
発売日 2018/07/20
おすすめ度
(2021/07/28 12:03時点)
本書は、これからJavaScriptプログラミングをはじめたいと考えている初心者のための入門書です。

全くのプログラミング初心者が「プログラミングとは何か」「JavaScriptが活躍するWebの世界はどういった仕掛けで動いているのか」を理解できるよう、その説明から始め、JavaScriptプログラミングの土台となる力を養えるようにサポートすることを心掛けています。

また、本書はこれからプログラミングをはじめる初心者を前提としているため、やや上級の内容などは割愛しました。本書を読み終えた後には、さらに本格的な入門書での学習や、各種のライブラリやフレームワークの習得が容易になる基礎力を身につけることができます。

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。

↓全て表示↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
目次
Webの仕組みとJavaScriptの役割
初めてのJavaScriptプログラム
変数とデータ型
演算子
条件分岐
ループ
配列とループ
関数
オブジェクト指向JavaScript
ビルトインオブジェクト
HTMLの操作
イベント処理
アプリを作ろう
Users Voice
Adobe After Effectsのエクスプレッション学習の為に購入しました。プログラミング未経験者ですがとても分かり易い解説だと思いました。JavaScriptの歴史などにも軽く触れられていてプログラミングへの興味が増してきました。私の様な入門者・初心者の方、オススメです♪ (参考:YahooShopping)

↓全て表示 ↑少なく表示
【電子ブックへのリンク先】
〇学内からアクセスする場合
https://kinoden.kinokuniya.co.jp/hokudai/bookdetail/p/KP00016745
〇学外からアクセスする場合
https://kinoden-kinokuniya-co-jp.ezoris.lib.hokudai.ac.jp/hokudai/bookdetail/p/KP00016745
※リモートアクセスサービスへのログイン画面が表示されますので、ログインの上ご利用ください。 (参考:ブクログ)

↓全て表示 ↑少なく表示
内容サンプル

(引用元楽天Books)

 
著者略歴
齊藤新三(サイトウシンゾウ)
WINGSプロジェクト所属のテクニカルライター。Web系製作会社のシステム部門、SI会社を経てフリーランスとして独立。屋号はSarva(サルヴァ)。Webシステムの設計からプログラミング、さらには、Android開発までこなす。現在は、HAL大阪の非常勤講師を兼務

山田祥寛(ヤマダヨシヒロ)
フリーライター。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」の代表でもある(本データはこの書籍が刊行された当時に掲載されていたものです)
これから学ぶJavaScript
発売日 2018/07/20
(2021/07/28 12:03時点)

  
 

   

色々使ってみる「JavaScript活用の参考書」

JavaScriptは、最近はVue.jsといったフレームワークと一緒に用いられることも多いです。

また、ブラウザ上で様々なビジュアル表現が可能なので、ブラウザゲームなどを通して、よりハイレベルなグラフィクス実装なども可能です。

以下のような書籍で、様々な応用を学びましょう。

これからはじめる人のJavaScript/Vue.jsの教科書

これからはじめる人のJavaScript/Vue.jsの教科書
(著)たにぐちまこと
発売日 2020/04/24
おすすめ度
(2021/07/14 12:13時点)
これから始めて、JavaScriptもVue.jsもTypeScriptも理解しよう!

「JavaScriptを学ぼう」

そんなふうに思っても、「JavaScript」は現在では、非常に関連技術の多い言語になっています。JavaScript関連のキーワードを上げてみると、「ECMAScript/ TypeScript/ Vue.js/ Nuxt.js/ React/ Angular/ jQuery」など、上げていったらキリがないほどです。

これらはそれぞれ「JSライブラリー」とか「JSフレームワーク」などと呼ばれているJSの周辺技術ですが、現在のウェブサイト制作や、ウェブアプリ開発では、これらの周辺技術の理解が必須になっています。

本書は、こういった事情に合わせて、今JavaScriptを学ぶなら、この周辺技術は必須だと筆者が考える以下の内容について解説しています。

・JavaScript
・ECMAScript
・Vue.js
・TypeScript

これだけでも非常にカバー範囲が広く、1冊に納めるのは容易ではありませんが、それでもこれらの知識は抑えておいて欲しいという筆者の願いから、1冊に詰め込みました。

ぜひ本書を通じて、JavaScriptの魅力と現在のJavaScript開発のトレンドを抑えて頂けると幸いです。これからのウェブ開発にお役に立つことを願っています。

(「はじめに」より一部修正)

「Chapter1 JavaScriptを学ぶための準備をしよう」では、JavaScriptを学ぶための環境構築を行います。といっても、Google Chrome(ウェブブラウザー)と、Visual Studio Code(エディター)をインストールするだけの簡単な準備です。


「Chapter2 JavaScriptの基本を学ぼう」では、JavaScriptを基本からみっちり学びます。四則演算、制御構造、変数、配列、関数といった基本的なところから、イベントリスナーの使い方、クラスの定義、モジュール、非同期通信、Cookieの使い方など、JavaScriptを実務で使う際には必須となるような実践的な内容まで学びます。EcmaScript2015の文法で学びますが、必要に応じて古い文法についても説明しています。

「Chapter3 TypeScriptの基本を学ぼう」では、TypeScriptについて知っておきたいことを一通り学びます。TypeScriptの基本的な使い方から、関数、さまざまな型、クラス宣言、インターフェイスの使い方などまで解説します。

「Chapter4 Vue.jsの基本を学ぼう」では、現在制作の現場でよく使われているライブラリであるVue.jsについて学びます。基本的なディレクティブの使い方を学んだあと、メソッドやコンポーネント、ミックスインの定義方法を学び、それらを使って実用的なプログラムを作ります。

「Chapter5 Vue CLIでアプリを作ろう」では、Vue CLIを使って、簡単なメモ管理のアプリケーションを作成します。プロジェクトの作成から始まり、ルーティングを設定し、新規追加・一覧・編集・削除の機能を作っていきます。Vuexを使って、データの保存も行います。最後にはコンポーネントを作って共通のパーツを追加するところまで行います。

↓全て表示↑少なく表示
 
内容サンプル

(引用元Amazon)

 
内容サンプル

(引用元Amazon)

 
  

JavaScript Primer 迷わないための入門書

JavaScript Primer 迷わないための入門書
(著)azu, Suguru Inatomi
発売日 2020/04/27
おすすめ度
(2021/07/11 12:13時点)
変化に対応できる基礎を身につけよう!

本書の「第1部 基本文法」では、JavaScriptの文法と機能について、実際の利用方法を示しながら解説しています。また「第2部 ユースケース」では、小さなアプリケーションを例にあげながら、JavaScriptの現実の開発での使い方にも言及しています。
本書は、プログラミング言語のリファレンスのようにJavaScriptのすべての機能を解説してはいません。ECMAScript 2015以降の新しい書き方を中心に、既存のコードに頻出する古い書き方を含めて解説しています。
JavaScriptは激しく変化している言語です。このような変化に対応できる基礎を身に付けられるよう、単に書き方を解説するのではなく、プログラミングの現場で直面する問題を自分自身で解決するのに必要な調査方法についても焦点を当てています。
 
目次
はじめに
著者紹介
第1部 基本文法
第1章 JavaScriptとは
第2章 コメント
第3章 変数と宣言
第4章 値の評価と表示
第5章 データ型とリテラル
第6章 演算子
第7章 暗黙的な型変換
第8章 関数と宣言
第9章 文と式
第10章 条件分岐
第11章 ループと反復処理
第12章 オブジェクト
第13章 プロトタイプオブジェクト
第14章 配列
第15章 文字列
第16章 文字列とUnicode
第17章 ラッパーオブジェクト
第18章 関数とスコープ
第19章 関数とthis
第20章 クラス
第21章 例外処理
第22章 非同期処理: コールバック /Promise/Async Function
第23章 Map/Set
第24章 JSON
第25章 Date
第26章 Math
第27章 ECMAScriptモジュール
第28章 ECMAScript
第2部 ユースケース
第29章 アプリケーション開発の準備
第30章 ユースケース: Ajax通信
第31章 ユースケース: Node.jsでCLIアプリケーション
第32章 ユースケース: Todoアプリケーション
付録A 参考リンク集

↓全て表示↑少なく表示
Users Voice
それなりに分厚いですが、丁寧に書かれているので、基礎からきちんと勉強したい人には良い本だと思います。逆に根気よく読めない人には苦痛な本かもしれません。とはいえこれ位は普通に読みこなせないとこの先辛いとは思いますが。。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
著者略歴

著:azu
ISO/IEC JTC 1/SC 22/ECMAScript Ad Hoc 委員会エキスパートでECMAScript、JSON の仕様に関わる。2011 年にJSer.info を立ち上げ、継続的にJavaScript の情報を発信している。ライフワークとしてOSS へのコントリビューションをしている。

著:Suguru Inatomi
長崎生まれ福岡育ち。2016 年よりAngular 日本ユーザー会の代表を務める。2018 年に日本で一人目のGoogle Developers Expert for Angular に認定される。日々の仕事の傍ら、Angular をはじめとするOSS へのコントリビューションや翻訳、登壇、イベントの主催などの活動を続けている。


  

中級者へ!「JavaScriptの全容を学ぶ本」

上記のような入門書で、JavaScript/プログラミングの感覚になれたら、JavaScriptの幅広い操作/実装方法を学んでできることを増やしましょう。

以下の書籍が、網羅的にJavaScriptを知ることができておすすめです。

改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで

こちらの書籍は 2019/10/23 紙版の6刷に対応するため更新をおこないました。
(概要)
「ECMAScript 2015」によって,いっそう進化をつづけるJavaScriptの新記法はもちろんのこと,基本からオブジェクト指向構文,Ajax,クライアントサイド開発まで,そしてテスト,ドキュメンテーション,コーディング規約など,現場で避けられない知識もしっかり押さえました。
これからのJavaScript開発者必携の1冊です。

(こんな方におすすめ)
・JavaやC言語などほかのプログラミング言語の経験があり,JavaScriptを新規に学びたい方
・JavaScriptを多少使えるけど基本が不安な方

(目次)
はじめに
Chapter 1 イントロダクション
1.1 JavaScriptとは?
1.2 次世代JavaScript「ECMAScript 2015」とは?
1.3 ブラウザー付属の開発者ツール
Chapter 2 基本的な書き方を身につける
2.1 JavaScriptの基本的な記法
2.2 変数/定数
2.3 データ型
2.4 演算子
2.5 制御構文
Chapter 3 基本データを操作する - 組み込みオブジェクト -
3.1 オブジェクトとは
3.2 基本データを扱うためのオブジェクト
3.3 値の集合を管理/操作する - Array/Map/Setオブジェクト -
3.4 日付/時刻データを操作する - Dateオブジェクト -
3.5 正規表現で文字を自在に操作する - RegExpオブジェクト -
3.6 すべてのオブジェクトのひな形 - Objectオブジェクト -
3.7 JavaScriptプログラムでよく利用する機能を提供する - Globalオブジェクト -
Chapter 4 くり返し利用するコードを1箇所にまとめる - 関数 -
4.1 関数とは
4.2 関数定義における4つの注意点
4.3 変数はどの場所から参照できるか - スコープ -
4.4 引数のさまざまな記法
4.5 ES2015における引数の記法
4.6 関数呼び出しと戻り値
4.7 高度な関数のテーマ
Chapter 5 大規模開発でも通用する書き方を身につける - オブジェクト指向構文 -
5.1 JavaScriptにおけるオブジェクト指向の特徴
5.2 コンストラクターの問題点とプロトタイプ
5.3 オブジェクト継承 - プロトタイプチェーン -
5.4 本格的な開発に備えるために
5.5 ES2015のオブジェクト指向構文
Chapter 6 HTMLやXMLの文書を操作する - DOM(Document Object Model) -
6.1 DOMの基本を押さえる
6.2 クライアントサイドJavaScriptの前提知識
6.3 属性値やテキストを取得/設定する
6.4 フォーム要素にアクセスする
6.5 ノードを追加/置換/削除する
6.6 JavaScriptからスタイルシートを操作する
6.7 より高度なイベント処理
Chapter 7 クライアントサイドJavaScript開発を極める
7.1 ブラウザーオブジェクトで知っておきたい基本機能
7.2 デバッグ情報を出力する - Consoleオブジェクト -
7.3 ユーザーデータを保存する - Storageオブジェクト -
7.4 サーバー連携でリッチなUIを実装する - Ajax -
7.5 非同期処理を簡単に表現する - Promiseオブジェクト -
7.6 バックグラウンドでJavaScriptのコードを実行する - Web Worker -
Chapter 8 現場で避けて通れない応用知識
8.1 単体テスト - Jasmine -
8.2 ドキュメンテーションコメントでコードの内容をわかりやすくする - JSDoc -
8.3 ビルドツールで定型作業を自動化する - Grunt -
8.4 今すぐECMAScript2015を実践活用したい - Babel -
8.5 読みやすく保守しやすいコードを書く - コーディング規約 -

↓全て表示↑少なく表示
 
Users Voice
JavaScriptはなんとなくで理解していたが、基本的な座学から応用まで使えるテクニックや説明がありとても理解が深まった。買って良かった1冊。わかりやすくて素晴らしい内容。JS学習初心者には積極的にこの本をオススメしていきたい。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
JavaScriptに関しては全く無知でしたが、それでも理解には困りませんでした。 個人的には結構分かりやすく書かれていると思います (参考:YahooShopping)

↓全て表示 ↑少なく表示

      

サンプルをすぐに活用「JavaScript リファレンス本」

基本的なJavaScriptの使い方が身についたら、あとはやりたいことを実現するコードを積み重ねていくのみ。

そのときに、ヒントになるのが豊富なやりたいことへのサンプルがのっているリファレンス本です。

サンプルコードを、やりたいことへ合わせて改修していくと、やりたいことの実現が早いです。

JavaScript コードレシピ集

JavaScript コードレシピ集
(著)池田 泰延, 鹿野 壮
発売日 2019/01/25
おすすめ度
(2021/07/28 12:03時点)
「あのプログラムはどう書くんだろう?」が、スグにわかります。

JavaScriptによるWeb開発のための、究極のレシピ集が登場。
制作の現場で使われる定番テクニックからプロ技まで余すところなく集めました。
基本文法/文字や数値の取り扱い/データの取り扱い/ブラウザーの操作/ユーザーアクション/
HTML要素の操作/アニメーション/画像、音声、動画/スマートフォンのセンサーなど、目的別にレシピを整理。
「あのプログラムはどう書くんだろう?」が、スグにわかります。
JavaScriptを学び始めた方から中級エンジニアの方まで納得。
ECMAScript 2018に準拠。
 
内容サンプル

(引用元Amazon)

 
目次
JavaScriptの基礎
真偽値や数値や文字の取り扱い
複数データの取り扱い
データについて深く知る
日付や時間の取り扱い
ブラウザーの操作方法
ユーザーアクションの取り扱い
HTML要素の操作方法
フォーム要素の操作方法
アニメーションの作成
画像・音声・動画の取り扱い
SVGやcanvas要素を取り扱う
処理の実行タイミングを制御する
さまざまなデータの送受信方法
ローカルデータの取り扱い
スマートフォンのセンサー
プログラムのデバッグ

↓全て表示↑少なく表示
Users Voice
とても役に立っています。その名の通りレシピ集って感じです。JavaScript中級者向けの本だと思います。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
結構前に購入したのだけど、600ページとあまりに分厚いのでゴールデンウィークに読もうと積読していた本。
JavaScriptについてはある程度勉強してきたつもりだけど、本書は最新のEcmascriptに対応した書き方になっているので、「今はこんな書き方ができるのか!」と驚くことも多かった。
ただ、できたらどのブラウザで対応できるのか、対応できてなくてもPolyfillで対応できるのかということは書いてほしかったかな。多分、ここに書いてあることでもIE11では動かないという処理も多いだろうし。
マイナス値のround(四捨五入)がどうなってるのかよく分かってないことに気づいた。Math.round(-7.5)は-8になりそうだけど、-7なのか。まあ、小数点以下が0.5の場合はそれより大きい整数になると考えたら、そりゃそうか。
指定の数の乱数を生成するcrypto.getRandomValuesというメソッドは初めて知った。cryptoというぐらいだから、暗号用に使うのだろうけど、実際どういうふうに使われるのだろう。
ちょっと気になったのは、オブジェクトのプロパティーがあるかどうか判断するのに、「userData.id != null」としていたこと。他のページではは、厳密な判定をするようにしようとか、プロパティがない場合はundefinedになるということを書いてあった箇所があったと思うのだけど、なんでここだけこんなあまりよくない書き方になっているんだ。
asyncとかawaitという書き方は初めて知った。Promiseを置き換えることができて、かなりシンプルな書き方になるのだとか。ただ、ちょっとこの本を読んだだけじゃ挙動が分からな語った。Promiseを置き換えれるといっても、catchのような処理をあらわせれるのかどうかはよく分からない。このへん、もうちょっと勉強したい。 (参考:ブクログ)

↓全て表示 ↑少なく表示
内容サンプル

(引用元Amazon)

 
著者略歴
池田泰延(イケダヤスノブ)
株式会社ICS代表。テクニカルディレクター・UIデザイナーとしてHTML・JavaScriptを用いたプロモーションサイトの制作や、アプリ開発を主に手がける。Webのインタラクティブ表現に関する最新技術を研究し、セミナー・勉強会で積極的に情報共有に取り組んでいる。筑波大学非常勤講師も務める

鹿野壮(カノタケシ)
株式会社ICSインタラクションデザイナー。九州大学音響設計学科でメディアアートを学ぶ。現在はモバイルアプリ開発やWebページ制作を専門としつつ、セミナー登壇や技術記事執筆(ICS MEDIA、Qiitaなど)で情報を発信している(本データはこの書籍が刊行された当時に掲載されていたものです)

  

JavaScript逆引きレシピ 第2版

JavaScript逆引きレシピ 第2版
(著)山田 祥寛
発売日 2018/10/15
おすすめ度
(2021/07/28 12:03時点)

JavaScript開発必須の知識・現場のテクニックを凝縮!

本書は、実践で即役立つテクニックと開発ノウハウ、つまづきやすい・ハマりやすいポイントを徹底解説した「JavaScriptを利用するWebプログラマ必携の逆引き集」です。

JavaScript(ECMAScript)の基本構文や新記法といった基礎的な知識から、オブジェクト指向、組み込みオブジェクト、関数、オブジェクト指向構文、DOM、ブラウザオブジェクトなどの定石・応用テクニック、開発に役立つツール類まで、著者の経験に基づいた実践の場で必ず役立つノウハウ、レシピを提供します。

JavaScriptをいまいち使いこなせていないと感じる方や中級レベルに向けてしっかり足場固めをしたい方、JavaScriptをもっと活用したい方などにおすすめの一冊です。

※本電子書籍は同名出版物を底本として作成しました。記載内容は印刷出版当時のものです。
※印刷出版再現のため電子書籍としては不要な情報を含んでいる場合があります。
※印刷出版とは異なる表記・表現の場合があります。予めご了承ください。
※プレビューにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください。


↓全て表示↑少なく表示
 
内容サンプル

(引用元Amazon)

 
Users Voice
【電子ブックへのリンク先】
〇学内からアクセスする場合
https://elib.maruzen.co.jp/elib/html/BookDetail/Id/3000067597?129
〇学外からアクセスする場合
https://elib-maruzen-co-jp.ezoris.lib.hokudai.ac.jp/elib/html/BookDetail/Id/3000067597?129
※リモートアクセスサービスへのログイン画面が表示されますので、ログインの上ご利用ください。 (参考:ブクログ)

↓全て表示 ↑少なく表示
★学生選書ツアー2019選書図書★
【所在・貸出状況を見る】
https://sistlb.sist.ac.jp/opac/volume/227381 (参考:ブクログ)

↓全て表示 ↑少なく表示
内容サンプル

(引用元Amazon)

 
  

JavaScript「新書一覧(2019,2020刊行本)」

JavaScriptは毎年のように仕様が拡張される、言語自体の開発スピードが早い言語です。

直近でもECMAScript2019(ECMAScript10)といったバージョンが公開されています。

そのため、特に新しい技術をキャッチアップできると理想的。そのため新書は要チェックです。

以下がJavaScriptの新書(2019年,2020年発売)の一覧(発売日の新しい順)です。

 

(2021/07/28 12:03 更新)
製品価格
初めてのWebGL 2 第2版 ―JavaScriptで開発するリアルタイム3Dアプリケーション...
発売日 2021/07/21
Farhad Ghayour, Diego Cantor (オライリージャパン)
4,400円
4,400円
4,400円
298円
298円
298円
プロフェッショナルWebプログラミング JavaScript
発売日 2021/04/23
柳井 政和 (エムディエヌコーポレーション(MdN))
おすすめ度
3,600円
3,600円
3,600円
3,600円
4,048円
図解! JavaScriptのツボとコツがゼッタイにわかる本 “超”入門編...
発売日 2021/03/24
中田 亨 (秀和システム)
おすすめ度
2,640円
2,376円
2,376円
2,640円
JavaScript[完全]入門
発売日 2021/02/05
柳井 政和 (SBクリエイティブ)
おすすめ度
2,948円
2,653円
2,948円
2,948円
3,300円
2,970円
3,300円
3,300円
JavaScript基礎ドリル 穴埋め式
発売日 2020/11/20
金子平祐, Grodet Aymeric, Bahadur MD Rakib, 新居雅行 (オーム社)
おすすめ度
2,200円
2,200円
2,200円
2,200円
HTML5とJavaScriptで作る タワーディフェンス 全コード るてんのプチ技術書...
発売日 2020/11/18
柳井 政和 (るてんのお部屋)
おすすめ度
1,000円
ハンズオンJavaScript
発売日 2020/11/17
あんどうやすし (オライリージャパン)
おすすめ度
3,960円
3,960円
3,960円
880円
JavaScriptでリバーシゲームをつくろう
発売日 2020/07/04
柳井 政和 (るてんのお部屋)
1,800円
JavaScript Primer 迷わないための入門書 (アスキードワンゴ)
発売日 2020/06/10
azu, Suguru Inatomi (ドワンゴ)
おすすめ度
4,180円
3,762円
4,180円
2,948円
React Native ~JavaScriptによるiOS/Androidアプリ開発の実践
発売日 2020/04/27
髙木 健介, ユタマこたろう, 仁田脇 理史 (技術評論社)
おすすめ度
4,378円
4,159円
4,378円
4,378円
これからはじめる人のJavaScript/Vue.jsの教科書
発売日 2020/04/24
たにぐち まこと (マイナビ出版)
おすすめ度
2,838円
2,696円
2,838円
2,838円
JavaScriptワークブック―ステップ30 (情報演習 36)
発売日 2020/04/01
相澤 裕介 (カットシステム)
おすすめ度
990円
990円
651円
990円
990円
990円
初心者からちゃんとしたプロになる JavaScript基礎入門
発売日 2020/03/25
西畑 一馬, 須郷 晋也, 岡島 美咲, 扇 克至 (エムディエヌコーポレーション(MdN))
おすすめ度
2,860円
2,717円
2,860円
2,860円

 

JavaScript「Kindle Unlmited 読み放題本」

「Kindle Unlimited」は、Amazonの定額本読み放題サービス。

実はそこにJavaScriptの本もそこそこあるんです。すなわち、定額で何冊も学習することも可能

Kindle Unlimitedの主な特徴としては、おおよそ以下の通り。

  • 雑誌がかなり充実
  • 豊富なKindle個人出版本がほとんど読み放題
  • 最近は出版社単行本も対応増加

個人的には雑誌が、IT系(CG WORLD等)、ガジェット系(Get Navi等)、ゲーム(ファミ通等)、など見たい雑誌が幅広く読めるのが大きな魅力。2冊以上読みたいものがあるだけで確実にお得です。

また、30日無料体験も可能なので、体験期間を利用して無料で学習してみるのもお得な学習法です。

以下がKindle Unlimited対応のJava関係の本人気ランキング(Best10)です。

(2021/07/28 12:03 更新)
Rank製品価格
1
スラスラ読める JavaScriptふりがなプログラミング
発売日 2018/06/22
及川卓也, リブロワークス (インプレス)
Kindle Unlimited対象
おすすめ度
2,035円
1,643円
1,826円
2,035円
2
3,191円
2,653円
2,948円
5,978円
3
JavaScript 初級者が知るべき39のこと
発売日 2020/06/22
松元大地
Kindle Unlimited対象
おすすめ度
250円
4
よくわかるJavaScript
発売日 2019/04/03
高橋 麻奈
Kindle Unlimited対象
おすすめ度
800円
5
699円
6
ゲームで学ぶJavaScript入門 HTML5&CSSも身につく!
発売日 2015/12/11
田中 賢一郎 (インプレス)
Kindle Unlimited対象
おすすめ度
2,640円
2,178円
2,420円
2,640円
7
できるキッズ 子どもと学ぶ JavaScriptプログラミング入門 できるキッズシリーズ...
発売日 2018/09/21
大澤文孝, できるシリーズ編集部 (インプレス)
Kindle Unlimited対象
おすすめ度
2,420円
1,089円
2,178円
2,420円
8
これから学ぶJavaScript
発売日 2018/07/20
齊藤 新三, 山田 祥寛 (インプレス)
Kindle Unlimited対象
おすすめ度
2,640円
2,376円
2,640円
2,640円
9
1,430円
10
JavaScriptエンジニアのためのNode.js入門
発売日 2016/12/26
天田士郎
Kindle Unlimited対象
おすすめ度
350円

 

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

スラスラ読める JavaScriptふりがなプログラミング
(著)及川卓也, リブロワークス
発売日 2018/06/22
おすすめ度
(2021/07/28 12:03時点)
「プログラムの読み方をすべて載せる(ふりがなをふる)」という手法で究極のやさしさを目指した、
まったく新しいJavaScript(ジャバスクリプト)の入門書です。

本書内に登場するプログラムの読み方をすべて載せ、さらに、漢文訓読の手法を取り入れ、読み下し文を用意。
プログラムの1行1行が何を意味していて、どう動くのかが理解できます。

この新しいアプローチで「プログラムが読めないから、自分がいま何をしているのかわからない」といった
プログラミング入門者が途中で挫折してしまう原因を解決しました。

また、実際に手を動かしながら進むだけでなく、プログラムを考える応用問題も用意しているため、
しっかりJavaScriptの基礎文法を身につけることができます。

■本書はこんな人におすすめ
・JavaScriptの基本を身につけたい人
・過去にプログラミングの入門書で挫折してしまった人
・Web制作者やプログラマー、エンジニアを目指す人
・仕事でJavaScriptを活用してみたい人


※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。
購入前にお使いの端末で無料サンプルをお試しください。

↓全て表示↑少なく表示
 
内容サンプル

(引用元楽天Books)

 
目次
1 JavaScript最初の一歩(JavaScriptってどんなもの?
本書の読み進め方 ほか)
2 条件によって分かれる文を学ぼう(条件分岐ってどんなもの?
入力されたものが数値かどうか調べる ほか)
3 繰り返し文を学ぼう(繰り返し文ってどんなもの?
条件式を使って繰り返す ほか)
4 関数を作ろう(関数を作る目的は何?
関数の書き方を覚えよう ほか)
5 Webページに組み込もう(JavaScriptでWebページを操作するには?
HTMLを書いてみよう ほか)

↓全て表示↑少なく表示
Users Voice
高度なプログラミンはありませんが、引数や順序、DOMってなに?みたいな基本中の基本がわかる本だと思います。実際、過去に数冊の入門書やドットインストールなんかにも挑戦しましたがまぁまぁ挫折。最後までやりぬいた本はこれが初めてです。これを一冊目として色々と発展させていけばいいんじゃないかと思います。オススメです。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
プログラミングの学習にて大変助かっています。いい商品が買えて良かったです。ありがとうございました。 (参考:YahooShopping)

↓全て表示 ↑少なく表示
子供の希望で買いました。内容は知りません (参考:YahooShopping)

↓全て表示 ↑少なく表示
内容サンプル

(引用元楽天Books)

 
著者略歴
及川卓也(オイカワタクヤ)
早稲田大学理工学部を卒業後、日本DECに就職。営業サポート、ソフトウエア開発、研究開発に従事し、1997年からはマイクロソフトでWindows製品の開発に携わる。2006年以降は、GoogleにてWeb検索のプロダクトマネジメントやChromeのエンジニアリングマネジメントなどを行う。その後、スタートアップを経て、独立。企業へ技術戦略、製品戦略、組織づくりのアドバイスを行う(本データはこの書籍が刊行された当時に掲載されていたものです)

  

速習 ECMAScript 2019: 次世代の標準JavaScriptを今すぐマスター! 速習シリーズ

速習 ECMAScript 2019: 次世代の標準JavaScriptを今すぐマスター! 速習シリーズ
(著)山田祥寛
発売日 2019/08/13
おすすめ度
(2021/07/19 12:14時点)
これから習得必須の標準JavaScript――ECMAScriptをいち早くマスターしよう。
本書では、ECMAScript 2015(ES2015)以降で大きく変化したECMAScriptの新機能を、6つのPartに分けて、サンプルコードとともに詳しく解説しています。本書掲載のサンプルは、ダウンロード可能。どんどん動かして試してみてください。

※本書は、旧版「速習 ECMAScript 2018」をECMAScript 2019に対応し、最新の情報で改訂したものです。

【目次】
Part1:はじめに
 対象読者
 ECMAScriptとは?
  ECMAScriptのバージョン
  ECMAScript仕様策定の流れ
  最新のECMAScriptを利用するには?
 サンプルプログラムについて

Part2:基本構文
ブロックスコープを有効にする - let命令
 定数を宣言する - const命令
 整数リテラルの表現力を改善する - 2進数/8進数リテラル
 Math.powを簡単に表現するべき乗演算子「**」[2016]
 文字列リテラルへの変数/改行の埋め込みを可能にする - テンプレート文字列
  テンプレート文字列をアプリ仕様に加工する - タグ付きテンプレート文字列
  不正なエスケープシーケンスの処理[2018]
 新たなデータ型Symbolとは?
  シンボルの用法
  (1)定数の値として利用する
  (2)プライベートなプロパティを定義する
  (3)プライベートメソッドを定義する
 配列/オブジェクトから個々の要素を抽出する - 分割代入
  分割代入の使い方
  (1)関数(メソッド)から複数の値を返したい
  (2)変数の値を入れ替える
  (3)名前付き引数を指定する
  (4)正規表現でマッチした部分文字列を抽出する
 配列を個々の変数に展開する - 展開演算子
 配列など反復可能なオブジェクトを列挙する - for...of命令
 try...catch命令での小さな改善[2019]
 すべてのJSON文字列をJavaScript文字列として認める[2019]

Part3:関数
 引数のデフォルト値を宣言する
  補足:必須パラメーターの表現
 可変長引数を利用する
 関数リテラルをシンプルに記述する - アロー関数
  アロー関数はthisを固定する(レキシカルなthis)
  注意:オブジェクトリテラルを返す時
 引数リストの末尾のカンマを許容する[2017]

Part4:組み込みオブジェクト
 非同期処理を簡便に処理する - Promiseオブジェクト
  非同期処理を同期処理風に記述する[2017]
  非同期処理を連結する
  複数の非同期処理を並行して実行する
 補足:非同期通信のための新たなメソッド「fetch」
  fetchメソッドの基本
  通信の成否を確認する
  クエリ情報を送信する
  ポストデータを送信する
  ポストデータを送信する(JSON形式)
 オブジェクトの挙動をカスタマイズする - Proxyオブジェクト
 コレクション関連のオブジェクトを標準で提供 - Map/Setなど
  キー/値のセットを管理するマップ
  一意な値の集合を管理するセット
 Unicode対応の改善
  for...of構文でもサロゲートペアを認識
  Unicodeエスケープシーケンスが拡張
  サロゲートペアからコードポイントを取得/設定も可能に
  JSON.stringifyで不正な形式のUnicode文字列を除外する[2019]
 表現力が向上したRegExpオブジェクト
  Unicode文字列を処理するuフラグ
  特定の位置でマッチングを試みるyフラグ
  「.」が改行を含めたすべての文字にマッチするsフラグ[2018]
  ひらがな/カタカナなど特定の文字種を取得する「Unicodeプロパティエスケープ」[2018]
  部分パターンを命名する「名前付きキャプチャグループ」[2018]
  (1)後方参照
  (2)replaceメソッド
  肯定後読みと否定後読み[2018]
 String/Array/Math/Objectなど組み込みオブジェクトのメソッドも拡充
  Stringオブジェクト
  Arrayオブジェクト
  Mathオブジェクト
  Numberオブジェクト
  Objectオブジェクト

Part5:オブジェクト指向構文
 オブジェクトリテラルをよりシンプルに表現する
  変数を同名のプロパティに設定する
  メソッドを定義する
  プロパティ名を動的に生成できる
 クラスを定義する - class命令
  匿名クラス(リテラル表現)も利用できる
  静的メソッドを定義する - static修飾子
  getter/setterも利用できる
  既存のクラスを継承する - extendsキーワード
 列挙可能なオブジェクトを定義する - イテレーター
  イテレーターを実装したクラスの準備
 列挙可能なオブジェクトをより簡単に実装する - ジェネレーター
  カウントダウンするジェネレーター
  非同期処理を伴うイテレーターを定義する[2018]
 アプリを機能単位にまとめる - モジュール
  ブラウザー環境でモジュールを利用する
  モジュールの内容をまるごとインポートする
  デフォルトのエクスポートを宣言する

Part6 :トランスコンパイラーBabel
 コマンド経由で変換する
 簡易インタプリターを利用する

【著者プロフィール】
山田 祥寛(やまだ よしひろ)
Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGS プロジェクト」の代表でもある。主な著書に「速習Kotlin」「速習React」「速習webpack」「速習Vue.js」「速習ASP.NET Core」「速習TypeScript」(WINGSプロジェクト・Kindle版)、「改訂新版JavaScript本格入門」「Angularアプリケーションプログラミング」(技術評論社)、「独習Java 新版」「独習C# 新版」「独習PHP 第3版」(翔泳社)、「はじめてのAndroidアプリ開発 第3版」(秀和システム)など。
https://www.wings.msn.to/

↓全て表示↑少なく表示
 
  

 

おまけ:本より高コスパ?「Udemy JavaScriptおすすめ講座」

UdemyではJavaScriptを基礎から応用までトータルで学べる学習講座があります。

こちらが、セール時には2千円程度で購入可能で、講座によっては本よりコスパよく学習が可能です。

講座は、買い切り型ながら更新あり、質問可能、30日間返金も可能、という本以上の手厚いサポートがあるのが魅力。

以下の表が、JavaScriptの学習講座例。セールの場合、かなりおすすめなのでぜひトライしてみください。

Udemyについては、以下のページでも詳しく紹介しているので覗いてみてください。

人気
Rank
学習コース評価
1
(4.5)
総評価数 7220件
2
(4.5)
総評価数 3605件
3
(4.3)
総評価数 4666件
4
【JS】ガチで学びたい人のためのJavaScriptメカニズム
発売日 2020/02/01
受講者 10,915人
通常 9,600円
現在 1,800円
(4.6)
総評価数 1572件
5
ハンズオンで学ぶTypeScript - JavaScript エンジニアのためのTypeScript徹底入門...
発売日 2019/09/29
受講者 3,657人
通常 24,000円
現在 2,030円
(4.6)
総評価数 608件

 

関連:Node.js、TypeScriptで開発の幅を広げる

JavaScriptを学んだら、サーバーサイド実装も可能なNode.js、保守性や拡張性も高く最近主流となっているTypeScriptでの開発、を使いこなすと応用の幅が広がります。

以下で同様に人気・おすすめの参考書を紹介しているので覗いてみてください。

 

関連:Vue.js、React、Angularでモダンなフロントエンド実装

JavaScriptの主戦場フロントエンド実装には、人気のフレームワーク「Vue.js」「React」「Angular」があります。

日本では特にVue.jsが人気ですが、世界的にはReactが人気です。それぞれ同様に人気参考書を紹介しているので覗いてみてください。

 

いじょうでっす。

コメント

タイトルとURLをコピーしました