React 入門のコンテンツ追加と続編「現場で使える！続・React入門」の先行予約開始のお知らせ

2026年1月12日

舌の根も乾かぬうちにおじさん、こもりです。

2026年の幕開けと同時に？正式リリースした「これならできる！ React 入門」に早速ですが「Appendix: 補講とアップデート」としてコンテンツを追加投入しました。これにより動画全体の本数が47本に増えて、総再生時間も4時間40分となりました。

気になる追加コンテンツの内容はというと…。

---

Appendix: 補講とアップデート

package.json のこと、scripts のこと（4:38）
コードの整形と除外設定（4:26）
外部データと連携するには？（6:49）
Vite での画像の取り扱い方（9:01）
GitHub と Vercel を使ったデプロイ（5:41）
AIエージェントへの「指示書」を作る（6:28）
pnpm で高速化＆セキュリティ対策（8:06）

---

と言うわけで冒頭の環境構築は仕方ないとしても、本編はReactの話を中心に据えておりますので、その理解の邪魔をするのもどうかと思って解説を控えていた内容を追加した次第です。

「Node.js（npm）」や「Vite」を使ううえでのお作法的な解説、作例のポートレートサイトを「Vercel」にデプロイするときの注意点、AIコーディングのためのガイドラインの作り方、昨年話題になったnpmでのサプライチェーン攻撃の対策としても使える高速な「pnpm」への乗り換え方など、あまり巷の書籍では取りあげられなさそうな内容を入れてみました。

Node.js を入れて React を勉強し始めた方には少し敷居の高い内容も含まれるかもしれませんがいずれ必要になることでもあると思いますので、学習が進んだ頃に気分転換にでもご覧になっていただきたいと思います。

そして、いきなり続編登場です

「これならできる！ React 入門」で「表示する楽しさ」を知った皆様へ。

次は実務で必須となる「機能」と「設計」を実装していきます。 Reactを使いこなす上でおさえておきたいステートを使ったインタラクティブな要素の実装やコンテンツの絞り込み、お問い合わせフォームの実装、そして外部データのモダンな取得方法までを網羅した続編の登場です。

現場で使える！続・React入門

正式リリース予定日: 2026年1月23日（金）前後
先行予約価格（リリース前日まで）: 3,300円（税込）
定価: 4,400円（税込）

---

講座概要（仮）

「これならできる！ React入門」で作ったサイトをベースに、実務で必須となる「機能」と「設計」を実装していきます（※スタートデータは提供します）。「React入門」の受講が必須ではありませんが、React のコンポーネントやPropsの基本がわかり、ルーティングの基礎知識などがある前提となります。

特典として「これならできる！React 入門」の本編＋補講で作成した環境と作例のコードをベースに、こもり自身が追加で指定した最新の React 19 ＋ Tailwind CSS v4 できちんと対応させるコーディング規約を足したAIエージェント向けのガイドラインをスタートデータに組み込んでいます（前作も購入いただいた受講者方向けには、別添でガイドラインだけも用意します）。

※講座の構成については今後大きな変更はおこないません。

第1章：データ操作の基礎（全5回）
- データの「絞り込み」や、条件によって表示を出し分けるロジックを実装。
第2章：インタラクティビティ（全5回）
- クリックで画面が即座に変わる！「ステート」を使った現代的なUI操作。
第3章：フォーム操作と副作用（全5回）
- お問い合わせフォームを作成し、入力チェックや送信処理を制御。
第4章：非同期処理とAPI連携（全5回）
- 外部サーバーからデータを取得し、「読み込み中」や「エラー」の状態を自力で管理。
第5章：現代的なデータ取得（全5回）
- データの「キャッシュ」や「自動更新」を取り入れ、アプリのようなサクサク感を実現。
第6章：ルーティングとデータの融合（全5回）
- ページ遷移と同時にデータを先読みし、待ち時間を感じさせない高度なUXを構築。
第7章：Reactフックの適材適所（全5回）
- 「動作が重い」「再描画を防ぎたい」などの悩みを解決する、プロの最適化テクニック。

---

ということで、（先にリリース日を決めて自分のお尻を叩くというところもありますが…）今回も早く購入すると実は何気にお得なうちの講座、ということで先行予約を開始します。

今回は「現場で使える！続・React入門」単体商品に加えて、React入門セットとして「これならできる！ React 入門」との2講座セット、それに「Tailwind CSS v4 実践ガイド」を加えたデザインからフロントエンド実装まで、モダンなWeb制作の全てを網羅するコンプリートパックも用意しました。

前作をご購入いただいた方は単品で、まだの方はお好きなセットで…と、結果として商品バリエーションが増えてしまって若干紛らわしいかとは思いますが、少しでも安く！気になる！という方は、先行予約期間の間に早めのご購入を検討いただければと思います。

前作を先行予約でご購入いただいていた方だけが最安値になりますが、LINEの新規友だち登録クーポン利用、複数回購入割引、それぞれ10%オフになります。

---