Movatterモバイル変換
[0]
ホーム
URL:
画像なし
夜間モード
Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
basicinc_dev
PPTX, PDF
1,095 views
Js初心者だった僕が武器を手に入れるまで ~ fall in love with react ~
5月度TGIFの吉井さん発表資料
Technology
◦
Related topics:
The React JS Overview
•
Read more
1
Save
Share
Embed
Embed presentation
Download
Download to read offline
1
/ 39
2
/ 39
3
/ 39
4
/ 39
5
/ 39
6
/ 39
7
/ 39
8
/ 39
9
/ 39
10
/ 39
11
/ 39
12
/ 39
13
/ 39
14
/ 39
15
/ 39
16
/ 39
17
/ 39
18
/ 39
19
/ 39
20
/ 39
21
/ 39
22
/ 39
23
/ 39
24
/ 39
25
/ 39
26
/ 39
27
/ 39
28
/ 39
29
/ 39
30
/ 39
31
/ 39
32
/ 39
33
/ 39
34
/ 39
35
/ 39
36
/ 39
37
/ 39
38
/ 39
39
/ 39
Recommended
PDF
3日間でサービスをリリースした話
by
Reiji Kainuma
PDF
gemの複数バージョンカジュアルテスト #shibuyarb
by
Go Sueyoshi (a.k.a sue445)
PDF
GopherJS + Nashorn
by
Takuya Ueda
PDF
YAPC::Asia 2014 LT
by
maka2donzoko
PDF
非ガチ勢「よし、Coffee script使おう!」
by
Muyuu Fujita
PDF
2012 12-17-titanium meetupvol4
by
Hiroshi Oyamada
PDF
20160724 gemのお話の続きとか
by
Takahiro Kawahara
PDF
20160716 Gemのお話
by
Takahiro Kawahara
PDF
初めての公開Gem作り
by
Tomoe Sawai
PDF
自己紹介LT(公開版)
by
Ken Muryoi
PDF
いまさらツリー構造
by
Yuya Taki
PDF
Ruby/PureImage: 第2回岡山Ruby会議LT
by
NISHIMOTO Keisuke
PDF
わたしのRubyの楽しみかた
by
Yuusaku Iwamoto
PDF
よちよち.rbで知ったコミュニティの素晴らしさ
by
bonbon0605
PDF
よちよち.rbで知ったコミュニティの素晴らしさ
by
shinyaogasawara
PDF
Ruby関西 10才の誕生日に向けて
by
Tomoya Kawanishi
KEY
About playdocja
by
yuichiro umezawa
PDF
プリキュアのRuby実装の紹介 (2015 ver) #MeguroStartup
by
Go Sueyoshi (a.k.a sue445)
PPTX
構造化データマークアップでステキな検索結果を手に入れる
by
basicinc_dev
PPTX
川又康平 20160428
by
basicinc_dev
PPTX
画像処理アルゴリズム入門とcanvas
by
basicinc_dev
PPTX
悪いRegexと良いregexと最良regex
by
basicinc_dev
PPTX
Safe stringにgsubを実行できるように対応
by
basicinc_dev
PDF
Mini magickでの画像合成
by
Yoshiki Kobayashi
PPTX
HUで6000万pvのトラフィックを捌くまでに起ったことをありのままに話すぜ
by
basicinc_dev
PPTX
無名関数のすすめ
by
Shoichi Kakizaki
PPTX
turbolinks攻略
by
basicinc_dev
PDF
マーケティング視点でのデザイン
by
basicinc_dev
PPTX
インフラ(Aws)覚えたいそんなあなたへ!
by
basicinc_dev
PPTX
エンジニアがチームで数字を追って得たもの
by
basicinc_dev
More Related Content
PDF
3日間でサービスをリリースした話
by
Reiji Kainuma
PDF
gemの複数バージョンカジュアルテスト #shibuyarb
by
Go Sueyoshi (a.k.a sue445)
PDF
GopherJS + Nashorn
by
Takuya Ueda
PDF
YAPC::Asia 2014 LT
by
maka2donzoko
PDF
非ガチ勢「よし、Coffee script使おう!」
by
Muyuu Fujita
PDF
2012 12-17-titanium meetupvol4
by
Hiroshi Oyamada
PDF
20160724 gemのお話の続きとか
by
Takahiro Kawahara
PDF
20160716 Gemのお話
by
Takahiro Kawahara
3日間でサービスをリリースした話
by
Reiji Kainuma
gemの複数バージョンカジュアルテスト #shibuyarb
by
Go Sueyoshi (a.k.a sue445)
GopherJS + Nashorn
by
Takuya Ueda
YAPC::Asia 2014 LT
by
maka2donzoko
非ガチ勢「よし、Coffee script使おう!」
by
Muyuu Fujita
2012 12-17-titanium meetupvol4
by
Hiroshi Oyamada
20160724 gemのお話の続きとか
by
Takahiro Kawahara
20160716 Gemのお話
by
Takahiro Kawahara
What's hot
PDF
初めての公開Gem作り
by
Tomoe Sawai
PDF
自己紹介LT(公開版)
by
Ken Muryoi
PDF
いまさらツリー構造
by
Yuya Taki
PDF
Ruby/PureImage: 第2回岡山Ruby会議LT
by
NISHIMOTO Keisuke
PDF
わたしのRubyの楽しみかた
by
Yuusaku Iwamoto
PDF
よちよち.rbで知ったコミュニティの素晴らしさ
by
bonbon0605
PDF
よちよち.rbで知ったコミュニティの素晴らしさ
by
shinyaogasawara
PDF
Ruby関西 10才の誕生日に向けて
by
Tomoya Kawanishi
KEY
About playdocja
by
yuichiro umezawa
PDF
プリキュアのRuby実装の紹介 (2015 ver) #MeguroStartup
by
Go Sueyoshi (a.k.a sue445)
初めての公開Gem作り
by
Tomoe Sawai
自己紹介LT(公開版)
by
Ken Muryoi
いまさらツリー構造
by
Yuya Taki
Ruby/PureImage: 第2回岡山Ruby会議LT
by
NISHIMOTO Keisuke
わたしのRubyの楽しみかた
by
Yuusaku Iwamoto
よちよち.rbで知ったコミュニティの素晴らしさ
by
bonbon0605
よちよち.rbで知ったコミュニティの素晴らしさ
by
shinyaogasawara
Ruby関西 10才の誕生日に向けて
by
Tomoya Kawanishi
About playdocja
by
yuichiro umezawa
プリキュアのRuby実装の紹介 (2015 ver) #MeguroStartup
by
Go Sueyoshi (a.k.a sue445)
Viewers also liked
PPTX
構造化データマークアップでステキな検索結果を手に入れる
by
basicinc_dev
PPTX
川又康平 20160428
by
basicinc_dev
PPTX
画像処理アルゴリズム入門とcanvas
by
basicinc_dev
PPTX
悪いRegexと良いregexと最良regex
by
basicinc_dev
PPTX
Safe stringにgsubを実行できるように対応
by
basicinc_dev
PDF
Mini magickでの画像合成
by
Yoshiki Kobayashi
PPTX
HUで6000万pvのトラフィックを捌くまでに起ったことをありのままに話すぜ
by
basicinc_dev
PPTX
無名関数のすすめ
by
Shoichi Kakizaki
PPTX
turbolinks攻略
by
basicinc_dev
PDF
マーケティング視点でのデザイン
by
basicinc_dev
PPTX
インフラ(Aws)覚えたいそんなあなたへ!
by
basicinc_dev
PPTX
エンジニアがチームで数字を追って得たもの
by
basicinc_dev
PPTX
Ruby under the hood
by
basicinc_dev
PPTX
My sql viewに救われる(かもしれない)
by
basicinc_dev
PPTX
Yamakado 20160428
by
basicinc_dev
PPTX
君に届け!〜カテゴライズしたユーザーにメッセージを送る〜
by
basicinc_dev
PPTX
Have fun-with-ruby
by
basicinc_dev
PPTX
Linuxのファイルシステムについて調べてみた
by
basicinc_dev
PPTX
Zaru 20160428
by
basicinc_dev
PPTX
メール送信におけるスパム認定のリスクと対策
by
basicinc_dev
構造化データマークアップでステキな検索結果を手に入れる
by
basicinc_dev
川又康平 20160428
by
basicinc_dev
画像処理アルゴリズム入門とcanvas
by
basicinc_dev
悪いRegexと良いregexと最良regex
by
basicinc_dev
Safe stringにgsubを実行できるように対応
by
basicinc_dev
Mini magickでの画像合成
by
Yoshiki Kobayashi
HUで6000万pvのトラフィックを捌くまでに起ったことをありのままに話すぜ
by
basicinc_dev
無名関数のすすめ
by
Shoichi Kakizaki
turbolinks攻略
by
basicinc_dev
マーケティング視点でのデザイン
by
basicinc_dev
インフラ(Aws)覚えたいそんなあなたへ!
by
basicinc_dev
エンジニアがチームで数字を追って得たもの
by
basicinc_dev
Ruby under the hood
by
basicinc_dev
My sql viewに救われる(かもしれない)
by
basicinc_dev
Yamakado 20160428
by
basicinc_dev
君に届け!〜カテゴライズしたユーザーにメッセージを送る〜
by
basicinc_dev
Have fun-with-ruby
by
basicinc_dev
Linuxのファイルシステムについて調べてみた
by
basicinc_dev
Zaru 20160428
by
basicinc_dev
メール送信におけるスパム認定のリスクと対策
by
basicinc_dev
Js初心者だった僕が武器を手に入れるまで ~ fall in love with react ~
1.
js初心者だった僕が武器を手に入れるまで~ Fall in
Love with React ~Yoshi
2.
自己紹介・名前: 吉井竜太・地元: 島根県松江市(Rubyの発信地)・Qiita
(http://qiita.com/RyutaYoshi)google翻訳みたいなものを自作してみた(http://qiita.com/RyutaYoshi/items/9a809c0a03e02874fabb)React.jsとRefluxJSを用いた快適view生活(http://qiita.com/RyutaYoshi/items/267ea5d1eb0e2719eb7f)
3.
本題に入る前に最近の吉井の事情
4.
1月の面談にて1年振り返ってどうだった?もっと要望とかある?もっと画面ビュンビュンしたいので、js勉強したいっす!!あっ、丁度フロントエンドやる人探してたし挑戦してみる? 是非是非!やりたいっす!!!
5.
その月の全体会
7.
フロントエンダー 吉井★ 誕生
8.
2月よりHomeup!にJoin・フロント周りはReact使って実装するから勉強しておいてねー・ブログ機能の開発からJoinしてもらうよー・JJさん、タインと一緒に開発してねー
10.
Reactとのふれあい開始app.jsx見ればわかるんだな!
11.
Reactとのふれあい開始どれどれ...
12.
Reactとのふれあい開始カチッ...
13.
Reactとのふれあい開始!?!?!?!?!?!?!?!?!?!?!?!?
14.
Reactとのふれあい開始Reactチュートリアルと違うっ!!!
15.
ブログ機能の実装開始
16.
恐ろしい速度でタスクをこなすタイン
17.
パソコンの前で固まる俺
18.
エース級の2倍の速度でタスクをこなすタイン
19.
タインとの出来の差に嘆く俺
20.
そんなこんなでだいぶ苦しい思いをした2月
21.
言い訳・それまでにjsと戯れてこなかったからファイルの位置すら分からなかった・Refluxというフレームワークを用いていた・単に初心者だった・タインがすごかった
22.
2月の振り返り面談にてよっしーは本当にフロントエンドでやっていくの?(斎藤さん……..!!やりたいことをやるのは大事だけど、もっと色々やってみて決めたらいいんじゃない?..サーバーもしたいっす
23.
フロントエンダー 吉井★ 解任
24.
現在はHomeup!でお世話になっています。
25.
ここから本題~ Fall in
Love with React ~
26.
・React.js (Facebook社製のOSS javascriptライブラリ)
27.
Reactを用いて作られているサービス達
28.
3つの特徴を持つライブラリ
29.
1.JUST THE UI・MVCで言うところの、Viewの部分に特化している・コンポーネントを作るためだけ・他の技術に依存しないので、割とどんなプロジェクトにも試験的に導入できる
30.
2. Virtual DOM・DOMに変更が行われる時、変更前後の差分だけ元のHTMLに当てはめてあげるのがスマート!(Virtual
DOMの思想の原点)・実際のDOMと対になる仮想的なDOMを生成する。ユーザーは仮想DOMを操作して、その差分を実際のDOMに適応する実装のこと。
31.
3. DATA FLOW・データの変更に応じてUIの変更が行われる単方向のデータバインディング
32.
3行で説明すると1. ページ状態を保持しているプレーンなJSのオブジェクト」に2. 「テンプレート的な関数」を作用させて、「仮想DOM」と呼ばれるDOMの設計図を取り出し3.
その設計図を使って本物のDOMを構築する。(引用元: Reactを使うとなぜjQueryが要らなくなるのか,http://qiita.com/naruto/items/fdb61bc743395f8d8faf)
33.
Reactはシンプルだけど奥が深い(簡単に説明できない)
34.
実装例(超簡単に)
35.
1.初期状態を定義 (stateやpropsなど..)
36.
2. 仮想DOMの実装 (jsxシンタックス)
37.
3. 値変更に関するもろもろのメソッド実装
38.
あとは、stateで保持しているデータを用いてDBの更新すればOK
39.
まとめ・jQueryとかでDOMの操作がバンバン必要になりそうなサービスにはいいかも・勉強するにあたって以下のサイトを参考にしましたー React.jsとRefluxJSを用いた快適view生活(http://qiita.com/RyutaYoshi/items/267ea5d1eb0e2719eb7f)ー なぜ仮想DOMという概念が俺たちの心を震えさせるのか(http://qiita.com/mizchi/items/4d25bc26def1719d52e6)ー
Reactを使うとなぜjQueryが要らなくなるのか(http://qiita.com/naruto/items/fdb61bc743395f8d8faf)
Download
[8]
ページ先頭
©2009-2025
Movatter.jp