JavaScriptを基礎からしっかり学びたい人にお勧めの安心して読める解説書 -ゆっくり・ていねいJavaScript

Post on:2019年1月25日

sponsors

解説書を購入する際、どのように選んでいますか？もちろん中身が重要ですが、全部読んでから購入することはできないでしょう。そこで、著者買いです。自分の既読で良かった本の著者を覚えておくと外れることはかなり少なくなります。

「ゆっくり・ていねいJavaScript」は狩野祐東氏の最新刊で、「HTML5&CSS3デザインレシピ集」「いちばんよくわかるHTML5&CSS3デザインきちんと入門」「作りながら学ぶ jQueryデザインの教科書」など、安心して読める解説書の著者様です。

本書は表紙にもある通り、知識ゼロでもJavaScriptを基礎からゆっくり・ていねいに学べ、実践的な応用力まで身につく解説書です。JavaScriptの初心者の人だけでなく、今まで挫折してしまった人、そしてES5からES6について学びたい人にお勧めの一冊です。

知識ゼロからはじめる
ゆっくり・ていねいJavaScript ES6対応
ISBN978-4-8026-1124-4
[Amazonでみる]
[楽天でみる]

著者：: 狩野祐東
出版社：: ソシム
発売日：: 2019/1/22

Kindle版は、2/22にリリースされました。

知識ゼロからはじめる Kindle版

紙面のキャプチャを少しだけご紹介。

本書の大きな特徴は「ゆっくり」で「ていねい」です。
解説が非常に分かりやすく、初心者の人だけでなく、今まで挫折してしまった人でも、一歩ずつ確実にJavaScriptを習得することができると思います。

本書での基本的な流れを見てましょう。

最初に「実行するとこんな感じ」で何をできるようになるかが分かります。「何をやっているの？」では大まかな仕組みを把握し、「使用する機能」でそこで使用する機能がまとめられています。
一つの項目ごとに目的をもって、取り組むことができると思います。

「それではやってみよう」ではプログラムについて詳しい解説があり、「プログラムを書いてみよう」でここまでの知識だけで実際にコードを記述します。サンプルのプログラムはすべてサポートサイトからダウンロードできます。
また、コラムも充実しており、初心者が間違いがちなポイント、もしこうするとどうなる、など細かいところまで配慮が行き届いているのも大きな特徴です。

JavaScriptは2015年に大幅なバージョンアップがあり、これから始めるならES6がお勧めです。本書ではES6に準拠した書き方をもとに解説されています。

本書は8章構成で、1-4章ではJavaScriptの基本的な文法について学び、ひととおりコードを読んで書けるようになる基礎が身につきます。

ES6で新たに導入された機能もゆっくり、ていねいに学ぶことができます。キャプチャ画像では分からないと思いますが、章番号4-3の上に「ES6」と表記されています。ES6について学びたい人はES6だけに注目して学ぶこともできます。

5章からは、いよいよページへの実装です。まずはJavaScriptの特徴的な機能のひとつであるDOM操作から学びます。流れは1-4章と同じですが、解説のボリュームはかなり増えており、挫折することなく、進めると思います。

6, 7章では実際にUIを実装します。画像ギャラリーやタブなど、Webサイトやスマホアプリでよく見かけるユーザーインターフェイスです。

おそらく最初に本書を開いた時には、まさかWeb APIも使えるようになるとは、と思っていたかもしれません。しかし、順に読み進めていけば、何の問題もなく、すんなりと身につくでしょう。

ES6がIE11でほとんどサポートされていないため、ES6をES5に書き換える処理をしてIE11でも動作するようにする必要があります。このトランスパイルについてもNode.jsの導入から詳しく解説されています。

ゆっくり・ていねいJavaScriptの目次

イントロダクション

JavaScriptってどんな言語？

JavaScriptの2大機能

新しいJavaScript ～ES6とは～

実習を始めましょう
JavaScriptの基本的な文法

プログラムを書いてみよう～window．alert～

プログラムを書く場所～<script>～

コンソールを使ってみよう～console.log～

大事な機能を知ろう～コメント文と'use strict'～
基本的なプログラミング

データを一時的に保存する～変数～

テキストを操作する① ～文字列～

テキストを操作する② ～テンプレート文字列～【ES6】

簡単な計算をする～数値、算術演算子～

データをひとつにまとめる① ～配列～

データをひとつにまとめる② ～オブジェクト～
条件文、繰り返し、ファンクション

状況によって処理を振り分ける～if～

より高度な処理の振り分け～else ifと各種演算子～

新しい変数宣言の方法～letとconst～【ES6】

同じ処理を連続して繰り返す～while～

一連の処理をまとめて呼び出す～ファンクション～

新しいファンクションの定義法～アロー式～【ES6】

配列に使える新しい繰り返し～for...of～【ES6】

データの順序を入れ替える～配列の操作～
ブラウザへの表示

トグルボタンの作成～DOM操作とイベント～

フォームの入力内容を調べる～フォームのDOM操作～
jQueryでユーザーインターフェースを簡単に作成

画像ギャラリーの作成～jQueryの基礎～

タブUIの作成～別の要素を操作する～
組み込みオブジェクトと非同期通信

日時を取得しよう～Dateオブジェクト～

経過時間を表示しよう～Mathオブジェクト～

Web APIを使った住所検索～Yahoo!デベロッパーネットワーク～
Node.js、npm、トランスパイル

トランスパイルとは～ES6をES5に変換～

Node.js、npmとは

トランスパイルに挑戦