60日で身につけるReact

DAY 30：State総合制作 前半 ― TODOアプリ Ver.1 を作りながら復習するDAY 30では、これまで学んできた State・配列・オブジェクト・map・filter・一部更新 を総動...

DAY 29：オブジェクトState 前半 ― 「1つのまとまりとして状態を持つ」感覚を身につけるDAY 29では、これまで配列Stateを中心に扱ってきた流れから一歩進んで、 「オブジェクトをSta...

DAY 28：Stateの更新 前半 ― 「一部だけ変える」感覚を身につけるDAY 28では、Stateの中の 「一部だけを更新する」 ことにフォーカスして学習していきます。 これまで「追加」「削除」...

DAY 27：Stateから削除 前半 ― 「消す」という操作でState更新の本質をつかむDAY 27では、これまで追加してきたStateから 「削除する」 ことにフォーカスして学習していきます。 ...

DAY 26：Stateへの追加 前半 ― 「入力したものが画面に並ぶ」までの一本の流れを作るDAY 26では、いよいよ 「入力 → State → 配列に追加 → map → 画面表示」 という、R...

DAY 25：配列State 前半 ― 「Stateで配列を扱う」ための土台を固めるDAY 25では、Reactでとてもよく使うのに、つまずきやすいテーマである 「配列をStateで管理する」ことを丁...

DAY 24：keyを理解する 前半 ― 「Reactがリストをどう見ているか」を知るDAY 24では、Reactのリスト表示で必ず登場する key を深く理解していきます。 ここは、mapによるリス...

DAY 23：mapによるリスト表示 前半 ― 「配列を画面に変える」Reactの超重要テクニックDAY 23では、React学習の中でも特に重要なテーマである 「mapによるリスト表示」を扱います。...

DAY 22：条件付きレンダリング 前半 ― 「状態によって画面を変える」力を身につけるDAY 22では、Reactでとても重要な考え方である条件付きレンダリングを学びます。 ここからが「Stateを...

DAY 21：イベント処理 前半 ― 「クリックで動くReact」を理解する最重要ステップDAY 21では、Reactでユーザー操作を扱うためのイベント処理の基礎を集中的に学びます。 ここで理解する内...

DAY 20：React基礎総合演習 前半 ― じゃんけんアプリで基礎を一気に使ってみるDAY 20の前半では、これまで学んできたReactの基礎をまとめて使うために、じゃんけんアプリを制作していきま...

DAY 19：State更新 前半 ― 「いろいろな値を安全に更新する」感覚を身につけるDAY 19では、前日までに学んだ useState を一歩進めて、Stateの更新パターンを整理していきます。...

DAY 18：useState入門 前半 ― 「Reactが“動く”仕組みの入口」DAY 18では、Reactで最重要と言ってよい State（ステート） と、その代表的なフックである useStat...

DAY 17：Props実践 前半 ― 「一歩進んだProps」でコンポーネントをもっと柔軟にするDAY 17では、DAY 16で学んだ基本的なProps（String / Number / Bool...

DAY 16：Props 前半 ― 「コンポーネントにデータを渡す」感覚を身につけるDAY 16は、Reactの中でも特に重要なテーマである Props を扱います。 ここから、コンポーネントが「ただ...

DAY 15：コンポーネント分割 前半 ― 「親と子で画面を組み立てる」考え方を身につけるDAY 15では、これまで学んできたコンポーネントを どう分割し、どう組み合わせるか に焦点を当てていきます。...

DAY 14：コンポーネント 前半 ― 「UIを部品として扱う」感覚を身につけるDAY 14は、React入門60日コースの中でも特に重要な回になります。 ここで扱う コンポーネント の考え方は、Re...

DAY 13：JSX 前半 ― 「Reactの見た目を作る言語」を理解する入口に立つDAY 13では、Reactで画面を作るときに必ず登場する JSX について学んでいきます。 この前半のゴールは、次...

DAY 12：Reactとは 前半 ― 「画面を部品として考える」入り口に立つDAY 12では、いよいよ Reactそのものの考え方に入っていきます。 この前半のゴールは、次のキーワードを「ふわっと」...

DAY 11：React開発環境 前半 ― 「Reactを動かす土台」を理解する回DAY 11から、いよいよ React本体に入っていきます。 まずは「Reactを書く前に絶対に知っておきたい開発環境...

DAY 9：分割代入・Spread構文 前半 ― 「取り出す」と「コピーする」を一気に強くする回DAY 9では、ReactのState更新で非常に重要になる 分割代入 と Spread構文（スプレッド...

DAY 8：オブジェクト 前半 ― 「1つのもの」をまとめて表現する考え方DAY 8では、Reactでも必須級の オブジェクト を扱います。 前半では、特に次の学習項目にフォーカスして進めていきます。...

DAY 7：filter・find 前半 ― 「必要なものだけを取り出す」感覚を身につけるDAY 7では、Reactでも必須級の filter() と find() を扱います。 前半では、特に fi...

DAY 6：map 前半 ― 「配列を変換する」という発想を身につけるDAY 6では、Reactでは必須級のメソッドである map() を扱います。 前半では、map()の「考え方」と「基本構文」、そ...

DAY 5：配列DAY 5では、JavaScriptでとても重要な 配列（Array） を扱います。 配列は、Reactでも「リスト表示」「データの一覧管理」などで頻繁に使われる、基礎かつ実戦的な概念...

DAY 4：Arrow Function 前半 ― 「そもそも何者か」をつかむDAY 4では、Reactで非常によく使われる Arrow Function（アロー関数） を扱います。 前半では、「Ar...

DAY 3：関数（前半）DAY 3の前半では、「関数とは何か」「関数の定義」「引数」「戻り値」「return」「関数を再利用する考え方」を、できるだけイメージしやすく整理していきます。 JavaScr...

DAY 2：constとlet（前半）DAY 2の前半では、「変数とは何か」「constとletは何が違うのか」「再代入とは何か」「命名規則とキャメルケース」という、モダンJavaScriptの超重要...

DAY 1：JavaScriptとReactの関係（前半）DAY 1の前半では、「JavaScriptとは何か」「Reactとは何か」を土台から整理しながら、HTML / CSS / JavaScri...