概要
普段はReact NativeでiOSアプリを開発してます
今回は、初心に帰りiOSアプリを作る際あとあとAnd/roi/dでも作ることを見越してなにかいいフレームワークないかなと作る前に調べた結果ReactNativeを見つけiOSアプリ実装してきたことを思い出しつつその過程のメモを共有していきます
環境構築...を行う前に
MacOSにて、
基本的にReactNativeに沿って構築していきます
が下記手順を行う前に長時間かかるであろう、Xcodeを並行してインストールし環境構築時間の短縮を試みましょう
環境構築
では改めて構築していきます
ReactNativeを動かすためのライブラリをHomebrewでのインストールを行います
Homebrewがない場合はこのコマンドから
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
あればこれらのコマンドを打ちます
brew install yarn
brew install node
brew install watchman
brew tap AdoptOpenJDK/openjdk
brew cask install adoptopenjdk8
続いて、npmでのインストールを行います 上記インストール時にはnpmは明記されてませんがnodeインストール時に一緒にされているので扱うことが可能です
npm install -g react-native-cli
上記インストールで全て必要なものが揃いました
以上でReactNativeの環境構築は終了です
開発開始
ではさっそくReactNative製iOSアプリ開発の第一歩を踏んでいきます
mkdir rn_workspace ; cd $_
#rn_workspaceに移動する
react-native init FirstApp --version 0.54.0
#rn_workspaceにてFirstAppという名前でReactNative構成フォルダを生成する
コマンドが終了したら、下記のようにコマンドを打ちアプリをMacOS内のXcodeシミュレータで起動します
cd FirstApp
react-native run-ios
以上で開発を行えるようになりました
以降は先ほど生成された構成フォルダをAtomやSublime TextなどのReactNative言語に対応したプラグインの存在するテキストエディタで編集し円滑な開発をしていきましょう