React入門 練習問題 67：開発環境（構文の変換）
📊 Qraftユーザーの成績
- 難易度 Bランク（レーティング1200）
- 難易度 766位/2795問中
- 正答率 —（0回）
ReactのJSX記法は、ブラウザが直接実行できる標準のJavaScriptではありません。JSXをブラウザが理解できるコードに変換（コンパイル）するツールとして正しいものはどれか。
- BabelやTypeScriptなどのトランスパイラ
- NPMやYarnなどのパッケージマネージャー
- ESLintやPrettierなどのリンター
- JestやVitestなどのテストランナー
- ReduxやZustandなどの状態管理ライブラリ
正解と解説を見る
正解：BabelやTypeScriptなどのトランスパイラ
JSXをブラウザが理解できる標準のJavaScriptに変換（コンパイル）するツールは、BabelやTypeScriptなどのトランスパイラであるというのが正解です。
【正解の理由】
JSXはJavaScriptの構文を拡張したものであり、ブラウザにそのまま読み込ませても実行できません。そのため、Babel（バベル）やTypeScriptコンパイラなどの「トランスパイラ」と呼ばれるツールを使って、事前に通常のJavaScriptの関数呼び出し（`React.createElement` や `_jsx` など）に変換する必要があります。
【不正解の理由】
• 「NPMやYarnなどのパッケージマネージャー」という説明は誤り（パッケージマネージャーは外部ライブラリのインストールや依存関係を管理するツールであり、コードの変換は行わないため）
• 「ESLintやPrettierなどのリンター」という説明は誤り（これらはコードの文法エラーをチェックしたり、フォーマットを整えたりするためのツールであるため）
• 「JestやVitestなどのテストランナー」という説明は誤り（これらはプログラムが正しく動くかどうかの自動テストを実行するためのツールであるため）
• 「ReduxやZustandなどの状態管理ライブラリ」という説明は誤り（これらはアプリケーション内の複雑なデータを管理するためのライブラリであり、JSXの変換ツールではないため）