Reactの今を知る。
AIと作って、
学んでいく。
開発の変化を追う。自分の手で確かめる。
最新ニュースとAI制作の実習で、Reactをもっと身近に。

りこ & たける
作りたいものから、一緒に考えよう。
公式発表を日本語で整理
React開発の最新情報
はじめの制作コース
AIを使いながら、Reactを学ぶ。
「検索をつけて」だけでは、入力中に絞るか、ボタンで確定するかは決まりません。2つの方式を比べ、作りたい動作をAIに伝えるところから始めます。
- 01
AIに依頼する
検索の仕様を決めて、AIに伝える。
- 02
生成コードを動かす
依頼した条件で動くかを確認する。
- 03
Reactを読み解く
選んだ仕様に必要なstateを考える。
- 04
AIと機能を追加する
クリアボタンを作り、学んだ仕組みを使う。
最初の実習
本を探せる、
小さな検索アプリ。
動く見本で検索の方式を比較し、AIに制作を依頼します。入力・確定・クリアの役割をコードで追い、変更の依頼まで進めます。
この実習は、普段使っているAIと一緒に進められます。AIへの依頼文と、ブラウザで操作できる参照例を用意しています。
AIと検索アプリを作る →途中で用語を調べたいときは、ヘッダーの「参考書」へ。りことたけるは教材の架空の案内役です。