ウェブエンジニア問題集

問題一覧に戻る

Reactクイズ

SSR/SSGされたReact画面でハイドレーション不一致を起こしやすいコードはどれですか？

解説

正解は「レンダー中にnew Date()やMath.random()の結果を直接表示する」です。サーバーで作ったHTMLとクライアント初回レンダーの結果が変わると、ハイドレーション不一致が起きます。時刻やランダム値などクライアントで決めたい値は、useEffect後にセットする、サーバーから同じ値を渡すなど、初回HTMLとの差が出ないように設計します。https://study.ntorelabo.com/books/react-learning/03-react-lifecycle

Xでフォロー

© 2026 ウェブエンジニア問題集. All rights reserved.

クイズ一覧ブックマーク復習問題を検索

教科書へ直接移動

読みたい分野を選べます

AWS SAA-C03 合格と実務のためのAWS設計入門AWS Certified Solutions Architect - Associate (SAA-C03) の出題範囲に沿って、IAM、VPC、EC2、S3、RDS、DynamoDB、CloudFront、SQS、SNS、KMS、CloudFormationなど主要AWSサービスの設計判断を実務目線で学ぶ教科書です。

AZ-900 合格とクラウドの基礎がわかるAzure入門Microsoft認定資格 AZ-900 (Azure Fundamentals) の出題範囲に沿って、クラウドの概念、IaaS/PaaS/SaaS、仮想マシン、VNet、ストレージ、Microsoft Entra ID、RBAC、Azure Policy、Azure Monitorなど、Azureとクラウドの基礎を体系的に学ぶ教科書です。

HTTP & Web API入門ブラウザとサーバーの間で何が起きているのか。HTTPの仕組みからREST API設計、認証、CORSまで、Web開発者が知るべきHTTPとAPIの基礎を段階的に学ぶ入門書です。随時コンテンツを拡充していきます。SQLとデータベースの基礎SELECT、WHERE、JOIN、GROUP BY、サブクエリ、テーブル設計、正規化、インデックス、トランザクション、SQLインジェクション対策まで、Web開発で必要なSQLとリレーショナルデータベースの基礎を体系的に学ぶ教科書です。

結合テストとE2Eテストの実践結合テストとE2Eテストの違い、単体テストとの境界、コンポーネント結合、API結合、PlaywrightによるブラウザE2E、テストシナリオ設計、CIでの運用と保守を体系的に整理します。システム設計をちゃんと理解する要件定義から詳細設計書・DB設計・API設計・設計レビューまで、Webアプリ開発で必要な設計の考え方と実務パターンを整理する入門書です。「なんとなく動くコード」から「設計されたコード」へ進むための土台を作ります。

JavaScript入門 — 非同期処理からDOMまで変数・関数・非同期処理からDOM操作・Web APIまで、JavaScriptの基礎を実務目線で整理する入門書です。チートシート的に必要な章だけ拾い読みしても、1章から通して読んでも使えます。

Node.js入門 — サーバーサイドJavaScriptの基礎Node.jsの動く仕組み、npm、モジュール、非同期処理、ファイル操作、Stream、HTTPサーバー、Express、テスト、本番運用まで、Web開発で必要なNode.jsの基礎を実務目線で学ぶ入門書です。

Docker入門 — コンテナ開発の基礎Dockerの基本概念、イメージとコンテナ、Dockerfile、ボリューム、ネットワーク、Docker Compose、レジストリとタグまで、Web開発で必要なコンテナの基礎を実務目線で学ぶ入門書です。

TypeScript入門 — 型システムの基礎JavaScriptに型を加えるTypeScriptの基礎から、ジェネリクス・ユーティリティ型・ReactやNext.jsで使う型付けパターンまでを段階的に学ぶ入門書です。随時コンテンツを拡充していきます。

React入門 — コンポーネントとHooksUIライブラリReactの考え方から、JSX・コンポーネント・Hooksまでを、Next.jsなどのフレームワークに進む前の土台として整理する入門書です。クイズカテゴリ「React基礎」とあわせて、用語と典型パターンを身につけられます。

CSS入門 — Flexbox & Gridレイアウトセレクタ・ボックスモデル・FlexboxからGridレイアウト・レスポンシブデザイン・アニメーションまで、Webのスタイリングを体系的に学ぶ入門書です。随時コンテンツを拡充していきます。

Tailwind CSS実践ガイドユーティリティファーストの考え方から始まり、レイアウト・レスポンシブ・ダークモード・カスタマイズまで、Tailwind CSSを実務で使いこなすための入門書です。随時コンテンツを拡充していきます。

ユニットテスト（単体テスト）の考え方ユニットテストの方針、ベストプラクティスを学んで質の高いテストを書けるように

Gitをちゃんと使う駆け出しエンジニアが、実務でGitを正しく使えるようになるための入門書です。addからcommit、ブランチ、merge/rebaseの使い分け、取り消し操作、チーム開発まで、現場で困らない知識を体系的に学びます。

GitHub ActionsでCI/CDをはじめるGitの基本を身につけたエンジニアが、テスト・lint・デプロイの自動化を自分のプロジェクトに組み込めるようになるための入門書です。ワークフロー構文の基礎から、Node.js/Next.jsプロジェクトのCI構築、キャッシュ、再利用、セキュリティ、OIDCまでを公式ドキュメントに沿って体系的に学びます。コンピュータサイエンスの基礎データ構造、アルゴリズム、OS、ネットワーク、セキュリティなど、エンジニアが押さえておくべきCS基礎を初心者向けに解説します。

コーディングテスト突破ドリルpaiza・AtCoder・採用コーディング面接で出題されるアルゴリズム問題を、TypeScriptで解けるようになるための実践ドリルです。計算量の見積もりからデータ構造の使い分け、全探索・二分探索・貪欲法・動的計画法などの解法パターン、「問題文からパターンを見抜く」訓練、模擬テストまでを体系的に学びます。

Next.js入門 — App Router編Reactベースのフレームワーク「Next.js」を使って、モダンなWebアプリケーション開発の基礎を学ぶ入門書です。App Routerを中心に、実践的なコード例とともにステップバイステップで解説します。

お知らせプランログインログイン