ＥＣＭＡＳｃｒｉｐｔ２０１５によって、いっそう安全で便利な言語へと進化をつづけるＪａｖａＳｃｒｉｐｔのプログラミングスタイルを基礎から解説。手軽さゆえに油断しがちな正しい文法から、進化を遂げた新記法、オブジェクト指向構文、実際の開発に欠かせない知識まで身につけられます。

Reactをイチから学びたい方にオススメの1冊です！

【本書のポイント】

UdemyのReactコースで最高評価獲得の著者がモダンJavaScriptの基礎からTypeScriptの実践的な内容までしっかり解説！

著者が2年以上勉強会を主催し初学者と話す中で分かった、多くの人が感じるReactの挫折ポイントを解決する構成！

現場のシチュエーションベースのストーリーで技術解説をしているので、実務で必要となる知識を意識しながら学習を進められる！

「#挫折しないReact本」で学習した感想をシェア！！

Chapter1 React を始める前に知っておきたいモダンJavaScript の基礎

1-1 モダンJavaScript 概説

1-2 DOM、仮想DOM

1-3 パッケージマネージャー(npm/yarn)

1-4 ECMAScript

1-5 モジュールバンドラー、トランスパイラ

1-6 SPA と従来のWeb システムの違い .. .

Chapter1 まとめ

Chapter2 モダンJavaScript の機能に触れる

2-1 const、let での変数宣言

2-2 テンプレート文字列

2-3 アロー関数 ( ) =＞ { }

2-4 分割代入 { } [ ]

2-5 デフォルト値 =

2-6 スプレッド構文

2-7 オブジェクトの省略記法

2-8 map、filter

Chapter2 まとめ

Chapter3 JavaScript でのDOM 操作

3-1 JavaScript によるDOM アクセス

3-2 DOM の作成、追加、削除

3-3 JavaScript によるDOM 操作実践

Chapter3 まとめ

Chapter4 React の基本

4-1 React 開発の始め方

4-2 JSX 記法

4-3 コンポーネントの使い方

4-4 イベントやスタイルの扱い方

4-5 Props

4-6 State（useState）

4-7 再レンダリングと副作用（useEffect）

4-8 export の種類

Chapter4 まとめ

Chapter5 React とCSS

5-1 Inline Styles

5-2 CSS Modules

5-3 Styled JSX

5-4 styled components

5-5 Emotion

5-6 Tailwind CSS

Chapter5 まとめ

Chapter6 再レンダリングの仕組みと最適化

6-1 再レンダリングが起きる条件

6-2 レンダリング最適化1（memo）

6-3 レンダリング最適化2（useCallback）

6-4 変数のmemo 化（useMemo）

Chapter6 まとめ

Chapter7 グローバルなState 管理

7-1 グローバルなState 管理が必要な理由

7-2 Context でのState 管理

7-3 その他のグローバルstate を扱う方法

Chapter7 まとめ

Chapter8 React とTypeScript

8-1 TypeScript の基本

8-2 API で取得するデータへの型定義

8-3 Props への型定義

8-4 型定義の管理方法

8-5 コンポーネントの型定義

8-6 省略可能な型の定義

8-7 オプショナルチェイニング（Optional chaining）

8-8 ライブラリの型定義

Chapter8 まとめ

Chapter9 カスタムフック

9-1 カスタムフックとは

9-2 カスタムフックの雛形を作成

9-3 カスタムフックの実装

Chapter9 まとめ

付録 React × TypeScript 実践演習

本書はプログラミング言語「ＪａｖａＳｃｒｉｐｔ」の入門書です。ＪａｖａＳｃｒｉｐｔは数ある言語の中でも、とびぬけて活躍の場が広く、様々な開発の現場で活用されています。本書は、そんなＪａｖａＳｃｒｉｐｔによるプログラミングの基礎文法を中心に、Ｗｅｂアプリを作るのに必要な技術を学ぶことを目的としています。また、学習のために特別な環境が必要ないのもＪａｖａＳｃｒｉｐｔの特長です。紹介するコードはブラウザがあれば、誰でも簡単に動かすことができます。プログラムを実行しながら「なぜそうなるのか」「なぜこの機能が必要なのか」を掘り下げることで、理解を深められます。プログラミング初心者はもちろん、他の書籍でつまずいてしまった方にもおすすめの一冊です。

「とりあえず動くJavaScript」から脱却したい人へ！

初級者から中級者へのステップアップ指南書

JavaScriptは「なんとなく」「勘で」書いても動いてしまうことがある一方で、

独特の癖があり奥が深いため、初心者から脱するのが難しい言語です。

本書は「入門者向けの本は一冊読み終わったけど、もっと良いコードを書きたい」

「バグの出にくいコードの書き方を知りたい」という開発者のために、

JavaScriptで特につまずきやすい部分を丁寧に解説します。

■対象読者

・フロントエンドのスキルアップを目指す現役エンジニア

・フロントエンドエンジニアとしての転職／異動を考えるJavaScript初級者

・職業としてのエンジニアを目指し、独学でJavaScriptを勉強したいと考えている学習者

　（現場経験がなくとも自身で初歩的な学習を完了している学習者であれば、

　本書の対象読者となりえます）

■つまずきやすいため紙面を割いているトピック

・非同期処理（async/await、Promise）

・AJAX（Fetch API）

・this

・スコープ

・プリミティブ型／オブジェクト型と参照

■その他取り上げているトピック

・クロージャ

・ES5からES6

・Node.jsとnpm

・トランスパイル

・DOM

・例外

サイ本で知られるJavaScriptの改訂版！

旧版出版から9年を経て、最新情報を網羅し全面的に改訂されたJavaScriptの決定版です。大きく変更されたES6 （ES2015）以降は、大規模な変化はこの先しばらくないと言われています。旧版にあったjQueryも含めて動きが速いクライアントフレームワークについての記述を大幅削除し、安定した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　エラーと解決方法

ＪａｖａＳｃｒｉｐｔによるＷｅｂ開発のための究極のレシピ集。制作の現場で使われる定番テクニックからプロ技まで余すところなく集めました。目的別にレシピを整理。「あのプログラムはどう書くんだろう？」が、スグにわかります。ＪａｖａＳｃｒｉｐｔを学び始めた方から中級エンジニアの方まで納得。ＥＣＭＡＳｃｒｉｐｔ　２０１８に準拠。