• ささっとReact Nativeの開発環境を作りたい方

React Nativeは、Expoというフレームワークを使って開発することが多い。

そのため今回の解説もExpoを使う前提で解説する。

✅動作確認までに必要な作業はたった3ステップだけ！

1. 「Node.js」と「watchman」をインストールする。
2. create-expo-appコマンドでプロジェクトを作る。
3. 自分のスマホにExpo Goアプリをインストールして動作確認する。

✅React Native（Expo）の開発をするためにNode.jsが必要。

公式サイトからインストールするだけでOK！

📎

Node.js

Node.js — Run JavaScript Everywhere

Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.

https://nodejs.org

✅コードを変更したときに自動でシミュレータ等へ反映するために必要。

コマンドでインストールするだけでOK！

brew install watchman

create-expo-appコマンドを実行するだけでプロジェクトが作れる！

npx create-expo-app プロジェクト名

📎

公式ドキュメント

Create a project

Learn how to create a new Expo project.

https://docs.expo.dev

✅自分のスマホにExpo Goアプリをインストールする。

（インストール済みなら飛ばしてOK）

App Store または Google Play Storeからインストールするだけ。

📎

App Store

‎Expo Go

‎Start building projects using web technologies with just your iOS device and your computer. Expo is a developer tool for creating experiences with interactive gestures and graphics using JavaScript and React. Note: some programming experience is recommended. Technical specs: this version of Expo u…

https://apps.apple.com

📎

Google Play Store

Expo - Google Play のアプリ

Expoは、JavaScriptとReactを使用してアプリケーションを構築するフリー＆オープンソースのプラットフォームです。

https://play.google.com

1. コマンドを実行
   Copy

   npm run start

2. Expo GoアプリでQRコードをスキャン

   

3. 自分のスマホで動作確認できる！

   ※表示される画面はExpoのバージョンによって異なる。

   

動作確認の方法は他にもいくつかある。

ここでは代表的な3つの確認方法を紹介する。

※前述のExpo Goよりも面倒。基本的にはExpo Goで確認すればOK。