React入門 練習問題 28：開発ツール（拡張機能）
ブラウザの拡張機能である「React Developer Tools」の主な用途として正しいものはどれか。
- ReactアプリのJavaScriptコードを自動的にTypeScriptに変換するツール
- コンポーネントの階層構造や、現在のState・Propsの値を検査するツール
- ReactアプリのCSSスタイルを自動的に最適化してブラウザに適用するツール
- Reactコンポーネントのソースコードをクラウド上に直接デプロイするツール
- アプリケーションのデータベースを構築し、バックエンドのAPIを提供するツール
Qraftユーザーの成績：難易度 Cランク（レーティング1158）・正答率 64%（7/11回正解）
レーティングは解いた人の実力と正誤から算出する難しさ（初期値1200）。ランクはその全問題中の順位（S+が最難関、F-が最易）
正解と解説を見る
正解：コンポーネントの階層構造や、現在のState・Propsの値を検査するツール
React Developer Toolsは、コンポーネントの階層構造や、現在のState・Propsの値を検査するツールです。
【正解の理由】
ブラウザの拡張機能として提供されており、Reactアプリ特有のコンポーネントツリーの構造や、そこに渡されているデータ（StateやProps）を視覚的に確認・デバッグできるためです。
【不正解の理由】
• 「ReactアプリのJavaScriptコードを自動的にTypeScriptに変換するツール」という説明は、そのような機能はないため誤り
• 「ReactアプリのCSSスタイルを自動的に最適化してブラウザに適用するツール」という説明は、スタイルの最適化ツールではないため誤り
• 「Reactコンポーネントのソースコードをクラウド上に直接デプロイするツール」という説明は、デプロイツールではないため誤り
• 「アプリケーションのデータベースを構築し、バックエンドのAPIを提供するツール」という説明は、バックエンド用のツールではないため誤り