Windows
Node.js
npm
reactjs
reactnative

【Windows版】本当に0からのReact Native環境構築

はじめに

全てにおいて超初心者です。

フロントも弱く、新しい技術にも明るくない・・・
JavaScriptすら微妙。Reactも知らないのに
ReactNativeでスマホアプリが作りたいと思っています。

開発環境はWindows。
nodeすら入っていないPCからのスタートです。


本当に何も分からない

正直こんなレベルです。

  • iOSもAndroidも作りたいけどどうやるの?
  • iOSやるにはXCode必須なの?
  • じゃあMac必須なの?
  • Expo入れた方がいいの?
  • エミュレータってキレイに立ち上がるの?

何にも分からないけど
とりあえず進めてみようかな。ということで、
まずは色々ググってました。


ReactNativeサイトは分かりやすい

そんな情報ばかりが見つかりました。

Getting Started 通りにやれば余裕でOK!みたいな・・・

でもしょっぱな npm install -g create-react-native-app から始まります。

そもそもnpmないし・・・という感じでした。


とりあえずnode.js?

npmって?と思いながらも
たぶんnode.js入れれば打てるんだろうな~と思い
とりあえずnode.jsをインストール。こちら
Window64bitでした。

  ・
  ・
  ・

完了。

コマンドプロンプト上げて打ってみたら
node --version
npm --version
やっぱりnpmも入ってました (^^♪
よかった、よかった。


さて

Getting Started に戻る前に
ローカルディレクトリどうしようかな。。ということで
とりあえず適当なところにしておきます。

そしたら Getting Started 通りに

npm install -g create-react-native-app
create-react-native-app AwesomeProject  ← ちょっと長い。
cd AwesomeProject
npm start

と打ってみました。

  ・
  ・
  ・

あれっ?
ExpoになってQRが出て来た・・・

あっ・・・
create-react-native-app
Expo使ったものなのですね。

ローカルでExpoを立ち上げても
ファイアウォール?で通信が阻まれたりとかもあるので
できればエミュレータとかで
ローカル完結で確認したいのですが・・・


というところで

もうちょっと調べながらやっていかないとダメですね・・・
超初心者記事ですみません。。

Expoでいいという方は
これだけでできてしまうのでしょう!

僕はもう少しローカル完結の道を模索して
また何か分かったら書くことにします (汗)


早速追記・・・・

(2017/09/07 15:30)

純粋なReactNativeの場合はこっち?

npm install -g react-native-cli
react-native init {プロジェクト名}
cd {プロジェクト名}
npm start

(2017/09/07 17:00)

とりあえずExpoの方はできました。

エミュレータも準備すればできるようですが
とりあえずReact Nativeのコードに慣れたいので
まずはExpoで進めておこうかと思います。

(2017/09/27 17:00)

Expoで進めていたらiOSのアップデートで見事に壊れました!
ということで、ローカル完結の道を目指したところ、ようやくできました。
こちらの記事をご覧ください。
【Windows】ReactNativeの開発のためAndroidシミュレータを立ち上げたい