React Nativeのネイティブモジュールとは何ですか？

Question

Accepted Answer

**ネイティブモジュール**により、React Native（JavaScript）がJavaScriptでは利用できない**ネイティブプラットフォームコードと機能**（iOS/Android）にアクセスできます。ネイティブAPI、SDK、またはカスタムネイティブ機能にブリッジを接続し、React NativeをJS単独では提供できない範囲まで拡張します。

## なぜ重要なのか

```text
React Native's JavaScript can't directly access every native capability. NATIVE MODULES
bridge JS to native code (Swift/Objective-C on iOS, Kotlin/Java on Android):
  → access native APIs/SDKs not exposed to JS
  → use existing native libraries
  → implement performance-critical or platform-specific functionality in native code
→ The bridge between React Native's JS and the native platform.
```

## ネイティブモジュールの使用（主にライブラリ経由）

```text
→ MOST native functionality is available via EXISTING LIBRARIES (npm packages that
  include native modules): camera, geolocation, Bluetooth, payments, push notifications, etc.
  → you usually INSTALL a library rather than writing native code yourself
→ EXPO provides many native APIs without writing native code (managed modules)
→ You WRITE a custom native module only when no library exists for your need
```

## カスタムネイティブモジュールの作成（概念的）

```text
→ Write native code (Swift/Kotlin) exposing methods to JS
→ Register/expose it so JS can call it (via the bridge / new architecture's TurboModules)
→ Call it from JavaScript like a regular module
→ Requires native development knowledge; platform-specific implementation per OS
→ The NEW ARCHITECTURE (JSI, TurboModules, Fabric) improves native interop performance
```

## なぜ重要なのか

ネイティブモジュールを理解することは価値があります。なぜなら、それらは**JavaScriptが提供する範囲を超えたネイティブプラットフォーム機能にReact Nativeがアクセスする方法**であり、ネイティブ機能を必要とするアプリにとって重要な機能であり、React Native開発にとって有用な知識だからです。

コアとなる必要性——React NativeのJavaScriptはすべてのネイティブ機能に直接アクセスできないため、**ネイティブモジュールはJSからネイティブコード**（Swift/Objective-C、Kotlin/Java）**へのブリッジ**となります——これは、React Nativeがどのようにしてデバイス機能（カメラ、位置情報、Bluetooth、プッシュ通知）にアクセスし、ネイティブSDKを使用し、パフォーマンス重視またはプラットフォーム固有の機能を実装するかについての課題に対応しています。

**実用的な現実**を理解することが重要です：**ほとんどのネイティブ機能は既存のライブラリ**（ネイティブモジュールをバンドルしたnpmパッケージ）**またはExpoの管理されたネイティブAPI経由で利用可能**なため、通常は**ネイティブコードを自分で書くのではなくライブラリをインストール**します——つまり、ほとんどの開発者はネイティブコードを書くのではなくライブラリ経由でネイティブモジュールを利用します。これは現実的な期待を設定するうえで重要なポイントです。

特定のニーズに対するライブラリが存在しない場合にのみ、**カスタムネイティブモジュールを作成する**（ネイティブ開発知識とプラットフォーム別実装が必要）ことを理解することで、カスタムネイティブ作業がいつ必要かが明確になります。

**新しいアーキテクチャ**（JSI、TurboModules、Fabric）がネイティブ相互運用性のパフォーマンスを向上させることを知ることは、React Nativeの進化に対する認識を反映しています。

ネイティブモジュールはReact Nativeがネイティブプラットフォームと統合する方法であり、ネイティブ要件があるアプリにとって重要ですが、ほとんどのニーズは既存ライブラリで満たされています。

ネイティブ機能へのアクセスが時に必要であり（デバイス機能とネイティブ統合のため）、ネイティブモジュール（主にライブラリ経由、時にはカスタム）がそのためのReact Nativeのメカニズムであり、それらがどのように機能するか、そしてほとんどのニーズが既存ライブラリではなくカスタムネイティブコードから満たされることを理解することがReact Native開発にとって価値があるため、ネイティブモジュールを理解することは実用的で関連性のある知識です——ネイティブ機能へのアクセスを可能にするブリッジであり、ネイティブニーズがあるアプリにとって重要で、ほとんどの機能がカスタムネイティブコードではなく既存ライブラリから提供されることを明確にしながら、React Nativeのネイティブ機能との連携に関する有用なコンテキストです。