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 実践演習

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

本書は、Google Colaboratory（以下、Colaboratory）を使って、やさしくJavaScriptを学習する本です。

※Colaboratoryは、Googleが提供している、無料で利用できるプログラミングの実行環境です。学習に必要なのはWebブラウザ（Google Chrome）とGoogleのアカウントだけ。新しくソフトをインストールする必要はありません。会社のルールでソフトのインストールに制限があったり、古いPCやスペックの低いPCでも、すぐに学習できるようになっています。

一般的なJavaScriptの入門書では、JavaScriptのほかにHTMLやCSSを用意する必要がありますが、本書ではColaboratoryを使うことで、学習に関係のないHTMLやCSSの用意は不要となり、JavaScriptの学習にのみ専念することができまます。また、ボタンをクリックするだけで、同じ画面の中ですぐに結果を確認できます。

さらに、Colaboratoryなら、さまざまな環境からアクセスして使うことができますので、自宅PCや会社のPCと環境を変えながら学習することもできます。そして、作成した表やグラフに文章を付けてレポートにし、それをそのまま誰かと共有することもできるのです。

本書はそのようなColaboratoryの利点を活かし、プログラミングで仕事を効率化したい方、共有したりレポート化することに興味のある方を対象に、JavaScriptの使い方をまとめました。

Chapter 1 ColaboratoryでJavaScript！

Chapter 2 HTMLとJavaScriptの基礎を覚えよう

Chapter 3 関数とオブジェクトをマスターしよう

Chapter 4 JspreadsheetでExcelライクなテーブルを活用しよう

Chapter 5 Chart.jsでチャートを使おう

Chapter 6 Wordファイルを生成しよう

Chapter 7 Docxtemplaterで差し込み出力をしよう

Chapter 8 leaflet + OpenStreetMapでマップ表示

Chapter 9 Google GeoChartでマップチャート

Chapter 10 Google Chartで業務用チャート

「とりあえず動く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の言語について徹底解説します。

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