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
95
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
530
AppSyncで負債を解決した話
tfrcm
1
430
なぜ社内でGoを採用したのか
tfrcm
0
72
さよならRecompose, こんにちはReact Hooks!
tfrcm
0
410
Facebookに行ってきたの秋
tfrcm
0
68
ReactNativeでモバイル開発を始めよう!
tfrcm
0
65
My favorite Morisawa's fonts
tfrcm
0
56
ReactNativeの開発環境を5分で作る
tfrcm
1
350
さぁ!Reactを始めよう!
tfrcm
0
150
Other Decks in Programming
See All in Programming
コンテナをたくさん詰め込んだシステムとランタイムの変化
makihiro
1
170
Запуск 1С:УХ в крупном энтерпрайзе: мечта и реальность ПМа
lamodatech
0
860
Beyond ORM
77web
11
1.5k
歴史と現在から考えるスケーラブルなソフトウェア開発のプラクティス
i10416
0
240
KubeCon NA 2024の全DB関連セッションを紹介
nnaka2992
0
110
テストコード書いてみませんか?
onopon
2
280
KMP와 kotlinx.rpc로 서버와 클라이언트 동기화
kwakeuijin
0
270
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
yoshifumi_ishikura
0
130
テストコードのガイドライン 〜作成から運用まで〜
riku929hr
6
1.3k
traP の部内 ISUCON とそれを支えるポータル / PISCON Portal
ikura_hamu
0
110
どうして手を動かすよりもチーム内のコードレビューを優先するべきなのか
okashoi
3
800
PHPカンファレンス 2024|共創を加速するための若手の技術挑戦
weddingpark
0
110
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
171
50k
Docker and Python
trallard
43
3.2k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
The Pragmatic Product Professional
lauravandoore
32
6.3k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Making Projects Easy
brettharned
116
6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Bash Introduction
62gerente
609
210k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
19
2.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.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ͰΤϯδχΞͱσβΠφʔΛ ืूதͰ͢ʂ