Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
React-nativeの紹介
Search
裕美 吉田
July 02, 2016
Technology
1
1.7k
React-nativeの紹介
React-nativeの紹介。yidel 第24回勉強会で発表
裕美 吉田
July 02, 2016
Tweet
Share
More Decks by 裕美 吉田
See All by 裕美 吉田
React.jsの紹介
yuumi3
2
760
即戦力になるRubyエンジニアの作り方教えます
yuumi3
0
450
iOS 開発者のためのバックエンド入門 (2)
yuumi3
1
4k
iOS 開発者のためのバックエンド入門 (1)
yuumi3
15
8.4k
LoopBackに付いて少し
yuumi3
0
1.5k
Ruby開発者を増やすための教育について (8年間のRuby教育で得た知見)
yuumi3
7
3.8k
クラウドxスマフォ時代のRuby on Rails入門
yuumi3
2
210
真のWebプログラマー向け RubyMotion フレームワーク
yuumi3
4
1.4k
CLandMK
yuumi3
1
100
Other Decks in Technology
See All in Technology
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
190
WebアプリケーションにおけるPDOの使い方入門 / phpcon odawara 2024
meihei3
2
430
転移学習とドメイン適応の基礎
kmatsui
2
570
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
4
110
プロデザ! BY リクルート vol.18_リクルートのリサーチ実践組織「リサーチブーストコミュニティ」
recruitengineers
PRO
3
240
オーナーシップを持つ領域を明確にする
konifar
11
2.6k
Databricksを活用してDELISH KITCHENのレシピレコメンドを開発した話
furu8
0
250
ここが嬉しいABAC ここが辛いよABAC #再解説+補足編
masahirokawahara
0
220
日本におけるデータエンジニアリングのこれまでとこれから
foursue
11
2.4k
Tebiki株式会社 エンジニア採用資料
tebiki
0
4.1k
プロトタイピングによる不確実性の低減 / Reducing Uncertainty through Prototyping
ohbarye
3
240
「ふりかえりのふりかえり」をふりかえり、実のあるふりかえりにする
naitosatoshi
0
220
Featured
See All Featured
Happy Clients
brianwarren
91
6.4k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
The Invisible Side of Design
smashingmag
294
49k
Being A Developer After 40
akosma
56
580k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Fireside Chat
paigeccino
20
2.6k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
[RailsConf 2023] Rails as a piece of cake
palkan
22
3.9k
GraphQLとの向き合い方2022年版
quramy
31
12k
The Invisible Customer
myddelton
114
12k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
Transcript
3FBDUOBUJWF ͷհ ٢ా༟ඒ
ࣗݾհ
٢ా༟ඒ :PTIJEB:VVNJ ༗ݶձࣾ&:0⒏DF IUUQXXXFZP⒏DFDPN #MPHIUUQZVVNJIBUFOBCMPHDPN 5XJUUFS!ZVVNJ 3
աڈ େֶͷֶ෦ଔۀ ଔۀݚڀͰ-JTQॲཧܥʹؔΘΔ ࠐܥͷձࣾʹब৬ $"%ͷϕϯνϟʔاۀʹస৬ $"%ͷίΞ෦ͷ։ൃ γϦίϯόϨʔΛ๚ͨ͠ΓɺถࠃਓͱࣄΛ ܦݧ 4
̌ੈل͕ऴΘΔͷͰಠཱ ΧϦϑΥϧχΞͷ੨͍ۭΛΈͨ ͋·ΓձࣾʹೃછΊͳ͍ਓͩͬͨ ωοτͷ࣌ʹͳͬͨ 5 IUUQCMPHMFYVFTDPKQIUNM͔Β
&:0⒏DF ʹಠཱ ։ൃ 8FC 3VCZPO3BJMT J1IPOF ڭҭ ͓٬༷ͷΛղܾ͢Δ*5ڭҭ 3VCZPO3BJMT
J04 6 3FBDUKT
&:0⒏DF։ൃ 8FC 7 w ΞδΞϦʔάΞΠεϗοέʔ wIUUQXXXBMIPDLZKQ wνʔϜɾબखͷूܭ w1FSMಠࣗϑϨʔϜϫʔΫ wΞϩϋύʔΫ wIUUQQBSLBMPIB
TUSFFUDPN w4/4 w+BWB4FBTBS wωοτγϣοϓ wIUUQXXXCPSPDPKQ w3BJMTK2VFSZ w34QFD$VDVNCFS w๖͑τʔΫ ༏ͱ4LZQF Ͱ͓ wIUUQXXXNPFUBMLKQ w༏ͱͷձ༧༧ w3BJMTK2VFSZ w34QFD3FRVFTU
&:0⒏DF։ൃ J1IPOF 8 ֆຊΞϓϦ J1IPOFJ1BE 5XFFUͳ͏ ແྉ ڭ͑ࢠ͕࡞ͬͨΞϓϦ ϦϦʔε͞Εͳ͔ͬ ͨ"ࣾΞϓϦ
ࣥච 9
ߨԋ 10 RubyKaigi2008 Ruby World Conference 2013 Ruby Business Users
Conference 2014, 2015
࠷ۙͷࣄ 11 ສߦͷK2VFSZϕʔεͷ41"Λ 3FBDUKTҠߦ IUUQZVVNJIBUFOBCMPHDPNFOUSZ
3FBDUOBUJWF
3FBDU/BUJWF +4 3FBDUͰεϚϑΥΞϓϦΛߏங ͢ΔͨΊͷϑϨʔϜϫʔΫ J04 "OESPJEʜରԠ σόΠε (14 Χϝϥʜ ར༻Ͱ͖Δ
IUNMͷເΑ͏Ұʁ 13
14 3FBDU/BUJWF ίʔυɿIUUQTHJUIVCDPNZVVNJSFBDU@KZBOLFO CSBODISFBDUOBUJWF σϞ
ͦ͏͍͏ͷੲ͋ͬͨΑͶ 5JUBOJVN 1IPOF(BQ $PSEPWB ʜ 15
ੲͱԿ͕ҧ͏ͷʁ 3FBDUKT 3FBDUOBUJWFͷ3FBDU3FBDUKT ͷ3FBDU 16
3FBDUKTͱ
·ͣ41" ࠷ۙͷ8FCαΠτ 4JOHMF1BHF"QQMJDBUJPO
ݹ͖ྑ͖8FCΞϓϦ 19 controller model view HTML (css, image) request HTML
Server Browser
"KBYγϯϓϧ 20 controller model view HTML (css, image) request HTML
Server Browser JS request HTML
"KBYෳࡶ 21 controller model view HTML (css, image) request HTML
Server Browser JS request HTML state, data
41" 22 controller model request Server Browser JS controller model
view HTML css, image JSON iOS / Android request JSON $MJFOUTJEF.7$ͱݺΕΔࣄ͋Δ
23 ຖͷΑ͏ʹ৽͍͠ϥΠϒϥϦʔɾ ϑϨʔϜ͕ొ͍ͯͨ͠ 41"ϥΠϒϥϦʔɾϑϨʔϜϫʔΫ
3FBDUKT 24 ͔͠͠ɺ41"ϥΠϒϥϦʔɾϑϨʔ ϜϫʔΫͷউऀ͕ܾ·Γ·ͨ͠
3FBDUKT 3FBDUJTBHBNFDIBOHJOHJOOPWBUJPO
&:0⒏DF 3FBDUKT γϯϓϧͳϓϩάϥϛϯάϞσϧͱੑೳ Λཱ྆ ϝϯςφϯεੑ͕ߴ͍ίʔυ͕ॻ͚Δ 'BDFCPPL͕࣮ࡍʹ͍ͬͯΔ࣮ 26
&:0⒏DF 3FBDUKT γϯϓϧͳϓϩάϥϛϯάϞσϧͱੑೳΛཱ྆ 27 override func viewDidLoad() { super.viewDidLoad() self.instance
= XXXX1 ͍Ζ͍Ζઃఆ } @IBAction func pushButton(sender: AnyObject) { self.instance = XXXX2 ඞཁͳॴΛॻ͖͑Δ } ը໘ͷঢ়ଶΛॳظԽ ը໘શମΛදࣔ Ұ෦Λ࠶දࣔ ը໘ͷঢ়ଶΛมߋ Button J04 K2VFSZʜ Πϕϯτ
&:0⒏DF 3FBDUKT γϯϓϧͳϓϩάϥϛϯάϞσϧͱੑೳΛཱ྆ 28 class Top extends Component { constructor(props)
{ super(props) this.state = { . . . } } render() { <શը໘දࣔ༻ίʔυ> } onClick(event) { this.stat.xxx = {XXXX} } } ը໘ͷঢ়ଶΛॳظԽ ը໘શମΛදࣔ ࣗಈతʹҰ෦ͷΈ Λ࠶දࣔ ը໘ͷঢ়ଶΛมߋ Button 3FBDUKT Πϕϯτ
&:0⒏DF 3FBDUKT 7JSUVBM%0. 3FBDUKTͷද͕ࣔߴԽͰ͖Δٕज़ ϝϞϦʔ্ʹͷมߋલޙͷ%0.Λ࣋ͪɺ มߋ͕͋ͬͨ෦Λݕग़͠ɺຊʹมߋ͕ ඞཁͳ෦ͷΈΛը໘ʹө͢Δ 29
3FBDUKT ίϯϙʔωϯτ $PNQPOFOUΛܧঝͨ͠Ϋϥε ϑϧػೳ ؔ දࣔͷΈͷίϯϙʔωϯτ 30
3FBDUKT 31 IUUQUFSPQBJOGPCMPHDIBOHFBOEJUTEFUFDUJPOJOKBWBTDSJQUGSBNFXPSLTIUNM ΑΓ 7JSUVBM%0. ϒϥβʔ ը໘ +4 ϝϞϦʔ
&:0⒏DF 3FBDUKT ϝϯςφϯεੑ͕ߴ͍ίʔυ͕ॻ͚Δ ίϯϙʔωϯτࢦ +4ͷதʹ)5.-Λॻ͘+49Λ࠾༻ 32
3FBDUKT 33
34 3FBDUKT ??
Ͱɺ+BWB4DSJQUͬͯ͋ ͷμα͍ݴޠͰ͠ΐ͏ ͋ͳͨɺݱࡏͷ+BWB4DSJQUΛͬ ͍ͯ·͔͢ʁ 35
&4 &4
&4 &4 +BWB4DSJQUͷ৽͍༷͠ &$."4DSJQU ͷ ൛ ैདྷ&4ͱݺΕ͍ͯͨͷ ͪͳΈʹݱࡏͷ+4&4 Ϋϥεʑͷ৽͍͠จ๏͕ಋೖ͞Εॻ͖ ͕͢͞େ෯ʹ্ͨ͠
&4 &4 ࠷༷͕ۙ֬ఆ 37
38 &4 &4 var PI = 3.141592 function square(x) {
return x * x; } function tax(n, rate) { if (rate == undefined) rate = 0.08; return Math.floor(n * rate); } const PI = 3.141592 square = (x) => x * x tax = (n, rate = 0.08) => Math.floor(n * rate) &4 &4
39 &4 &4 Jyanken = (function() { function Jyanken(hand) {
this.hand = hand; } jyanken.prototype.poi = function() { return this.hand = Math.floor(Math.random() * 3); }; jyanken.prototype.judge = function(your) { if (this.hand === your.hand) { return "Ҿ͖͚"; } else if ( ..লུ.. ) { return "উͪ"; } else { return "ෛ͚"; } }; return Jyanken; })(); class Jyanken { constructor(hand) { this.hand = hand } poi() { this.hand = Math.floor(Math.random() * 3) } judge(your) { if (this.hand === your.hand) { return "Ҿ͖͚" } else if ( ..লུ.. ) { return "উͪ" } else { return "ෛ͚" } } } &4 &4
&4 &4 ݱ࣌Ͱϒϥβʔͷαϙʔτશ Ͱͳ͍ ಛʹεϚϑΥͷϒϥβʔμϝ ݱࡏ&4͔Β&4ʹม͢Δπʔϧ ද#BCFM Ͱม͠ར༻͞Ε͍ͯΔ 40
IUUQTLBOHBYHJUIVCJPDPNQBUUBCMFFTΑΓ
41 &4 &4 +BWB4DSJQU"MUFSOBUJWFT $P⒎F4DSJQU ͏Ε·͠ΐ͏ 5ZQF4DSJQU ܕ͕͖ 4XJGU ͳํ͍·͠ΐ͏
7JTVBM4UVEJP 8FC4UPSN #BCFMͳ Ͳ͕ରԠ
3FBDUKT
43 3FBDU/BUJWF ίʔυɿIUUQTHJUIVCDPNZVVNJSFBDU@KZBOLFO CSBODISFBDUOBUJWF ίʔυ
3FBDUKTϕετϓϥΫςΟε 44 ίϯϙʔωϯτ ίϯϙʔωϯτࢠ ίϯϙʔωϯτଙ σʔλ QSPQT Πϕϯτ TUBUF
&:0⒏DF 3FBDUOBUJWFKT ใݯ IUUQTGBDFCPPLHJUIVCJPSFBDUOBUJWF 45
͓·͚ɺ&MFDUSPO ϚϧνϓϥοτϑΥʔϜͷ(6*ΞϓϦΛ ࡞ΔͨΊͷϑϨʔϜϫʔΫ 8JOEPXT .BD -JOVY /PEFKT $ISPNJVNϕʔε ͱͱ"UPNΤσΟλʔͷҰ෦ͩͬͨ ࣮ࡍʹΘΕ͍ͯΔ
46
47 &MFDUSPO
3FBDUKTྑ͍Αʂ 3FBDUOBUJWF༻్͕߹͑ͬ ͯΔͱྑ͍ͷͰ 48 ·ͱΊ ίʔυɿIUUQTHJUIVCDPNZVVNJSFBDU@KZBOLFO
͓Βͤ &:0⒏DF3FBDUKTͷڭҭ Λ։࢝͠·ͨ͠ɻ 49