1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Webプログラマがアプリ開発(ios,android)

Posted at
  • swift Objective-cは敷居が高い。
  • 使い慣れたVS Codeでコーディングがしたい。
  • はじめは簡単なアプリ作りたい

そんな方にReact Native
※少しReactかじった方が良いかも

環境

  • mac
  • XCode シュミレーター必須

React Nativeのはじめ

公式チュートリアル

Expoの方ではなく、「React Native CLI Quickstart」を実施

  • homebrewで各インストール
brew install yarn
brew install node
brew install watchman
brew tap AdoptOpenJDK/openjdk
brew cask install adoptopenjdk8
  • npmでreact-native-cliをグローバルへインストール
npm install -g react-native-cli
  • ソースを置くフォルダでinitして実行
react-native init AwesomeProject

cd AwesomeProject
react-native run-ios

Reactのモジュールが無いよとビルドエラーになった場合、以下のコマンドで、モジュール取得して再ビルドしたらいけた。

cd ios
pod install

こちら参考

動いたあとは、App.jsを修正していくことでアプリの開発が行える。 簡単

1
1
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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?