【連載】初めてのReact Native + Expo開発環境構築入門(Windowsベース)

3530 ワード
React expo reactnative react-native JavaScript JavaScript テキストリンク

　この記事では、Windows 10にExpoを使ったReact Nativeの開発環境を1から構築し、サンプルアプリを作成するところまでをゴールとします。
　1つの記事ですべてカバーできないので、いくつかの記事に分けて少しずつ投稿していく連載にしていきます。
　なお、筆者はアメリカで開発業務を行っているため、選択するトレンドなどはアメリカ主体となります。

Mac Catalina版はこちらにおまかせしました

環境

開発環境は、2019年8月時点最新の以下のソフトウェアで構築します。

  • Chrome 最新 (76.0.3809.100 (64-bit))
  • Visual Studio Code 最新 (1.37.1)
  • Node.js + npm 最新 (10.16.3)

※npmが最新なので、npmでのinstallは--saveを省略します。

なぜExpo?

　モバイルアプリ開発のクロスプラットフォームには、Cordova (ionicやMonaca含む)、Xamarin、最近ではFlutterなどいくつもの選択肢がありますが、その中で以下のメリットが強いときにReact Native + Expoを使うのがよいかと思います。

  • とにかく開発工数を小さくしたい。
  • 業務用アプリなどで、細部にはあまりこだわらない
  • Web開発の知識をなるべくそのまま応用したい。
  • JavaScriptの知識をメインにして作りたい
  • Reactの知識がすでにある
  • デバイスに依存した機能は使わないプロジェクト、またはモックアップ用
  • 実機でデバッグを簡単に実施したい
  • 簡単に配布したい

　同じような条件では、Monacaが競合に入ってきます。実際私も過去にMonacaを使って開発しましたが、Reactのメリットを感じない場合はMonacaでもいいかなと思います。ただ、最近よくReactを使うから今さらjQueryはあまり積極的に使いたくないとか、データ取り扱いでやっぱりReactにメリットを感じるといった場合は、Expoサイコーでよいと思います。

　なお、React Native (=react-native-cli)じゃなくてReact Native + Expoな理由は、この辺りの記事が参考になります。

記事一覧

　連載内容の予定です。途中で大幅に変更する可能性があります。

CentosはSVNサーバーを構築する
JAvaプログラミング思想練習問題-第3章練習8-直接定数