LoginSignup
9
10

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-09-07

はじめに

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

フロントも弱く、新しい技術にも明るくない・・・
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シミュレータを立ち上げたい

9
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
10