本当によくわかるJavaScriptの教科書 読んでみた。

[記事公開日]2019/03/25

[最終更新日]2024/09/26

Amazon:JavaScript
https://amzn.to/4eE3JNm

昔に発売された、プログラミングなどの本なども改訂版などが、発売されています。

プログラミング系の本とかって、いろいろ出ているので、
どれが、わかりやすい本なのか、わからない場合などあります。
また、どの本も同じ内容だったりします。

今では、昔とは違い、動画サイトや、いろいろ学べるサービスなども多いです。

本によっては、改訂版などを買っても、あまり内容が変わってない、本とかもあります。

また、本当に、この本は、本人が書いてるの?って本などもあったりします。

委託して、誰かに頼んで書いてもらってる本などもあります。

 


 

本当によくわかるJavaScriptの教科書 はじめての人も、挫折した人も、基礎力が必ず身に付く 単行本 – 2018/6/8
ENTACL GRAPHICXXX (著)
世界で一番かんたんで丁寧な入門書

目次
本当によくわかるJavaScriptの教科書 読んでみた。
Chapter1 JavaScriptとは
Chapter2 JavaScriptの基本
Chapter3 条件分岐
Chapter4 繰り返し
Chapter5 関数
Chapter6 オブジェクト
Chapter7 イベント
Chapter8 スライドショーの作成
Chapter9 jQuery
Chapter10 Web API
Chapter11複数の機能を1つのWebサイトにまとめる

 


 

スラスラ読める JavaScriptふりがなプログラミング 増補改訂版 (ふりがなプログラミングシリーズ) 単行本(ソフトカバー) – 2022/8/23
リブロワークス (著), 及川卓也 (監修)

プログラムが「読めない」を解決する入門書

スラスラわかるJavaScript 新版 単行本 – 2022/7/13
桜庭 洋之 (著), 望月 幸太郎 (著)

プログラミングの基礎とJavaScriptの基本文法を
やさしく解説した入門書の定番が、装い新たに登場です。

 


 

解きながら学ぶ JavaScriptつみあげトレーニングブック 単行本(ソフトカバー) – 2021/12/23
リブロワークス (著), 中川 幸哉 (監修)
エラーの読み方、わかりますか? この本で初心者を卒業しよう
「いずれWebエンジニアとして仕事をするようになりたい」
「JavaScriptの入門書を1冊読んだけど、理解がぼんやりしている」
「現場に出て恥ずかしくないように勉強しておきたい」

 


 

つくって楽しいJavaScript入門 身近な不思議をプログラミングしてみよう 単行本(ソフトカバー) – 2021/11/10
スペースタイム 柳田 拓人 (著), サイエンス&プログラミング教室 ラッコラ (監修)
自然・生き物のしくみを再現しながら
プログラミングを楽しく学ぼう!

 


 

確かな力が身につくJavaScript「超」入門 第2版 単行本 – 2019/9/21
狩野 祐東 (著)
JavaScriptをこれから始める人にも、前に挫折したことのある人にも。
手を動かしてサンプルをひとつずつ作っていくことで、知識だけでなく、
現場で活きる、応用・実践につながる基礎力が「この一冊で」身につきます

 


 

やさしくはじめる スマートスピーカープログラミング 単行本(ソフトカバー) – 2019/5/24

 


 

Webを支える技術 -HTTP、URI、HTML、そしてREST (WEB+DB PRESS plus) 単行本(ソフトカバー) – 2010/4/8

 


 

小学校の先生のための Why!?プログラミング 授業活用ガイド 単行本 – 2018/12/6

内容紹介
人気プログラミング番組『Why!?プログラミング』を活用して、よりよいプログラミングの授業を実施するためのガイド本です。

 


 

本当によくわかるJavaScriptの教科書 読んでみた。

本当によくわかるJavaScriptの教科書 はじめての人も、挫折した人も、基礎力が必ず身に付く 単行本 – 2018/6/8
ENTACL GRAPHICXXX (著)
世界で一番かんたんで丁寧な入門書

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

挫折した人も、基礎力が必ず身に付く。
JavaScriptの本も、いろいろ出ていますが、
どの本も、内容など、ある程度は同じだと思います。
カラーページだったり、モノクロ印刷などで、見やすさが違うなど。

ただ、
前はvarを使っていたのが、現在では
定数const。
変数letなどの解説してる本も出てきてます。

他に、JavaScriptの標準規格のECMAScriptの略(ES)

ESって何?

ECMAScript(エクマスクリプト)は、JavaScriptの標準であり、Ecma Internationalのもとで標準化手続きなどが行われている。

https://ja.wikipedia.org/wiki/ECMAScript

プログラマーとかでは、ないし、ESとかよくわからないと思う人もいます。
また、プログラミング系の本って、難しいのもあったりします。
読んでも、何をいってるのか、よくわからない。
ただ、コードを書いて動くのはわかるけどなど。

この本は、カラーで見やすいと思います。
JavaScriptとは何かを知り、
JavaScriptを記述していく環境を作るから、解説しています。
また、jQueryの解説も少しあります。

作成できるWebサイト
ハンバーガーメニュー
スライドショー
ポップアップリンク
地図など


作成できるWebサイト


作成できるWebサイト

 


 

JavaScriptの基礎を、わかりやすく解説。
どうやれば、どこからはじめればいいのかわからない。
基本から学んでみましょう。

Chapter1 JavaScriptとは

Lesson1
JavaScriptの概要

JavaScriptは「世界中で、もっとも使われているプログラミング言語」と言われていて、
古くからある、プログラミング言語の1つです。

JavaScriptで、できること
クリックすると画像が変わるなど解説

HTMLとCSSとJavaScriptの違い
HTMLは、Webサイトの文書構造を作る
CSSは、HTMLにスタイルを付け、Webサイトの見栄えを作る
JavaScriptは、Webサイトの動きを作る

Lesson2
JavaScriptの制作環境の準備

ブラウザのインストール
GoogleChromeのインストール

テキストエディタのインストール
Bracketsのインストール

サンプルのファイルをダウンロードします。

 


 

Chapter2 JavaScriptの基本

Chapter1で、
JavaScriptを書く準備が整いました。
実際に、JavaScriptでコードを書いて、動かしてみます。
簡単なコードを書いて、JavaScriptの基本を学びましょう。

Lesson1
1行のJavaScriptを書いてみる

Google ChromeのDeveloperツールという機能の中の「コンソール」を使います。

Developerツールは、JavaScriptを実行できたり、HTMLやCSSもブラウザ上で、疑似的に
追加、編集ができます。

JavaScriptの書き方のルールとエラー

基本ルール

エラーの見方

Lesson3
変数とデータ型

JavaScriptを学んでいくと、さまざまな専門用語にぶつかります。
関数、メソッド、データ型、オブジェクト、変数など

変数とは
値を入れておくことができる箱のような物です。
変数の定義

データ型
文字列や数値などといったデータの種類です。

変値と計算

データ型の中でも、よく使用するのが「数値型」

JavaScriptは、整数や少数、マイナス値など使えます。
JavaScriptで、計算をおこなう

文字列
JavaScriptで、文字列を扱うには、シングルクォート、ダブルクォートで囲ってください。

文字列の結合

特殊な文字を使用する場合

配列
配列にデータを格納する
配列からデータを取得する
配列の定義

ダイアログボックスの種類
確認ダイアログボックス
入力ダイアログボックス
警告ダイアログボックス

プログラムをファイルで管理する
HTMLファイルを準備する
JavaScriptファイルを準備する

まとめ、実習
消費税の計算

読みやすいコードの書き方のコツ
など解説

 


 

Chapter3 条件分岐

JavaScriptだけでなく
プログラミングの基本ともいえる条件分岐
基本をしっかりマスターしよう。

Lesson1

条件分岐の概要

条件分岐とは、ある条件によって、処理を分岐させることです。

if文の基本的な構造
if〜else文

比較演算子の種類

複数条件の組み合わせ
else if文

論理演算子
複数の条件を同時に比較する

switch文の使い方

まとめ、実習
簡単な電車ナビを作る
など解説

 


 

Chapter4 繰り返し

条件分岐に加えてプログラミングで欠かせないものが、繰り返しです。
一度ではなく、複数回同じ処理を、おこないたい時に、非常に便利です。

繰り返しの基本
繰り返しは、ループ処理とも言われています。

for文とwhile文の違い
for文は、「繰り返しの回数が決まっている」
while文は、「繰り返しの回数が決まっていない」

for文を使ってプログラムを作ろう
実習、RPGゲームのレベルアップのプログラムを作ろう
とかは、

確かな力が身につくJavaScript「超」入門の本と同じようなものも載ってます。

 


 

確かな力が身につくJavaScript「超」入門 第2版 単行本 – 2019/9/21
狩野 祐東 (著)
JavaScriptをこれから始める人にも、前に挫折したことのある人にも。
手を動かしてサンプルをひとつずつ作っていくことで、知識だけでなく、
現場で活きる、応用・実践につながる基礎力が「この一冊で」身につきます

 


 

while文
while文は、条件に当てはまる限りループ処理が実行されます。
do〜while文

while文を使ってプログラムを作ろう
実習、すごろくを作ろう

サイコロの目「1〜6」をランダムに出す
ランダムな数字を出す
ゴールするまで繰り返し

 


 

Chapter5 関数

同じ処理を複数の箇所で使用したいケースが出てきます。
そんな時、処理を1つの機能として、まとめて呼び出すことができる関数を使えるようになりましょう。

Lesson1
関数の概要
関数の書き方
functionについて
本では、functionキーワードなど、あまり触れてないです。
人によっては、難しく感じるかも。

関数に引数、戻り値を設定する
関数に引数を設定する

変数の有効範囲
ローカル変数とグローバル変数

まとめ、実習、
既存のプログラムを関数化する

 


 

Chapter6 オブジェクト

オブジェクトを使うことで、情報を、よりわかりやすくまとめたり
既存の仕組みを使って、さらに便利なプログラムを作れます。
大変に、有用なので、ぜひ、身に付けましょう。

Lesson1
オブジェクトの概要
オブジェクトの使い方
オブジェクトとは、今まで学んできた、値や変数、関数を、まとめて、1つのグループにしたものです。

windowオブジェクトの使い方
Mathオブジェクトの使い方
Dateオブジェクトの使い方

DOM操作でHTML要素を書き換える
DOMとは?

DOM操作による要素へのアクセス
など解説

 


 

Chapter7 イベント

JavaScriptではブラウザ上をクリックするなど、
アクションを起こした際に実行する処理を登録できます。
このアクションのことをイベントと呼びます。

Lesson1
イベントの概要
イベント処理

マウスアクション
キーボードアクション
INPUTアクション
そのほか、解説

clickイベントの使い方
タイマー処理の使い方

まとめ、実習、
タイマー処理を使い、擬似的なチャットを作ってみよう。

 


 

Chapter8 スライドショーの作成

これまで学んだJavaScriptの基礎の復習もかねて
Webサイトには欠かせないスライドショーを作ります。

Lesson1
スライドショーの作成
作成する前の情報の整理

基本の枠組みHTMLを作る
画像を配列する、画像の表示など解説

CSSなどは詳しく解説はしてないです。

 


 

Chapter9 jQuery

jQueryを使うことで、リッチな動きを手軽に作れます。
JavaScriptで学んだことを活かせるので、ぜひ、身に付けましょう。

Lesson1
jQueryの概要

jQueryを使うメリット

jQueryとは、JavaScriptを便利に使えるライブラリです。

jQueryを使えば、自分で書くプログラムが短くなります。
など解説

jQueryを使う準備
jQueryの基本構文
jQueryを書く

要素の指定の仕方
jQueryのイベント

ハンバーガーメニューの作成

jQueryプラグインの解説と実践

 


 

Chapter10 Web API

Web APIは、さまざまな企業が自社の既存システムを
手軽に再利用できるよう提供しているものです。

その便利さを体感すると同時に、あつかえるようになりましょう。

Lesson1
Web APIの概要

AjaxとJSONの解説
AjaxとJSONを使ってプログラムを作る

 


 

Chapter11複数の機能を1つのWebサイトにまとめる

これまでにJavaScriptで多くの機能を作成してきました。

では、それらを1つのWebサイトに組み込む時
何に、気を付ければいいのか、最後に確認しましょう。

Lesson1
JavaScriptで作成した機能を基にWebサイトを作る
など解説

 


 

本当によくわかるJavaScriptの教科書 はじめての人も、挫折した人も、基礎力が必ず身に付く 単行本 – 2018/6/8
ENTACL GRAPHICXXX (著)

おすすめ