社内LTネタ ReactNative
-
Upload
oguri-toru -
Category
Engineering
-
view
459 -
download
2
Transcript of 社内LTネタ ReactNative
![Page 1: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/1.jpg)
社内LTネタReactNative?
サイバーエージェントアドテク本部技術戦略室 AdTech Native Unit
小栗徹
![Page 2: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/2.jpg)
おしごと
![Page 3: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/3.jpg)
![Page 4: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/4.jpg)
Bringing Modern Web Techniques to Mobile
![Page 5: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/5.jpg)
![Page 6: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/6.jpg)
ReactNative ?
![Page 7: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/7.jpg)
React.jsとだいたい同じ作法でJavaScript で書いたコードが
iOSネイティブアプリとして一応動く
![Page 8: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/8.jpg)
React.js ?
![Page 9: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/9.jpg)
Facebook, Instagram
AtomEditor, AirBnB, Yahoo!, Atlassian….
![Page 10: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/10.jpg)
(自分で作りこんでないから実感ないけど)
フロントだとViewだけいい感じに作れれば嬉しいから、使ってみる(MとかVとかそまでは...)
@masuidrive http://blog.masuidrive.jp/2015/03/03/react/
![Page 11: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/11.jpg)
今日はMobileよりな話しなので
![Page 12: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/12.jpg)
● Write once, Run anywhere
1回かけば、どこでも使えるさ
● Write once, Adapt everywhere
プラットフォーム固有な部分は個別にいこうぜ
● Learn once, Write everywhere
Reactできればメジャー制覇余裕
![Page 13: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/13.jpg)
Titanium Mobile
● JSでネイティブApp
● 画面はXMLで記述
● CSSっぽいデザイン記述
● iOS/Android…..etc
● ネイティブ呼び出しはブリ
ッジを書く必要有り
● Ti.Next Hyperloop
● Write once, Adapt everywhere
ReactNative
● JSでネイティブApp
● 画面はJSX(XML)で記述
● CSSっぽいデザイン記述
● iOS/Android(soon)
● ネイティブ呼び出しはブリ
ッジを書く必要有り
● React
● Learn once, Write everywhere
![Page 14: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/14.jpg)
![Page 15: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/15.jpg)
これが流行ったら
またブリッジつくる仕事が増えちゃうね
てへぺろ(・ω<)
![Page 16: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/16.jpg)
この資料作成時に勝手におせわになったので・・・
@masuidrive元Titanium Mobileエバンジェリスト、現TORETA CTO
本文に注記なき参考サイトhttp://qiita.com/koba04/items/4d13caf5ab4507974bf0
http://b.hatena.ne.jp/entry/s/speakerdeck.com/masuidrive/yuan-mou-evuanzierisutoga-jian-rureactnative
![Page 17: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/17.jpg)
![Page 18: 社内LTネタ ReactNative](https://reader034.fdocuments.net/reader034/viewer/2022042518/55a612201a28ab2f5c8b48d5/html5/thumbnails/18.jpg)
ご清聴ありがとうございました