はじめに
全てにおいて超初心者です。
フロントも弱く、新しい技術にも明るくない・・・
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シミュレータを立ち上げたい