React Nativeという技術選択

React Native という技術選択
Dev7++ Study Night 2017-10-30
五十嵐祐太 / Yuta Igarashi
Last updated at 2017-10-30
https://connpass.com/event/69134/

PUBLIC © StartupTechnology Inc.
全体構成
1. 自己紹介/会社紹介
2. React Native とは
3. React Native を採用した背景
4. React Native で開発してみた結果
5. まとめ
2

全体構成
5. まとめ
3

自己紹介
• 五十嵐祐太
• スタートアップテクノロジーエンジニア
• インフラ/バックエンド/フロントエンド/アプリ担当
自己紹介
4

スタートアップテクノロジー
• Ruby on Rails によるシステムやサービスの受託開発
• https://startup-technology.com/
会社紹介
5

こんなことも行っています
• React Native によるアプリ開発
• 自社サービスの開発
• UI設計、デザイン（デザインカンパニー）
• …などなど
会社紹介
6

こんなことも行っています
• React Native によるアプリ開発
• 自社サービスの開発
• UI設計、デザイン（デザインカンパニー）
• …などなど
会社紹介
7

全体構成
5. まとめ
8

React Native
• React でモバイルアプリが作れるフレームワーク
• 公式：https://facebook.github.io/react-native/
React Native とは
9

全体構成
5. まとめ
10

様々な背景
• Webだけでなく、アプリ開発のお問い合わせが増えた
• JavaScript のFWとして React を採用する機会が増えた
• 弊社のエンジニアは全員 Rails エンジニア
– Rails 5.1 に webpacker が追加された => React が導入しやすく
– シームレスな技術スタック/スキルセットの積み上げにつながる
• WebView のいわゆるガワアプリではない
• …などなど
React Native を採用した背景
11

…という背景を踏まえて
案件、人財、技術の３つの側面から見た場合、
React Native が適しているという判断に至った
React Native を採用した背景
12

全体構成
5. まとめ
13

ここが良かった
• 共通のコードで iOS/Android 両対応アプリが作成できる
– PF依存の機能/ライブラリを使用しない前提
• 軽微なコードの修正であれば再ビルド不要
– 修正から確認までの待機時間がない
– 慣れれば開発速度がWeb開発に迫るレベル
React Native で開発してみた結果
14

ここがしんどかった
• React の学習コスト高
– redux, redux-saga, ES6 等
– iOS/Android アプリをそれぞれ作る場合と比較すると…？
• アプリがクラッシュした時のデバッグ
– 何の前触れもなく落ちたときの原因の特定が難しい
– 特にライブラリ部分で落ちると悲惨
– iOS/Android 開発の宿命？
15

こんな時こそ React Native
• iOS/Android エンジニアを両方確保する/し続けるのが難しい
• React あるいは少なくとも JavaScript が書ける人財がいる
• アプリの構成要素がシンプルである
16

全体構成
4. React Native で開発してみた所感
5. まとめ
17

まとめ 1
• 案件、人財、技術の観点から、採用に至った
• 慣れれば爆速で開発できる
• PF依存の機能/ライブラリを使うときは要注意
まとめ
18

まとめ 2
• React Native 案件は現在も数件進行中
• 爆速開発するためのノウハウも蓄積中
• アプリ開発ができるメンバーも増殖予定
まとめ
19

ご清聴ありがとうございました
20

React Nativeという技術選択

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to React Nativeという技術選択

Similar to React Nativeという技術選択 (20)

React Nativeという技術選択