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勉強会② ハンズオン編
Search
Takuya Fujimoto
May 18, 2018
Programming
0
100
React勉強会② ハンズオン編
- Mix Leap
- React
- ハンズオン
Takuya Fujimoto
May 18, 2018
Tweet
Share
More Decks by Takuya Fujimoto
See All by Takuya Fujimoto
React + GraphQLで社内の負債を解決した話
tfrcm
0
580
AppSyncで負債を解決した話
tfrcm
1
470
なぜ社内でGoを採用したのか
tfrcm
0
78
さよならRecompose, こんにちはReact Hooks!
tfrcm
0
420
Facebookに行ってきたの秋
tfrcm
0
73
ReactNativeでモバイル開発を始めよう!
tfrcm
0
71
My favorite Morisawa's fonts
tfrcm
0
64
ReactNativeの開発環境を5分で作る
tfrcm
1
360
さぁ!Reactを始めよう!
tfrcm
0
160
Other Decks in Programming
See All in Programming
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
370
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
1.7k
CSC509 Lecture 05
javiergs
PRO
0
290
Pythonスレッドとは結局何なのか? CPython実装から見るNoGIL時代の変化
curekoshimizu
4
1.3k
止められない医療アプリ、そっと Swift 6 へ
medley
1
120
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
nrslib
7
3.9k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
130
プログラマのための作曲入門
cheebow
0
540
Чего вы не знали о строках в Python – Василий Рябов, PythoNN
sobolevn
0
160
Web技術を最大限活用してRAW画像を現像する / Developing RAW Images on the Web
ssssota
2
1.2k
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
180
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Statistics for Hackers
jakevdp
799
220k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Faster Mobile Websites
deanohume
310
31k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
The Cult of Friendly URLs
andyhume
79
6.6k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Side Projects
sachag
455
43k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Transcript
3FBDUͰ5PEPΛ࡞Ζ͏ʂ 0TBLB.JY-FBQ4UVEZd3FBDUษڧձᶄϋϯζΦϯฤd
ΞδΣϯμ ڥߏஙͷ֬ೝ͢Δ 3FBDUͷ։ൃڥΛ࡞Δ DSFBUFSFBDUBQQͰϓϩδΣΫτΛ࡞͢Δ
ඞཁͳOQNϥΠϒϥϦΛΠϯετʔϧ͢Δ ϩʔΧϧͰαʔόʔΛىಈ͢Δ ςΩετΤσΟλͰϓϩδΣΫτΛ։͘ $44पΓΛίϐϖ͢Δ 3FBDUͷ։ൃͰΑ͘ग़Δ༻ޠΛཧղ͢Δ ը໘ΛίʔσΟϯά͢Δ TUBUFͱΠϕϯτͰΞϓϦͷঢ়ଶΛཧ͢Δ MPDBM4UPSBHFͰσʔλΛӬଓԽ͢Δ ڥߏஙฤ ࣮ฤ
ΰʔϧ w3FBDUͷ։ൃΛ࢝ΊΔ·ͰΛΔ w3FBDUͷ։ൃͷྲྀΕΛΔ w3FBDUͷ֩Ͱ͋ΔTUBUFཧΛΔ wOQNϥΠϒϥϦͷಋೖͷྲྀΕΛΔ wOQNϥΠϒϥϦͷυΩϡϝϯτͷݟํΛΔ
ҙ ࠓฐࣾͷϝϯλʔ͕ਓ͍·͢ɻ ్தͰ٧·ͬͨ߹ɺΛֻ͚͍ͯͩ͘͞ɻ ·ͨɺԣͷਓ͕٧·͍ͬͯΔͳͱࢥͬͨΒॿ͚ͯ ͍͋͛ͯͩ͘͞ɻ
ҙ ࣌ؒʹݶΓ͕͋Γ·͢ͷͰɺશһͷ࡞ۀऴྃΛ ͨͣʹɺ࣍ʹਐΉ߹͕͋Γ·͢ɻ (JU)VCʹܗͷιʔεΛڞ༗͍ͯ͠ΔͷͰɺ ؒʹ߹Θͳ͍߹ίϐϖͰରԠ͍ͯͩ͘͠͞ɻ (JU)VCDPOQBTTͷืूهࣄͰ63-Λڞ༗͍ͯ͠·͢ɻ
ҙ ϋϯζΦϯܗࣜͳͷͰɺܦݧͷࠩʹΑΓ͕ͪ࣌ؒൃੜ ͢Δ߹͕͋Γ·͢ɻ ͪ࣌ؒɺຊར༻͢ΔϥΠϒϥϦͷެࣜαΠτͳͲ ΛӾཡͯ͘͠ͱઌͷ࡞ۀ͕εϜʔζʹͳΓ·͢ɻ (JU)VCϖʔδΛ63-Λڞ༗͍ͯ͠·͢ɻ
ࠓͷ։ൃͰΑ͘ݟΔը໘ wςΩετΤσΟλ w։ൃதͷը໘ MPDBMIPTU w(JU)VCϖʔδ w֤छϥΠϒϥϦͷυΩϡϝϯτ ৭ʑͳॴΛݟΔͨΊʹɺϒϥβλϒ Λͯͨ͠ํ͕։ൃ͍͢͠Αʔʂ
ڥߏஙͷ֬ೝ͢Δ
/PEFKTͷόʔδϣϯΛ֬ೝ͢Δ
3FBDUͷ։ൃڥΛ࡞Δ
ZBSOͱDSFBUFSFBDUBQQΛΠϯετʔϧ͢Δ
DSFBUFSFBDUBQQͰϓϩδΣΫτΛ࡞͢Δ
ࠓ։ൃ͢ΔϓϩδΣΫτͷܗΛ࡞͢Δ ҙ wҰ୴λʔϛφϧΛ࠶ىಈ͢Δɻ wࣗͷ࡞ۀσΟϨΫτϦ Ͳ͜Ͱ͍͍ ʹҠಈ͢Δɻ
ඞཁͳOQNϥΠϒϥϦΛΠϯετʔϧ͢Δ
ϓϩδΣΫτͰ͏ϥΠϒϥϦΛΠϯετʔϧ
ϩʔΧϧͰαʔόʔΛىಈ͢Δ
࡞ͨ͠ϓϩδΣΫτΛखݩͷύιίϯ ϩʔΧϧ Ͱىಈ͢Δ
ࣗಈతʹ։͔ΕͨϒϥβΛ֬ೝ͢Δ
ςΩετΤσΟλͰϓϩδΣΫτΛ։͘
74$PEFฤ αΠυόʔͷϓϥάΠϯϚʔΫΛԡԼ͢Δ ʮQSFUUJFSʯΛϓϥάΠϯΛݕࡧ͢Δ ʮ1SFUUJFS$PEFGPSNBUUFSʯΛΠϯετʔϧ͢Δ ʮ࠶ಡΈࠐΈʯϘλϯΛԡ͢ 74$PEFͷઃఆϖʔδΛ։͘ DNE
(JU)VC͔ΒઃஔϑΝΠϧΛίϐʔͯ͠ɺషΓ͚Δ 74$PEFΛ࠶ىಈ͢Δ
"UPNฤ "UPNͷઃఆϖʔδΛ։͘ DNE ʮ*OTUBMMʯͰʮQSFUUJFSBUPNʯͱݕࡧ Πϯετʔϧ͢Δ ʮ1BDLBHFTʯͰʮQSFUUJFSBUPNʯͱݕࡧ ʮ4FUUJOHTʯΛԡ͢
(JU)VCͷઃఆʹ߹ΘͤΔ "UPNΛ࠶ىಈ͢Δ
$44पΓΛίϐϖ͢Δ
4FNBOUJDͷ$%/ΛಡΈࠐΉ wQVCMJDJOEFYIUNM
5PEP༻ͷ$44Λίϐϖ͢Δ wTSD"QQDTT
3FBDUͷ։ൃͰΑ͘ग़Δ༻ޠΛཧղ͢Δ
ίϯϙʔωϯτ $PNQPOFOU ͱ wʮ෦ʯͱ͔ʮߏཁૉʯͱ͍͏ҙຯ w3FBDUίϯϙʔωϯτࢥߟ w֤6*ύʔπΛ෦ͱଊ͑ͯ։ൃ͍ͯ͘͠ࣄͰՄಡੑͱอकੑ͕61
QSPQTͱ w3FBDUͰίϯϙʔωϯτ͔ΒࢠίϯϙʔωϯτʹΛ͢Έ wจࣈྻɾɾྻɾΦϒδΣΫτɾؔͳΜͰͤΔ QSPQTͷ͔ΒࢠͷΛ͢࡞ۀ ʮόέπϦϨʔʯͱΑ͘දݱ͞ΕΔΑʂ
TUBUFͱ w3FBDUͰঢ়ଶΛཧ͢ΔҝͷΈ w5PEPͷঢ়ଶɺೖྗ͍ͯ͠Δจࣈͷঢ়ଶFUDʜ wԿ͔͠ΒͷΠϕϯτͷޙɺTUBUF͕ߋ৽͞ΕΔ wΫϦοΫͨ͠ޙɺೖྗ͞ΕͨޙFUDʜ ຊ֨తͳΞϓϦέʔγϣϯɺ ແͷTUBUFͱΠϕϯτͰߏ͞Ε͍ͯΔΑʂ
+49ͱ w+BWB4DSJQUΛ֦ுͨ͠ݴޠ w'BDFCPPL͕ߟҊ w+BWB4DSJQUͰ)5.-ͬΆ͍ه๏͕͑Δ w࠷ऴతʹ͍͜͠+4ʹͳ͍ͬͯΔ w3FBDUΛ༻͍ͨ։ൃͰඞਢͱ͍͏༁Ͱͳ͍ ࠓDSFBUFSFBDUBQQ্͕ख͍͜ͱͯ͘͠Ε ͍ͯΔ͚Ͳɺຊ֨తͳ։ൃ͕࢝·ΔͱɺࣗͰτϥ ϯείϯύΠϧͷઃఆΛॻ͍ͨΓ͢Δඞཁ͕͋Δ Αʂ
XFCQBDL
'VODUJPOBM$PNQPOFOUͱ$MBTT$PNQPOFOU w3FBDUͷίϯϙʔωϯτͷछྨ wͲͪΒͷه๏Ͱେମಉ͡ࣄ͕Ͱ͖Δ w$MBTT$PNQPOFOUʹʮϥΠϑαΠΫϧʯͱʮTUBUFʯ͕ଘࡏ͢Δ Մಡੑςετͷ͢͠͞ͳͲ͔Βɺ ಛʹཧ༝͕ͳ͍ݶΓ'VOUJPOBM$PNQPOFOU Λ͏ํ͕͍͍Αʂ
ը໘ΛίʔσΟϯά͢Δ
େ͖ͭ͘ͷϒϩοΫʹ͔ΕΔ λΠτϧ෦ ೖྗ෦ Ϧετ෦
TUBUFͱΠϕϯτͰΞϓϦͷঢ়ଶΛཧ͢Δ
ࠓͷ··Ͱಈ͔ͳ͍ͨͩͷը໘ ͔͜͜Βಈ͖Λ͚͍ͭͯ͘
MPDBM4UPSBHFͰσʔλΛӬଓԽ͢Δ
ࠓͷ··ͰϦϩʔυͨ͠Βফ͑ͯ͠·͏ ಉ͡ϒϥβͳΒӬٱతʹอଘͰ͖Δ༷ʹमਖ਼͢Δ
͓ർΕ༷Ͱͨ͠ ݱࡏ8BOUFEMZͰΤϯδχΞͱσβΠφʔΛ ืूதͰ͢ʂ