ReactとReduxとReact Nativeの可能性

Potentials for React, Redux, and React Native.

Transcript

1. React, Redux, React Nativeの可能性 Potentials for React, Redux, and React Native R3
2. 自己紹介 串上 俊 Shun Kushigami Webエンジニア OfferBoxの中の人 （新卒ダイレクトリクルーティングサービス） JavascriptとServerless Frameworkが大好物
3. 伝えたいこと › ユーザーが求めているもの（個人的見解） › エンジニアの任務（個人的見解） › 一般的な開発体制の問題点 › R3での開発体制について › R3の可能性 › › 付録：今回用意したもの
4. ユーザーが求めているもの （個人的見解）
5. 1. イケてる言語で作られているサービス？ 2. 環境に応じて適切な言語を選んで作られた サービス？
6. どれも違います。
7. ユーザーにとっては...（個人的見解） そんなことはどうでもいい、というかよくわからない。 それよりも 使い勝手のいいサービスがほしい！ ブラウザではできるのにアプリではできない！ なんてことを無くして欲しい（その逆も）。
8. そこで、エンジニアの任務 （個人的見解）
9. エンジニアの任務（個人的見解） › 使い勝手のいいサービスを提供する › どんな環境でも同じユーザー体験をさせる これらをいかに早く、実現させるかが重要
10. 任務達成においての 一般的な開発体制の問題点
11. 一般的な開発体制 iOS Swift Objective-C等 WEB Javascript PHP Ruby on Rails Python等 Android Kotlin Java等 問題点 › 言語が違うためそれぞれで同じ機能を別々に実装する必要がある › その機能、WEBではできてるけどアプリではまだです。なんてことも起こる › それぞれの環境に応じてエンジニアを集めるコストがかかる...等々
12. それに比べてR3の開発体制 iOS Javascript (React Native) WEB Javascript (React, NodeJS) Android Javascript (React Native)
13. すべてJavascriptで書ける！ › 更にReduxを使うことでactionsとreducersをWEBとアプリで共通化（ビジ ネスロジックの共通化）することができるため、より付加価値のあるロ ジックに専念できる （ユーザーへの価値提供を最優先 ） › ビジネスロジックを環境別に書く必要がないため、環境別の仕様の乖離 が減らせる （同じユーザー体験の提供） › 多少はアプリの知識が必要だが、基本的には Javascriptのエンジニアさ えいればなんとかなる （人件費の削減）
14. React, Redux, React Nativeの可能性 より少ない人件費で、 いつでもどこでも同じユーザー体験ができる、 使い勝手のいいサービスを 素早く提供できる
15. 付録：今回用意したもの エンジニアの任務を素早く達成させるための パッケージ R3 https://github.com/shun-kushigami/r3 こんなの入ってます。 React React Native Redux Jest ◆多言語対応 react-intl ◆ルーティング react-router (web) react-native-router-flux (native) プルリク大歓迎！
16. THANKS! なんでもお気軽にどうぞ 　　Twitter @ShunKushigami 　　Facebook @shun.kushigami
17. Credits Special thanks to all the people who made and released these awesome resources for free: › Presentation template by SlidesCarnival › Photographs by Startupstockphotos