# React Native のデバッグ (React Native) > Flipper、React DevTools、Metro bundler、console.log、breakpoints、performance monitoring - 18 面接問題 - Mid-Level - [面接問題: React Native](https://sharpskill.dev/ja/technologies/react-native/interview-questions.md) ## 1. React Native プロジェクトにおける Metro の主な役割は何ですか？ **回答** Metro は React Native の JavaScript バンドラーで、JavaScript コードをコンパイルしてアプリ用の単一ファイルにまとめます。また、開発中の Hot Module Replacement (HMR) も処理し、アプリを再起動せずに変更を即座に確認できます。Metro は ES6+、TypeScript、JSX のコードを、デバイスの JavaScript エンジンと互換性のある JavaScript に変換します。 ## 2. Android エミュレーターで開発者メニューを開くコマンドはどれですか？ **回答** Android エミュレーターでは、Ctrl+M（Mac では Cmd+M）のショートカットで React Native の開発者メニューが開きます。このメニューからアプリのリロード、Remote Debugging の有効化、React DevTools による要素の検査、Performance Monitor の切り替えなどのオプションにアクセスできます。実機では、デバイスを振ることでもこのメニューを開けます。 ## 3. Flipper とは何で、React Native のデバッグにおける主な利点は何ですか？ **回答** Flipper は Meta が開発したデスクトップ向けデバッグプラットフォームで、Chrome ブリッジなしで React Native アプリケーションを検査できます。主な利点は、JavaScript コードとネイティブの iOS/Android コードの両方をデバッグできる統合インターフェースを提供することです。Flipper は network inspector、ログ、layout inspector、データベース用のプラグインをサポートし、カスタムプラグインの追加も可能です。 ## さらに15問利用可能 - React Native における console.log と console.warn の違いは何ですか？ - React Native のコンポーネント階層を検査するために React DevTools を有効にするにはどうしますか？ 無料で登録: https://sharpskill.dev/ja/login ## その他のReact Native面接トピック - [JavaScript の基礎](https://sharpskill.dev/ja/technologies/react-native/interview-questions/javascript-essentials.md): 25問, Junior - [React の基礎](https://sharpskill.dev/ja/technologies/react-native/interview-questions/react-fundamentals.md): 20問, Junior - [React Native の基礎](https://sharpskill.dev/ja/technologies/react-native/interview-questions/react-native-basics.md): 22問, Junior - [React Hooks](https://sharpskill.dev/ja/technologies/react-native/interview-questions/react-hooks.md): 20問, Junior - [React と React Native のための TypeScript](https://sharpskill.dev/ja/technologies/react-native/interview-questions/typescript-for-react-native.md): 22問, Junior - [React Native のコンポーネントと API](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-components-api.md): 20問, Junior - [React Native のスタイリングとレイアウト](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-styling-layout.md): 18問, Junior - [React Native ナビゲーション](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-navigation.md): 22問, Mid-Level - [React Native の状態管理](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-state-management.md): 24問, Mid-Level - [React Native のネットワーキングと API](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-networking-api.md): 20問, Mid-Level - [データの永続化](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-data-persistence.md): 20問, Mid-Level - [フォームとバリデーション](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-forms-validation.md): 18問, Mid-Level - [React Native アニメーション](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-animations.md): 22問, Mid-Level - [Native Modules & Bridge](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-native-modules.md): 20問, Mid-Level - [プラットフォーム固有のコード](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-platform-specific-code.md): 18問, Mid-Level - [権限とデバイスAPI](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-permissions-apis.md): 20問, Mid-Level - [Push Notifications](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-push-notifications.md): 18問, Mid-Level - [React Native のテスト](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-testing.md): 20問, Mid-Level - [Build & Deployment](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-build-deployment.md): 20問, Mid-Level - [Expo vs React Native Bare](https://sharpskill.dev/ja/technologies/react-native/interview-questions/expo-vs-bare-rn.md): 18問, Mid-Level - [パフォーマンス最適化](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-performance-optimization.md): 24問, Senior - [メモリ管理](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-memory-management.md): 20問, Senior - [Architecture Patterns](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-architecture-patterns.md): 22問, Senior - [React Native の New Architecture](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-new-architecture.md): 24問, Senior - [セキュリティのベストプラクティス](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-security-best-practices.md): 20問, Senior - [Offline-First Architecture](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-offline-first.md): 20問, Senior - [React Native の CI/CD](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-ci-cd.md): 20問, Senior - [Monorepoとコード共有](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-monorepo-architecture.md): 18問, Senior - [高度なトピック](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-advanced-topics.md): 22問, Senior - [アプリのライフサイクルとバックグラウンド実行](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-app-lifecycle-background.md): 20問, Mid-Level - [認証とセッション管理](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-auth-session-management.md): 22問, Mid-Level - [Monitoring & Crash Reporting](https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-monitoring-crash-reporting.md): 20問, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/ja/technologies/react-native/interview-questions/rn-debugging