1 冊ですべて身につく JavaScript 入門講座

IT エンジニアが読んで欲しいと選んだ本、
IT エンジニア大賞 2024 技術書部門 大賞 & 特別賞のダブル受賞の快挙!!
累計 40 万部突破の人気シリーズ!
全国の書店員がオススメする本 第 1 位受賞を連発!

ここまで丁寧に解説している入門書はないと話題沸騰!
最初の 1 冊目に最適。やっていて楽しいと大人気!

とことん丁寧な JavaScript の入門書、ついに登場!

・最初の一歩が踏み出せる! 初心者に寄り添うやさしい解説
・最新の技術が身につく! 今の JavaScript の書き方・使い方
・絶対に知っておきたい! アニメーションとイベントの知識
・プログラミングの基本から実装方法まですべて学べる

Web クリエイターボックスの
Mana が教えるプログラミング & Web サイトの動かし方
この 1 冊で必要なことがすべて学べる!

プログラムもアニメーションも全部学べる!

サンプルデータは Web サイトよりダウンロードできます。

●本書の対象読者
・これから JavaScript を学びはじめたい人
・以前に JavaScript の学習を試みたが挫折してしまった人
・Web サイトに動きやイベントをつけてみたい人
・HTML と CSS の基礎を終え、次の目標を探している人
・jQuery を卒業し、最新の JavaScript を学び直したい人
●CONTENTS
CHAPTER 1 最初に知っておこう! JavaScript でできること
CHAPTER 2 JavaScript に触れてみよう!
CHAPTER 3 JavaScript の基本を学ぼう!
CHAPTER 4 イベントで操作しよう!
CHAPTER 5 複数のデータを使ってみよう!
CHAPTER 6 アニメーションを加えよう!
CHAPTER 7 Web ページを作ってみよう!
CHAPTER 8 エラーと解決方法

HTML と CSS で静的なページは作れるようになった人が、次に「操作への反応」と「動き」を付けるために学ぶのが JavaScript です。『1 冊ですべて身につく JavaScript 入門講座』 (Mana 著、SB クリエイティブ、2023 年 3 月刊、B5 判) は、その段階にいる Web 制作者と、プログラミングそのものが初めての人に向けた入門書です。版元の紹介では、JavaScript の基本、プログラミングの知識、イベント操作、アニメーションの加え方、Web ページでの実装方法、エラーと解決方法が 1 冊に収められ、ブラウザーだけで確認できるためプログラミングの最初の学習に向くとされています。入門書シリーズ「1 冊ですべて身につく」の JavaScript 編で、版元は本書が IT エンジニア大賞 2024 技術書部門で大賞と特別賞を受賞したと紹介しています。

全 8 章の構成、JavaScript に触れる章からエラーと解決方法まで

構成は CHAPTER 1 から CHAPTER 8 までの全 8 章です。CHAPTER 1「最初に知っておこう! JavaScript でできること」で言語の役割をつかみ、CHAPTER 2「JavaScript に触れてみよう!」と CHAPTER 3「JavaScript の基本を学ぼう!」で書き方の基礎に入ります。CHAPTER 4「イベントで操作しよう!」、CHAPTER 5「複数のデータを使ってみよう!」、CHAPTER 6「アニメーションを加えよう!」で Web ページを動かす部品を順にそろえ、CHAPTER 7「Web ページを作ってみよう!」では、版元の案内によればローディング、画像ギャラリー、スライドメニューといった Web サイトでよく使われる機能を、手を動かしながら 1 つの Web サイトに実装していきます。最後の CHAPTER 8「エラーと解決方法」は、エラーとその解決に 1 章を割いた構成です。版元は対象読者に「以前に JavaScript の学習を試みたが挫折してしまった人」を挙げており、エラーに独立した章を置く構成はその読者層に直接効く部分です。サンプルデータは版元サイトからダウンロードでき、正誤情報も同じページで公開されています。

ブラウザーだけで動く言語という技術背景と、イベントとアニメーションの位置

Web ページは、HTML が構造、CSS が見た目、JavaScript が振る舞いを担う分業で成り立っています。JavaScript の実行環境はブラウザーに組み込まれているので、開発環境を整える前に書いた結果を画面で確かめられ、これが「プログラミングの最初の学習」に向くと版元が述べる根拠です。ページの動きの正体は、クリックやスクロールといった利用者の操作をイベントとして受け取り、条件に応じて HTML や CSS を書き換える流れで、版元も「条件によって HTML/CSS を書き換えたり、アニメーションで動きをつけたりできます」と説明しています。アニメーションについては、なぜ動きがあると効果的なのか、心地よいと感じる動きとは何かという問いから始め、手軽に使える Web Animations API の使い方とタイミングや速度などのアレンジ方法まで扱うと版元は案内しており、動きを飾りでなく フロントエンド の設計要素として学べる点が、文法中心の入門書との差になります。版元の対象読者には jQuery を卒業して JavaScript を学び直したい人も含まれ、ライブラリを介して書いていた処理を言語そのものの書き方で組み直す用途にも使えます。

著者 Mana の経歴と、HTML と CSS の次という前提知識

著者の Mana 氏について、版元のプロフィール (刊行時) では、日本で 2 年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにある Web 制作の学校を卒業し、カナダやオーストラリア、イギリスの企業で Web デザイナーとして働いた経歴と、ブログ『Web クリエイターボックス』の管理人であること、刊行時点では Web サイト制作の書籍執筆とインストラクターとして教育関連に携わっていることが紹介されています。書店掲載の出版社提供プロフィール (刊行当時) には、著書『1 冊ですべて身につく HTML & CSS と Web デザイン入門講座』と『ほんの一手間で劇的に変わる HTML & CSS と Web デザイン実践講座』 (いずれも SB クリエイティブ) が 2019 年度および 2021 年度の CPU 大賞書籍部門の大賞を受賞したとあり、版元ページの関連商品にも同シリーズの HTML & CSS 編や『1 冊ですべて身につく WordPress 入門講座』が並びます。前提知識について版元が挙げる対象読者は、これから JavaScript を学びはじめたい人、以前に学習を試みたが挫折してしまった人、Web サイトに動きやイベントをつけてみたい人、HTML と CSS の基礎を終えて次の目標を探している人などで、プログラミング経験は前提にされていません。一方で作例が Web ページである以上、HTML と CSS の基礎があるほど CHAPTER 7 の制作を追いやすくなります。Web デザインの本の選び方 で HTML/CSS の入門書を終えた人が、その次に開く本として位置づけられます。

元が取れる人と、向かない人

元が取れるのは、HTML と CSS の次に JavaScript を始める Web 制作者、過去に JavaScript で挫折した経験がある人、ローディングや画像ギャラリー、スライドメニューを自分のサイトに実装したい人、そしてプログラミング自体を初めて学ぶ人でブラウザーだけで始めたい人です。向かないのは、すでに JavaScript を実務で書いていて言語仕様や設計の深掘りを求める人で、その段階の本は JavaScript と TypeScript の本の選び方 で次の一冊を選ぶ方が早道です。また、全 8 章はいずれもブラウザー上の Web ページを動かす範囲で組まれているため、サーバーサイドの JavaScript や特定のフレームワークの習得が目的なら、本書はその前段の基礎と位置づける必要があります。静的なページに操作と動きを足す最初の一歩を、丁寧な解説と 1 つのサイトを作り上げる流れで踏み出したい人にとって、本書は安心して選べる入門書です。