Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React Native 入門

React Native 入門

React Native のはじめ方

Shigeki Yamato (Mori)

March 23, 2018
Tweet

More Decks by Shigeki Yamato (Mori)

Other Decks in Technology

Transcript

  1. 目次 • React Native とは • はじめ方 • 開発環境 •

    UIライブラリ • ルーティング(画面遷移) • 環境変数 • アプリへのコンバート 2
  2. React Native とは • React.js を使ってモバイルアプリ(iOS, Android) を作成出来る JavaScript フ

    レームワーク • クロスプラットフォームでネイティブアプリを開発出来るうれしさ • 有名アプリへの導入実績(Facebook, Instagram, Airbnb) • ライフサイクルが React.js と一緒 (みたいになるように裏で動かしてる) 3
  3. React Native とは • まだまだ発展途上 • ドキュメントが弱い • ライブラリが(React.jsほど) ない

    • デバイス固有の操作(カメラ、GPS、センサー系)に弱い(作り込みましょう) • クロスプラットフォームとは言っても、iOSだけAndroidだけの機能は普通にある (特にAndroid向けが少ない印象) 4
  4. 開発環境 • expo を使って作りながら動作確認をする環境を作る(CRNA標準) ◦ iOS, Android でそれぞれ Expo アプリをインストール

    ◦ Expo アプリでQRコードを読み取る(同一ネットワーク内) ◦ 動作確認がすぐに出来る ◦ ファイル保存後、即反映 6