楽しく遊べる2Dゲームの開発を進めながら、

グラフィックスプログラミングの基本が学べる入門書。

一度習得すると、ゲームや映像生成、動的可視化をはじめ、

幅広い分野で長く役立つグラフィックスプログラミングの基礎。

本書では、リアルタイムに動く画像を描くために求められる技術や考え方を平易に解説します。

開発言語として、エディタとブラウザがあれば開発ができるJavaScriptを採用し、

すぐにスタートできる構成が特徴です。

豊富な図解に加え、いまどきのJavaScript（ES2015準拠）の基本文法、

これだけは知っておきたい数学知識も厳選収録。

一線の開発者による、現場で活かせるやさしい実践解説です。

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

お前 ネフィに怪我させたな

魔王の刻印を引き継いだ魔術師ザガンは、奴隷エルフの少女ネフィを突如突き放す。

二人の距離が徐々に縮まっていた中、彼のとった行動の理由はいったいーー。

そして、裏で糸を引いていた人物がついに姿を現し、物語の真相へ動き出す。

Z世代って何を考えてるの？　

SNS、音楽、映画、食、ファッション

Z世代当事者がアメリカと日本のカルチャーからいまを読み解く画期的エッセイ！

Z世代が起こす優しい革命に、私も参加したい。

　　　　斎藤幸平（経済思想家）

世代論の本懐は「世代」というステレオタイプの境界を解消することに

あるんだと気づいた。

　　　　後藤正文（ミュージシャン）

未来を作る作業は、

Z世代の多様で切実な声に耳を傾けるところから始まる。

　　　　佐久間裕美子（文筆家）

◯「弱さ」を受け入れる　◯「推し」は敬意で決める　◯「文化の盗用」って？　

◯買い物は投票　◯「インスタ映え」より「自分ウケ」　◯恋愛カルチャーの「今」

◯すべての世代が連帯し、未来を向くには

＜Z世代とは？＞

1990年代後半から2010年頃までに生まれた世代。デジタルネイティブで、社会的不平等、人種差別、ジェンダー、環境問題に対して関心が高く、変革への意識が強いとされる。

＜目次＞

はじめに　「大人の求めるZ世代像」への違和感

第1章　私にとってのセルフケア・セルフラブ

第2章　私にとっての応援のものさし

第3章　私にとってのオリヴィア・ロドリゴ現象

第4章　私にとってのSNSと人種問題

第5章　私にとってのAsian Pride

第6章　私にとっての仕事の意味

第7章　私にとってのスピリチュアリティ

第8章　私にとってのライブ体験

第9章　私にとっての美学とSNSの関係

第10章　私にとってのファッショントレンド

第11章　私にとっての恋愛カルチャー

第12章　私にとっての世代論

おわりに

はじめに　「大人の求めるZ世代像」への違和感

第1章　私にとってのセルフケア・セルフラブ

第2章　私にとっての応援のものさし

第3章　私にとってのオリヴィア・ロドリゴ現象

第4章　私にとってのSNSと人種問題

第5章　私にとってのAsian Pride

第6章　私にとっての仕事の意味

第7章　私にとってのスピリチュアリティ

第8章　私にとってのライブ体験

第9章　私にとっての美学とSNSの関係

第10章　私にとってのファッショントレンド

第11章　私にとっての恋愛カルチャー

第12章　私にとっての世代論

おわりに

日常の食事は、ご飯と具だくさんの味噌汁で充分。あれば漬物を添えましょう。無理のない生活のリズムを作り、心身ともに健康であるために「一汁一菜」という生き方をはじめてみませんかーー。料理研究家・土井善晴による根源的かつ画期的な提言は、家庭料理に革命をもたらした。一汁一菜の実践法を紹介しながら、食文化の変遷、日本人の心について考察する。著者撮影の食卓風景も数多く掲載。