Open3

React Native 入門

t-yngt-yng

開発サーバーを起動

$ npx expo start

Error: EMFILE: too many open files, watch が発生した場合

Your macOS system limit does not allow enough watchers for Metro, install Watchman instead. Learn more: https://facebook.github.io/watchman/docs/install
Error: EMFILE: too many open files, watch

watchman をインストールする

$ brew update
$ brew watchman

Android Emulator で確認する

Android開発環境のインストール

  1. Android Studio をインストール
  2. Android Studioを開いて、More Actions > SDK Managerを選択
  3. Languages & Frameworks > Android SDK で最新のAPIバージョンを選択
  4. SDK Tools タブでAndroid EmulatorとAndroid SDK Build-Toolsにチェックが入っていることを確認

Android開発環境にパスを通す

.zshrcなどに以下を追記

# Androidへのパス
ANDROID_HOME=$HOME/Library/Android/sdk
PATH=$PATH:$ANDROID_HOME/emulator
PATH=$PATH:$ANDROID_HOME/platform-tools

環境変数を読み込み

$ source ~/.zshrc

adbコマンドを確認

$ adb --version
Android Debug Bridge version 1.0.41
Version 35.0.2-12147458
Installed as /Users/t-yng/Library/Android/sdk/platform-tools/adb
Running on Darwin 23.6.0 (arm64)

Androidエミュレータの作成

  1. Android Studioを開いて More Actions > Virtual Device Manager を選択
  2. +アイコンをクリックして、エミュレータの作成を開始する
  3. 適当なデバイスを選択
  4. エミュレータにインストールにAndroid OSのバージョンを選択

※ デフォルトでエミュレータが作成されているので、ここはスキップしてもOK

Androidエミュレータでアプリを起動

npx start expoで開発サーバーを起動して、aを押す

t-yngt-yng

開発環境の選択

Expo Go か Development build を選択する

https://www.youtube.com/watch?v=FdjczjkwQKE

Expo Go

Expo Goは、Expo SDKが組み込まれたサンドボックス環境として動作する公式の開発アプリ。開発者が簡単にアプリをテストすることを目的としており、環境構築の手間を省いて素早く開発を始められる。

しかし、サードパーティのライブラリはExpo SDKと互換性があるモノしか利用できない制約がある。

サンドボックスの開発環境の影響で利用できるサードパーティライブラリに制約が生まれるのは、かなり大きなデメリットなので、最初のプロトタイプ実装など割り切った状態で使う場合に適している

Development Build

開発者がXCodeやAndroid Studio等でOS向けにバイナリをビルドする開発環境。アプリストアでアプリを配布したい場合は必須。