18
社内LTネタ ReactNative? サイバーエージェント アドテク本部 技術戦略室 AdTech Native Unit 小栗 徹

社内LTネタ ReactNative

Embed Size (px)

Citation preview

Page 1: 社内LTネタ ReactNative

社内LTネタReactNative?

サイバーエージェントアドテク本部技術戦略室 AdTech Native Unit

小栗徹

Page 2: 社内LTネタ ReactNative

おしごと

Page 3: 社内LTネタ ReactNative
Page 4: 社内LTネタ ReactNative

Bringing Modern Web Techniques to Mobile

Page 5: 社内LTネタ ReactNative
Page 6: 社内LTネタ ReactNative

ReactNative ?

Page 7: 社内LTネタ ReactNative

React.jsとだいたい同じ作法でJavaScript で書いたコードが

iOSネイティブアプリとして一応動く

Page 8: 社内LTネタ ReactNative

React.js ?

Page 9: 社内LTネタ ReactNative

Facebook, Instagram

AtomEditor, AirBnB, Yahoo!, Atlassian….

Page 10: 社内LTネタ ReactNative

(自分で作りこんでないから実感ないけど)

フロントだとViewだけいい感じに作れれば嬉しいから、使ってみる(MとかVとかそまでは...)

@masuidrive http://blog.masuidrive.jp/2015/03/03/react/

Page 11: 社内LTネタ ReactNative

今日はMobileよりな話しなので

Page 12: 社内LTネタ ReactNative

● Write once, Run anywhere

1回かけば、どこでも使えるさ

● Write once, Adapt everywhere

プラットフォーム固有な部分は個別にいこうぜ

● Learn once, Write everywhere

Reactできればメジャー制覇余裕

Page 13: 社内LTネタ ReactNative

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
Page 15: 社内LTネタ ReactNative

これが流行ったら

またブリッジつくる仕事が増えちゃうね

てへぺろ(・ω<)

Page 16: 社内LTネタ ReactNative

この資料作成時に勝手におせわになったので・・・

@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
Page 18: 社内LTネタ ReactNative

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