狠狠撸

狠狠撸Share a Scribd company logo
Reactを触ったことない人が
ReactNativeを開発できるよう
になるまでの道筋
Meguro.es #7 2016/12/8
自己紹介
田上 健太
Web Programmer
Ruby on Rails
React
Rust
田中TOM
オープンソースで運営されている
プログラミング学習サイト
学習者がそのままコミッター
になるので開発も盛ん
昨日酒に酔って書いたブログ
カレシ?カノジョできないエンジニア Advent Calendar 2016
http://qiita.com/advent-calendar/2016/give_me_kareshi
最近 React Native
はじめました
ところで、この記事読みました?
【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog
http://kikuchi1201.hateblo.jp/entry/2016/10/26/172404
とあるオフィス
久しぶりに Javascript 使って
フロントエンドの開発がしたいんだけど
確か詳しいよね?
おうなんでも闻いてくれ!
早速だけど、
jQuery使ってここのデータを
書き換えようとしているんだけど
おいおい冗談だろ。
今どきjQueryなんて誰も使ってないよ。
今は2016年なんだから、
まずReactを学ぶべきだ。
そうなんだ。ところで搁别补肠迟って?
ReactはFacebookが作った
イケてるライブラリさ。
Reactを使うとビューの変更を
簡単に扱うことができて、統制が取れ、
パフォーマンスもいいんだ。
へぇ~いいね。
じゃ、Reactを使う事でサーバから
データを表示する事はできるのかな?
もちろん、でもまず最初に、君のwebページに
ReactとReactDOMが必要だね。
ちょっと待ってくれよ、
何で2つもライブラリが必要なんだ?
1つは本当に只のライブラリで、
2つめはJSXで記述する事ができて、
DOMを操作する為なんだ。
闯厂齿?闯厂齿って何?
その后も会话は続く
Babel
npm
ES5
Browserify
ES2016+
SystemJS
Webpack
TypeScript
これが React(Native)
関連限定だとしても
Redux
Actions
Components
Containers
Dispatcher
Store
Reducers
Flux
登場人物多すぎて
もぅ???無理。
私がReact Nativeを学
習した方法
动画学习サイト耻诲别尘测
今まで動画での
プログラミング学習は諦めてた
? ○○○インストールみたいなサイトでは基礎は
学べるけど、そこから自分のオリジルナルを
作れるレベルまで達しない内容の場合が多い
? 適したコンテンツを探すのが面倒で評価も分
かりにくい
? MOOCも無料だけど基本初級者向けだったり
する
けどね udemy だったら
? 新しい言語とかフレームワークの講座もあったりし
て新しい技術を学習しやすい ElixerでPhoenixとか
? 難易度も始めて触る人レベルから、es6かけて当た
り前でフレームワークだけガツガツ触っていくぞの
範囲が広い
? 評価と学んでいる人の総数がわかるので、優れた講
座なのかもわかる
? 英語だけど、結局はプログラミングなので、理解で
きる(気がする)
? 一緒にコードを書いていくので、どこに変更があっ
たかが分かりやすい
利用した動画
よかったところ
?最初はReact のみで実
装。その後にReduxを組
んで実装しているので、
Reduxの登場人物の違い
が理解しやすい
?React 用のテンプレー
トレポジトリを用意して
くれていて、自分で作り
始める時に使える
https://github.com/StephenGrider/ReduxSimpleStarter
利用した動画2
よかったところ
?サンプルアプリの
index.ios.js をいきなり全
部消して1からコードの説
明をしてくれる
?React と React Native
の違いなども説明してく
れる
まとめ
? 動画学習というプログラミング学習の新たなス
タイルの可能性を感じた
? デメリット
? 以前視聴した部分を探すときに、動画なので
検索しにくい
? 値段が高い(動画1レッスンが技術本と同じく
らいの値段まで下がれば動画を選ぶと思う)
ちなみに
みんながudemyで購入しても一銭も入ら
ないよ。世知辛いね。
Have a nice code!

More Related Content

What's hot (20)

ODP
これからはじめるための JavaScript 開発環境
Ryo Higashigawa
?
PDF
Web Speech API でおっさんの声を美少女化してみた
minoru nakanou
?
PDF
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
minoru nakanou
?
PDF
Webページで学ぶJavaScript2013 第7回
京大 マイコンクラブ
?
PDF
搁别补肠迟.箩蝉で贬辞飞惭补苍测笔颈锄锄补
松田 千尋
?
PPTX
Bootstrap
Masaki Kusuhata
?
PDF
GopherJS + Nashorn
Takuya Ueda
?
PDF
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) ?GETで一覧編?
Toshio Ehara
?
KEY
今さら始める闯补惫补厂肠谤颈辫迟
Ashitaba YOSHIOKA
?
PPT
搁耻产测碍补颈驳颈2011の雰囲気
Sea Mountain
?
PPTX
20190324惫惫惫惫オフ会
Saya Katafuchi
?
PDF
120225 bootstrap
TechGardenSchool
?
PDF
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
Toshio Ehara
?
PDF
2013 08-19 jjug
sk44_
?
PDF
非ガチ勢「よし、Coffee script使おう!」
Muyuu Fujita
?
PDF
Webページで学ぶJavaScript2013 第6回
京大 マイコンクラブ
?
PDF
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
健人 井関
?
PPTX
Walking front end
Hirata Tomoko
?
PPTX
エンジニアが Webを学ぶために やっててよかったこと
Hirata Tomoko
?
ODP
20130202 fe勉強会 canvas
Keisuke Aizawa
?
これからはじめるための JavaScript 開発環境
Ryo Higashigawa
?
Web Speech API でおっさんの声を美少女化してみた
minoru nakanou
?
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
minoru nakanou
?
Webページで学ぶJavaScript2013 第7回
京大 マイコンクラブ
?
搁别补肠迟.箩蝉で贬辞飞惭补苍测笔颈锄锄补
松田 千尋
?
Bootstrap
Masaki Kusuhata
?
GopherJS + Nashorn
Takuya Ueda
?
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) ?GETで一覧編?
Toshio Ehara
?
今さら始める闯补惫补厂肠谤颈辫迟
Ashitaba YOSHIOKA
?
搁耻产测碍补颈驳颈2011の雰囲気
Sea Mountain
?
20190324惫惫惫惫オフ会
Saya Katafuchi
?
120225 bootstrap
TechGardenSchool
?
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
Toshio Ehara
?
2013 08-19 jjug
sk44_
?
非ガチ勢「よし、Coffee script使おう!」
Muyuu Fujita
?
Webページで学ぶJavaScript2013 第6回
京大 マイコンクラブ
?
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
健人 井関
?
Walking front end
Hirata Tomoko
?
エンジニアが Webを学ぶために やっててよかったこと
Hirata Tomoko
?
20130202 fe勉強会 canvas
Keisuke Aizawa
?

Viewers also liked (20)

PDF
freeCodeCamp Tokyo meetup 19
健太 田上
?
PPTX
プログラミング初心者に ECMAScript(JavaScript) を最初の言語として勧めるべき? Meguro es6
健太 田上
?
PDF
freeCodeCampTokyoMeetup 17
健太 田上
?
PPT
ヒ?ック?テ?ータ解析
健太 田上
?
PDF
freeCodeCamp Tokyo Meetup #18
健太 田上
?
PDF
サテライトラフ?
健太 田上
?
PDF
Rails composerでrails newを楽にしよう
健太 田上
?
PDF
搁耻蝉迟言语
健太 田上
?
PDF
Derechos de la trabajadora del hogar
jackelin chincha
?
DOCX
Tugas e learning2 jarkom3 - Dynamic Routing (RIP)
Jefri Fahrian
?
PPT
Silabus Pengabis Mr Hidayat
Feni_Triminarni
?
PPT
ульяновск саммит
fpolicy_ru
?
DOCX
06.84 JAVA SE_drawing graphics
Jefri Fahrian
?
PPT
Kelompok 4 fismod rustam
Rustam Wabula
?
DOCX
????? ?????? ??????? ????
Sara Al-abdullah
?
PPTX
2012 Olympics in 30 slides.
Like Apresenta??es Criativas
?
DOCX
02.26 JAVA SE_random number generator
Jefri Fahrian
?
freeCodeCamp Tokyo meetup 19
健太 田上
?
プログラミング初心者に ECMAScript(JavaScript) を最初の言語として勧めるべき? Meguro es6
健太 田上
?
freeCodeCampTokyoMeetup 17
健太 田上
?
ヒ?ック?テ?ータ解析
健太 田上
?
freeCodeCamp Tokyo Meetup #18
健太 田上
?
サテライトラフ?
健太 田上
?
Rails composerでrails newを楽にしよう
健太 田上
?
搁耻蝉迟言语
健太 田上
?
Derechos de la trabajadora del hogar
jackelin chincha
?
Tugas e learning2 jarkom3 - Dynamic Routing (RIP)
Jefri Fahrian
?
Silabus Pengabis Mr Hidayat
Feni_Triminarni
?
ульяновск саммит
fpolicy_ru
?
06.84 JAVA SE_drawing graphics
Jefri Fahrian
?
Kelompok 4 fismod rustam
Rustam Wabula
?
????? ?????? ??????? ????
Sara Al-abdullah
?
2012 Olympics in 30 slides.
Like Apresenta??es Criativas
?
02.26 JAVA SE_random number generator
Jefri Fahrian
?
Ad

Similar to Meguro es7 (20)

PDF
React native
卓馬 三浦
?
PPTX
ReactNative はじめの一歩
Ikki Takahashi
?
PDF
React native実践談
Kiyotaka Kunihira
?
PDF
Pre react native0504
卓馬 三浦
?
PDF
react-native.pdf
DaikiSato10
?
PPTX
React Native + Expoでアプリを開発してみた話
GIG inc.
?
PPTX
React Nativeて?始めるアフ?リ開発
Ryosuke Hara
?
PDF
搁别补肠迟闯厂の开発导入について
Riki Kenmochi
?
PPTX
React native
YoshikiWatanabe1
?
PPTX
搁别补肠迟.箩蝉?搁别补肠迟狈补迟颈惫别?搁别诲耻虫入门
Kazuhiro Yoshimoto
?
PDF
React Native 入門
Seiichi Okumiya
?
PPTX
奥别产开発初心者が搁别补肠迟をチームに导入して半年経った
kazuki matsumura
?
PPTX
今からて?も遅くない! React事始め
ynaruta
?
PDF
React vtecx20171025
Shinichiro Takezaki
?
PPTX
厂驰厂罢贰惭滨勉强会まとめ资料(搁别补肠迟基础まとめ)
YoshikiWatanabe1
?
PPTX
React Native(Expo)ではじめる"ゆとり"モバイルアプリ開発
Show Izumiya
?
PDF
React Nativeで開発するマルチプラットフォームアプリ
Masayuki Iwai
?
PPTX
React を導入した フロントエンド開発
daisuke-a-matsui
?
PPTX
React Nativeて?Twitterクライアントを作ってみよう
dcubeio
?
PPTX
社内LTネタ ReactNative
Oguri Toru
?
React native
卓馬 三浦
?
ReactNative はじめの一歩
Ikki Takahashi
?
React native実践談
Kiyotaka Kunihira
?
Pre react native0504
卓馬 三浦
?
react-native.pdf
DaikiSato10
?
React Native + Expoでアプリを開発してみた話
GIG inc.
?
React Nativeて?始めるアフ?リ開発
Ryosuke Hara
?
搁别补肠迟闯厂の开発导入について
Riki Kenmochi
?
React native
YoshikiWatanabe1
?
搁别补肠迟.箩蝉?搁别补肠迟狈补迟颈惫别?搁别诲耻虫入门
Kazuhiro Yoshimoto
?
React Native 入門
Seiichi Okumiya
?
奥别产开発初心者が搁别补肠迟をチームに导入して半年経った
kazuki matsumura
?
今からて?も遅くない! React事始め
ynaruta
?
React vtecx20171025
Shinichiro Takezaki
?
厂驰厂罢贰惭滨勉强会まとめ资料(搁别补肠迟基础まとめ)
YoshikiWatanabe1
?
React Native(Expo)ではじめる"ゆとり"モバイルアプリ開発
Show Izumiya
?
React Nativeで開発するマルチプラットフォームアプリ
Masayuki Iwai
?
React を導入した フロントエンド開発
daisuke-a-matsui
?
React Nativeて?Twitterクライアントを作ってみよう
dcubeio
?
社内LTネタ ReactNative
Oguri Toru
?
Ad

Meguro es7