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
600
AppSyncで負債を解決した話
tfrcm
1
470
なぜ社内でGoを採用したのか
tfrcm
0
79
さよならRecompose, こんにちはReact Hooks!
tfrcm
0
420
Facebookに行ってきたの秋
tfrcm
0
74
ReactNativeでモバイル開発を始めよう!
tfrcm
0
72
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
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
ioquatix
4
2.5k
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
kasacchiful
0
300
CSC305 Lecture 09
javiergs
PRO
0
310
SwiftDataを使って10万件のデータを読み書きする
akidon0000
0
240
社会人になっても趣味開発を続けたい! / traPavilion
mazrean
1
100
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
130
pnpm に provenance のダウングレード を検出する PR を出してみた
ryo_manba
1
160
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
140
Vueのバリデーション、結局どれを選べばいい? ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
neginasu
2
1.6k
Introduce Hono CLI
yusukebe
6
3.1k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
270
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
640
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Building an army of robots
kneath
305
46k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
Designing for Performance
lara
610
69k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
640
Unsuck your backbone
ammeep
671
58k
Facilitating Awesome Meetings
lara
57
6.6k
RailsConf 2023
tenderlove
30
1.3k
Into the Great Unknown - MozCon
thekraken
40
2.1k
KATA
mclloyd
PRO
32
15k
Code Review Best Practice
trishagee
72
19k
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ͰΤϯδχΞͱσβΠφʔΛ ืूதͰ͢ʂ