Reactコース
小さな部品から、複数ページを持つアプリまで。
JSXとコンポーネントから始めて、状態、API、設計、Routerへ。 6つの学習コースで、fleamaを実務的なSPAへ育てます。
UIを組み立て、実務的なSPAへ育てよう
基礎3コースでUIの作り方を固め、実践3コースで型、状態管理、複数ページ設計へ進みます。
STEP 1｜小さな部品をつくり、組み立てる
React入門
JSX・コンポーネント・props
JSX、コンポーネント、props、イベントを扱います。 プロフィールサイトをReactの部品へ分け、再利用できるUIにします。
STEP 2｜状態を持つ、インタラクティブなUIをつくる
state・フォーム・リスト
入力やクリックに応じてUIを変える
useState、フォーム、条件表示、配列の描画を扱います。 ユーザーの入力や操作に応じて変化する画面を作ります。
STEP 3｜副作用を扱い、コンポーネントを分割する
useEffect・コンポーネント設計
副作用と部品の責務を整理する
useEffect、依存配列、cleanup、データ取得、責務分割を扱います。 動くだけの画面を、変更しやすい設計へ整えます。
STEP 4｜TypeScriptでReactとAPIを扱う
TypeScript・API
ReactとAPIを型で安全に扱う
props、state、イベント、APIレスポンスへ型を付けます。 loading、success、errorを安全に扱うfleamaの画面を作ります。
STEP 5｜状態とロジックを、複数画面で共有する
カスタムフック・状態管理
Context・Reducerで状態を共有する
カスタムフック、Context、useReducerを扱います。 画面からロジックを分離し、アプリ全体の状態を整理します。
STEP 6｜URLと画面をつなぎ、アプリを設計する
React Router・アプリ設計
複数ページのSPAを完成させる
React Router、ネスト、URLパラメータ、検索条件、404を扱います。 複数ページを持つfleamaを完成させます。
つくるのと、直すのは違う力
白紙から組む力と、壊れたコードを直す力は別ものです。 設計する道場と、原因を突き止める道場の両方を用意しました。
チャレンジしてみよう!
React道場
陽葵「注文ウィジェット、今風にできる?」
propsを受ける部品から、state、条件付きのクラス、絞り込み、入力の検証まで。 最後は部品の分割と、注文ウィジェットの完成まで進みます。
チャレンジしてみよう!
フロントデバッグ道場
呪われたウィジェットを、1つずつ供養する
見つけやすいタイポから、stateの直接変更、useEffectの無限ループ、非同期の追い越しへ。 最後は5つの不具合が同時に起きた画面を、順番に片付けます。
この知識が出る資格
ここで学ぶ内容は、次の試験でも問われます
人気のコース
いま多くの方が取り組んでいるコースです
エンジニアキャリアの歩き方
フロントエンド、バックエンド、フルスタック、インフラ、AI/ML などエンジニアの主要キャリアパスと、各分野で求められるスキルセットや年収レンジを学べる無料コースです。これからエンジニア転職を考えている方や、自分の方向性を整理したい現役エンジニアを対象としています。全 30 レッスンを修了すると、自分に合った進路を見極めて学習計画を立てられるようになります。
30レッスン
プログラミング学習のはじめ方
プログラミング学習の進め方、言語の選び方、環境構築、つまずきやすいポイントの乗り越え方を、最短ルートで整理した無料の導入コースです。これから学習を始めたい完全初学者や、独学が続かず行き詰まっている方を対象としています。全 5 レッスンを修了すると、迷わず自分に合った学習ロードマップを描いて走り出せるようになります。
5レッスン
はじめての生成AI
ChatGPT、Claude、Gemini など主要な生成 AI の仕組みと使い分け、ハルシネーション対策、業務活用シナリオを手を動かして学べる無料コースです。AI 初学者や、業務効率化を進めたいビジネスパーソンを対象に、技術背景がなくても進められる構成です。全 76 レッスンを修了すると、AI を使った業務自動化や情報整理を自分で設計できるようになります。
42レッスン
AIへの指示の出し方：プロンプト入門
Chain of Thought、Few-shot、ロール指示、構造化出力、制約条件の設計など、生成 AI から狙った成果を引き出すプロンプト技法を体系的に学べるコースです。ChatGPT や Claude を業務で活用したいビジネスパーソンや AI エンジニアを対象としています。全 26 レッスンを修了すると、要件定義から評価まで再現性のあるプロンプトを自分で組めるようになります。
26レッスン