Reactの今を知る。
AIと作って、
学んでいく。

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

最新情報を読む →Reactと周辺ツールの変更点と、開発への影響AIと学ぶ →仕様を決め、作って、仕組みを理解する
Reactの学習を案内する、りことたけるのイラスト
りこ & たける

作りたいものから、一緒に考えよう。

公式発表を日本語で整理

React開発の最新情報

ニュース一覧 →
React・TanStack・Next.js・React Native・TypeScript・React Router・Viteの公式発表から最終掲載

日付は各プロジェクトの公式発表日です。

はじめの制作コース

AIを使いながら、Reactを学ぶ。

「検索をつけて」だけでは、入力中に絞るか、ボタンで確定するかは決まりません。2つの方式を比べ、作りたい動作をAIに伝えるところから始めます。

  1. 01

    AIに依頼する

    検索の仕様を決めて、AIに伝える。

  2. 02

    生成コードを動かす

    依頼した条件で動くかを確認する。

  3. 03

    Reactを読み解く

    選んだ仕様に必要なstateを考える。

  4. 04

    AIと機能を追加する

    クリアボタンを作り、学んだ仕組みを使う。

最初の実習

本を探せる、
小さな検索アプリ。

動く見本で検索の方式を比較し、AIに制作を依頼します。入力・確定・クリアの役割をコードで追い、変更の依頼まで進めます。

この実習は、普段使っているAIと一緒に進められます。AIへの依頼文と、ブラウザで操作できる参照例を用意しています。

AIと検索アプリを作る →

途中で用語を調べたいときは、ヘッダーの「参考書」へ。りことたけるは教材の架空の案内役です。