#author("2017-05-12T04:34:08+00:00","default:admin","admin") -[[React Native:https://facebook.github.io/react-native/]] -[[React Nativeで変わるアプリ開発 高木 健介 先生 - Schoo(スクー):https://schoo.jp/class/3815]] -[[React Nativeとネイティブアプリでの開発の違いとは:https://techacademy.jp/magazine/11652]] -[[ReactNativeで何が出来るのかさっと知れるサイト、その他リンクまとめ:http://qiita.com/imaimiami/items/8e62a5111fe48a65b911]] -[[React Nativeはアプリ開発者の夢を見るか? - アニマネ開発日誌:http://animane.hatenablog.com/entry/2016/07/24/181833]] -React native meetup ... プレゼン資料が見れる --[[React.js meetup × React Native meetup:https://react-native-meetup.connpass.com/event/49024/]] ---[[What is React Native?:https://speakerdeck.com/januswel/what-is-react-native]] --[[react-native meetup#4:https://react-native-meetup.connpass.com/event/46778/]] --[[react-native meetup#3:https://react-native-meetup.connpass.com/event/40745/]] --[[react-native meetup#2:https://react-native-meetup.connpass.com/event/32213/]] --[[react-native meetup#1:https://react-native-meetup.connpass.com/event/30484/]] -[[create-react-native-app触ってみた!!:http://qiita.com/Shagamii/items/c3205bb64ccaa5258077]] -[[create-react-native-appとexpoを使って10分でプッシュ通知を試す:http://qiita.com/taco/items/4a47704778ca6d96d46f]] -[[React Nativeアプリの開発環境をコマンド一発で構築する「create-react-native-app」:https://mae.chab.in/archives/59673]] -[[Expo、iPhoneなどでReact Nativeアプリのリアルタイムプレビューが可能なPlaygroundサービス「Expo Sketch」を公開:http://applech2.com/archives/20170316-playground-for-react-native.html]] -[[Expo Sketch:https://snack.expo.io]] ... ここでコードを変更して保存する度に新規URLが発行されるので、これを通知すれば他の人に共有できる *開発 [#e7a7b478] **環境構築からプロジェクト作成、実行まで [#t2cf343e] -create-react-native-app のインストール $ npm install -g create-react-native-app -スマートフォンにExpoをインストール --Google Play などで「Expo」を検索してインストール --わからない場合は[[Expo:https://expo.io]] のサイトを参照のこと -プロジェクト作成 $ create-react-native-app [プロジェクト名] -プロジェクト起動 $ cd [プロジェクト名] $ nom start -起動すると大きなQRコードが表示される -スマートフォンでExpoを起動し、QRコードを読み込むとアプリが実行される(読み込みには時間がちょっと時間がかかる) **スタンドアローン版へのビルド [#nb5fa1e4] -[[Building Standalone Apps - Expo:https://docs.expo.io/versions/v15.0.0/guides/building-standalone-apps.html]] -exp のインストール $ npm install -g exp