モノリシックなAppコンポーネントから始めて、段階的にコンポーネントに分割する

JSXの中括弧を使って動的データを出力する方法を学ぶ

propsを使った再利用可能なカスタムコンポーネントの作成方法を習得する

JSXはReact.createElement()呼び出しへと変換されるシンタックスシュガーである

コンポーネントファイルをサブフォルダに整理することで、プロジェクトの拡大に対応できる

アロー関数は従来の関数宣言と機能的に同等であり、好みで使い分けられる

Reactの基礎とコンポーネント操作モジュールの主要概念を総復習する

Reactのコンポーネントベースアーキテクチャの考え方と宣言的アプローチを理解する

JSXの構文ルール、動的データの出力方法、propsによるデータの受け渡しを習得する

コンポジションとchildren propを使ったラッパーコンポーネントの作り方を学ぶ

経費トラッカーアプリを通じてReactの基礎を実践する

React自体は変わっていない——既存の知識はそのまま有効

コース前半が再構成され、より良い例とセクション分割が行われた

旧コンテンツは「LEGACY」として残されており、ダウンロードも可能

既存の受講生はアップデートを無料で受け取れる

コース全体を振り返り、バニラJavaScriptからReact Server Componentsまでの学習の軌跡を確認

知識を定着させるための復習・再構築の実践的アドバイス

React Native、Next.js、MERNスタックなど、Reactエコシステムの次の学習方向を紹介

Maximilianの著書『React Key Concepts』を補足リソースとして紹介

Reactのフロントエンドとバックエンド間のHTTP通信の仕組み

useEffectを使ったデータ取得とローディング状態の管理

React Routerによるクライアントサイドルーティングの導入

ルートローダーとアクションを使ったデータ管理の大幅な簡素化

動的ルートによる個別投稿の詳細表示

Reactとは何か、なぜ使うのかを理解する

Reactプロジェクトのセットアップ方法を学ぶ

コンポーネント、props、state、イベントリスナー、条件付きレンダリング、動的リスト出力を習得する

宣言的アプローチと命令的アプローチの違いを理解する

TypeScriptはReactのパターンを変えるのではなく、既存の知識の上に型安全性のレイヤーを追加する

React.FC<T>を使ったpropsの型付け、クラスによるデータモデル、ジェネリクスを使ったuseStateが基本パターン

イベントハンドラ、refs、コールバック関数にはすべて明示的な型注釈が必要

Context APIもTypeScriptの型エイリアスとcreateContext<T>で完全に型付けできる

TypeScriptとは何か、なぜJavaScriptに静的型付けが必要なのか

TypeScriptコンパイラのインストールと基本的なワークフロー

プリミティブ型、配列型、オブジェクト型の使い方

型推論、ユニオン型、型エイリアスの活用法

ジェネリクスの仕組みとReact開発への応用

手動テストと自動テストの違いと、両方が重要である理由

ユニットテスト、統合テスト、E2Eテストの3つのカテゴリとテストピラミッド

Jest と React Testing Library を使ったReactコンポーネントのテスト方法

ユーザー操作、非同期コード、モックを含む実践的なテストの書き方

Context APIを使ったRedux置き換えの手順と限界

カスタムフックストアによる高頻度更新への対応

Redux・Context API・カスタムフックストアの比較

Compound Components ：複数のコンポーネントをContext APIで連携させ、アコーディオンのような協調的UIを構築する方法

Render Props ：ロジックとレンダリングを分離し、再利用可能な汎用コンポーネントを作成するパターン

デバウンシング ：setTimeoutとuseRefを使い、高速なユーザー入力による不要な処理を防ぐテクニック

CSSトランジションと@keyframesアニメーションの活用法

Framer Motionの基本（motionコンポーネント、animate、transition）

退出アニメーションとAnimatePresence

バリアント、スタガー、キーフレーム配列

useAnimateによる命令的アニメーション

layoutプロパティとlayoutIdによるレイアウトアニメーション

useScrollとuseTransformによるスクロール駆動パララックス

React Server Components（RSC）はReactの機能であり、Next.jsの機能ではない

サーバーコンポーネントとクライアントコンポーネントの違いと使い分け

Server Actionsによるサーバーサイドでのデータ書き込み

SuspenseとErrorBoundaryによる非同期データの完全な状態管理

use()フックでサーバーデータとクライアントのインタラクティブ性を橋渡し

スタータープロジェクトには既製のReactコンポーネントが含まれているが、pagesフォルダはほぼ空の状態からスタートする

ホームページ、新規ミートアップ追加ページ、動的な詳細ページの3つのページを構築する

_app.jsを使ってすべてのページに共通レイアウトを適用する

useRouterフックを使ったプログラムによるナビゲーションを実装する

useEffectでのデータ取得がプリレンダリングで失敗する理由と、getStaticPropsがそれをどう解決するかを理解する

Pages RouterはApp Routerと並ぶNext.jsのもう一つのルーティングシステムであり、多くの本番コードベースで今も使われている

ファイル名がそのままURLパスになるシンプルなファイルベースルーティング

角括弧（[]）を使ったダイナミックルートとuseRouterフックによるパラメータ抽出

LinkコンポーネントによるSPAスタイルのナビゲーションとサーバーサイドプリレンダリングの両立

Pages RouterとApp Routerの機能比較一覧

ローカルファイルストレージが本番環境で機能しない理由とAWS S3による解決策

S3バケットのセットアップとNext.jsコードの更新方法

静的メタデータと動的メタデータによるSEO対策

App Routerで学んだ内容の包括的なまとめ

Pages Routerとの比較と使い分け

Next.jsのApp Routerを使って、ファイルベースルーティング、レイアウト、CSSモジュール、画像最適化を備えたフルスタックの「Foodies」アプリを構築する

サーバーコンポーネントからSQLiteデータベースに直接アクセスし、Server Actionsでフォーム送信を処理する

Suspenseによるローディング状態、エラー/404ページ、revalidatePathによる本番キャッシュ管理を学ぶ

Next.jsはReactを拡張したフルスタックフレームワークで、フロントエンドとバックエンドを一つのプロジェクトで管理できる

ファイルベースルーティングにより、フォルダ構造だけでURLルートを定義できる

サーバーコンポーネントはデフォルトでサーバー側で実行され、SEOやパフォーマンスに優れている

動的ルーティングを使えば、一つのファイルで無限のURLパターンに対応できる

アフリカは人口増加・都市化・デジタル化により巨大な投資機会を有するが、西側資本のFDI流入はアジアや中南米に比べ構造的に過少であり、リスク認知の偏りが主因である

中国のBRI・インフラ投資がアフリカで先行する一方、OECDのDFI・民間PEファンドの参入は限定的で、ESG基準や法制度の不確実性が障壁となっている

転換点の到来には、アフリカ大陸自由貿易圏（AfCFTA）の実効化・デジタルインフラの整備・現地通貨建てファイナンスの発展が不可欠であり、2030年代前半が転機と見込まれる

Donald Trump is the war's biggest loser

A ceasefire will not prevent the Iran war's economic harm

The third Gulf war will scar energy markets for a long time yet

How dangerous is Mythos, Anthropic's new AI model?

America's war on Iran has changed the Middle East—for the worse

国家が非対称戦術（海峡封鎖、海底ケーブル切断、サイバー攻撃等）を保有しながら行使を控える理由は、エスカレーションリスク・経済的相互依存・国際的孤立への懸念である

イランのホルムズ海峡封鎖能力やロシアの海底インフラ妨害能力は「使わない抑止力」として機能し、実行すれば自国経済にも甚大な損害を及ぼすため自制が合理的選択となる

非対称戦術の自制は恒久的ではなく、体制存亡の危機・同盟関係の崩壊・コスト計算の変化によって閾値を超える可能性があり、抑止の信頼性維持が重要である

Index providers should not bend the rules for Elon Musk

The plan to make IPOs great again

2026年のイラン紛争は、米国内の党派対立を一時的に緩和する「旗の下への結集」効果を生んだが、戦争目的と出口戦略をめぐり民主党内に亀裂が生じている

反ポピュリスト「統一戦線」戦略は、中道・左派・穏健右派の連携によりポピュリスト勢力に対抗する枠組みだが、政策的妥協の限界と有権者の熱意低下がリスクとなる

歴史的に見て、外的脅威を契機とした超党派連携は短命であり、戦後の国内政策対立の再燃と選挙サイクルの圧力が連合の持続可能性を左右する

How Africa is changing Catholicism