Download to read offline
React Native（Expo）ではじめる"ゆとり"モバイルアプリ開発
- 1.
- 2.
- 3.
- 4.
- 5.
- 7.
- 9.
- 10.
- 11. 今北産業 • ReactNative上で完全に「JavaScriptのみ」でiOS/Androidアプリ 作れるようになる開発/ビルド環境 • ネイティブプラグインは一切使えない世界 （JavaScript天国/地獄） •QRコード（URL）経由で簡単に共有、実機等で動かしたりでき る
- 12.
- 13.
- 14.
- 15.
- 16.
- 17. ココナラの新規事業開発チームの体制 … ココナラチーム 新規事業開発チーム ⇐ ワタシ ⇐助っ人さんたち （当時）
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. ココナラの新規事業開発チームの体制 … ココナラチーム 新規事業開発チーム ⇐ ワタシ ⇐助っ人さんたち （2017年夏）
- 27. そう言えば、我がチームにはモバイルアプリを作れる人が 居なかったんだった… ワタシ • Webエンジニア • モバイルアプリ開発経験ナシ •（iOSだけ習作レベルならアリ） • Webエンジニア • 翌月で契約終了… 助っ人さんたち
- 28.
- 29.
- 30.
- 31.
- 32.
- 34.
- 35.
- 36. 開発体験 • Chromeのディベロッパーツールでデバッグを行える • 画面上でCommand+ Rを行うだけで即変更を反映 • Hot Code Pushができるのでレビューを通さなくておｋ （AppleはJavaScriptベースの変更を認めている） https://github.com/Microsoft/react-native-code-push • Reactが使える人なら難なく開発に着手できる （learn once, write anywhere）
- 37.
- 38.
- 39.
- 40.
- 41. $ create-react-native-app MyApp $cd MyApp $ ls -l create-react-native-app
- 43.
- 44.
- 45. 設定はapp.jsonに集約 https://docs.expo.io/versions/latest/guides/configuration.html { "expo": { "name": "Myapp", "slug": "my-app", "sdkVersion": "25.0.0", "privacy": “public" … } }
- 46. コマンド一発で本番用ビルド $ exp build:android or $exp build:ios ※Expoの世界では「Standalone Apps」と呼んでいる
- 47.
- 48.
- 49.
- 50. Xcodeのみ vs ReactNativeのみ vs Expo
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57. $ create-react-native-app HogeApp $cd HogeApp $ npm start or $ yarn start $ npm install -g create-react-native-app or $ yarn global add create-react-native-app
- 58.
- 59.
- 60.
- 61.
- 63.
- 64. import { }from 'expo'; gem 'exponent-server-sdk' Expoトークンの流れ
- 65.
- 66. そうは言っても、当時は本格的にアプリ作るには かなりの苦労がありました… • 公式推薦のナビゲーション用ライブラリである「React Navigation」がβ版で恐ろしいほどバグだらけ • デバッグツールのバグ •その他パッケージのバグ • Expoビルドサーバの不具合 • WebViewとのつなぎ込み etc…
- 67.
- 68.
- 69.