WebエンジニアのReactNativeでの戦い方
0 likes1,196 views
【第3回】ReactNativeにゆかりのあるスタートアップが集う会のLTの登壇資料です。
WebエンジニアのReactNativeでの戦い方
- 2. 自己紹介 Railsを主戦場にAWS, Reactでも実装している。 2018年1月より開発部の部長に就任。 エンジニアの採用、育成、組織作りに取り組んでいる。 星直史 @NaoshiHoshi
- 4. ● 現状とあるべき姿 ● 技術選定 今日話すこと ReactNativeに踏み切った背景 Webエンジニアの戦い方 ● 制約と戦う Snapmartでの戦い方
- 5. ● 現状とあるべき姿 ● 技術選定 今日話すこと ReactNativeに踏み切った背景 Webエンジニアの戦い方 ● 制約と戦う Snapmartでの戦い方
- 6. 現状とあるべき姿 現状 ● iOSアプリは存在するが実装者は退職済 ○ 仕様を知る者は現存する非エンジニアのみ ● エンジニアは2名(自分と学生アルバイト) ● エンジニアにネイティブアプリ開発の知識がない ● ネイティブアプリエンジニア採用の難易度が高い
- 7. 現状とあるべき姿 現状 ● iOSアプリは存在するが実装者は退職済 ○ 仕様を知る者は現存する非エンジニアのみ ● エンジニアは2名(自分と学生アルバイト) ● エンジニアにネイティブアプリ開発の知識がない ● ネイティブアプリエンジニア採用の難易度が高い ネイティブアプリ開発継続ができない
- 8. 現状とあるべき姿 あるべき姿 ● PMFを目指して高速に開発を進めたい ○ Web, iOS, Android ○ 採用難易度や資本を考えた時に 効率的に開発を進めたい
- 9. 現状とあるべき姿 あるべき姿 ● PMFを目指して高速に開発を進めたい ○ Web, iOS, Android ○ 採用難易度や資本を考えた時に 効率的に開発を進めたい クロスプラットフォーム開発が行える Webエンジニアの学習コストが低い技術
- 10. ● 現状とあるべき姿 ● 技術選定 今日話すこと ReactNativeに踏み切った背景 Webエンジニアの戦い方 ● 制約と戦う Snapmartでの戦い方
- 11. 技術選定 ネイティブ (Swift, Kotlin) React Native PWA クロスプラットフォーム × ○ ◎ UX ◎ ○ × 学習コスト × ○ ◎ 採用難易度 × ○ △
- 12. 技術選定 ネイティブ (Swift, Kotlin) React Native PWA クロスプラットフォーム × ○ ◎ UX ◎ ○ × 学習コスト × ○ ◎ 採用難易度 × ○ △
- 13. 技術選定 ネイティブ (Swift, Kotlin) React Native PWA クロスプラットフォーム × ○ ◎ UX ◎ ○ × 学習コスト × ○ ◎ 採用難易度 × ○ △ ● ユーザー属性を勘案すると使用されない？ ● デザイナー採用難易度が上がってしまう
- 14. ● 現状とあるべき姿 ● 技術選定 今日話すこと ReactNativeに踏み切った背景 Webエンジニアの戦い方 ● 制約と戦う Snapmartでの戦い方
- 15. 制約と戦う ● JavaScriptの世界で戦う ○ expo detachを許さない、絶対にだ ■ 使えるmoduleを限定する ● ビジネスサイドとの期待値調整 ○ 「ReactNative + Expoでできないことは できません」 ReactNativeにおいて、 成功の鍵だよ！
- 16. ● 現状とあるべき姿 ● 技術選定 今日話すこと ReactNativeに踏み切った背景 Webエンジニアの戦い方 ● 制約と戦う Snapmartでの戦い方
- 17. Snapmartでの戦い方 ● APIサーバーのRoutingを知る ● 元あるアプリ(iOS)のエミュレーターからlocalの APIサーバーにリクエストできるようにする ● リクエストの内容を確認する ● APIの処理を読む ● ネイティブのコードを読む
- 18. Snapmartでの戦い方 ● APIサーバーのRoutingを知る ● 元あるアプリ(iOS)のエミュレーターからlocalの APIサーバーにリクエストできるようにする ● リクエストの内容を確認する ● APIの処理を読む ● ネイティブのコードを読む 勝てそうな気がしてくる！
- 19. まとめ ● 目的を達成するために最良の技術選定をする ● 制約と戦う ○ 自分が扱える技術領域の限界を超えない ○ ビジネスサイドとの期待値調整をする ● 実装するために必要なモノを揃える
- 20. 才能をつなぎ、 世界をポジティブにする We're hiring! 7336449 Photo by Sunny studio