何度も写経したのに分からなくて React嫌いになりそうだったけど なんとか和解できた方法(仮)

まぼろしのJS勉強会 #1 「ナウいJSの書き方・考え方」にて使用した資料です。

Transcript

1. Կ౓΋ࣸܦͨ͠ͷʹ෼͔Βͳͯ͘
   3FBDUݏ͍ʹͳΓͦ͏͚ͩͬͨͲ
   ͳΜͱ͔࿨ղͰ͖ͨํ๏ʢԾʣ !ZVSJ@YYY
2. !ZVSJ@YYY
   ৗۭ࣌ෲ wࠓ೥݄·Ͱ஍ํͷ੍࡞ձࣾͰXFCίʔμʔ
   wओʹ
   )5.-
   
   $44
   
   K2VFSZ
   w3FBDU
   ͸ݸਓతʹษڧͯͯ͠ࠓ΋ษڧத
   wࠓ೥݄ʹ্ژˍస৬
   wϑϩϯτΤϯυΤϯδχΞ
   w࠷ۙ
   1ZUIPO
   ʹࠍΕͨ
3. 3FBDUʹର͢ΔΠϝʔδ w5-ͰΑ͘ݟΔ
   w3FBDU࢖͑͹K2VFSZ͍Βͳ͍ͬͯΑ͘ݟΔ
   wˢͦΜͳ͜ͱͳ͍ͬͯҙݟ΋Α͘ݟΔ
   w4JOHMF
   1BHF
   "QQMJDBUJPO
   ͱ͔ʹ޲͍ͯΔͷ͔ͳ
   wͳΜ͔Α͘෼͔Μͳ͍͚Ͳ೉ͦ͠͏
4. -FU`T
   $IBMMFOHF
5. ͍ΖΜͳਓͷαϯϓϧ
   ίʔυࣸܦ͠·ͬͨ͘ ΍ͬͯΈͨ͜ͱ
   ͦͷ
8. ढจ͔ͳʁ
9. ͳΜͰಈ͍ͯΔͷ͔Α͘෼͔Βͳ͍
10. ͦ΋ͦ΋
    3FBDUͬͯͳΜͳͷʁ ΍ͬͯΈͨ͜ͱ
    ͦͷ
11. w 7JSUVBM
    %0.Ͱද͕ࣔ͸΍͍
    w มߋ͕͋ͬͨࡍʹɺԾ૷%0.ͱ࣮%0.Λൺֱͯ͠ɺ ࠩ෼ͷΈ%0.ͷ࠶ߏஙΛͯ͘͠ΕΔ
    w ίϯϙʔωϯτΛఆٛͯ͠ɺͦΕΒΛ૊Έ߹Θͤͯ ը໘Λ࡞͍ͬͯ͘
    w +49࢖͏
12. ཧ۶͸Θ͔ͬͨ
13. Ͳ͏ॻ͚͹͍͍͔෼͔Βͳ͍
14. ίʔυ͕ಡΊͳ͍
15. -FU`T
    $IBMMFOHF ʙ
    ࠶
    ʙ
16. ࣸܦ
17. ಡΉ
18. ಡΊͳ͍
19. ಡΉ
20. ಡΊͳ͍
21. ࣸܦ
22. ಡΉ
23. ಡΊͳ͍
25. ͭΒ͍
27. ͦ΋ͦ΋
    ͳΜͰಡΊͳ͍ͷʁ ΍ͬͯΈͨ͜ͱ
    ͦͷ
28. ΋͔ͯ͠͠ɿ
    ߏจΛ͖ͪΜͱཧղ͍ͯ͠ͳ͍
29. +49ͱ͔&4ͱ͔
    ͍Ζ͍Ζࠞཚ͍ͯ͠Δ
30. DMBTT
    "QQ
    FYUFOET
    3FBDU$PNQPOFOU
    
    DPOTU
    -JTU*UFN
    
    QSPQT
    
    \
    ^
    GVODUJPO
    /BNF QSPQT
    WBS
    $POUBDUT
    
    3FBDUDSFBUF$MBTTʁ
31. ʮॻ͚͹෼͔ΔΑ͏ʹͳΔʯ
    ͱ৴͍ͯͨ͡
32. ʮߏจΛཧղ͢Δʯ
    ͱ͍͏جຊతͳ͜ͱʹࢸΔ·Ͱ
    ΋ͷ͍͕͔͔࣌ؒͬͨ͢͝
33. <
    3FBDU
    ߏจ
    >
    ݕࡧ
    ΍ͬͯΈͨ͜ͱ
    ͦͷ
34. ͋Γ͕͍ͯ
35. ͓͖͍֮͑ͯͨ3FBDUͷ࣮૷ͰΑ͘࢖͏جຊతͳߏจʢॻ͖ํʣ
    
    
    IUUQTNBFDIBCJOBSDIJWFT
36. ͓͖͍֮͑ͯͨ3FBDUͷ࣮૷ͰΑ͘࢖͏جຊతͳߏจʢॻ͖ํʣ
    
    
    IUUQTNBFDIBCJOBSDIJWFT
37. l
    3FBDUͷίϯϙʔωϯτ͸ɺ
    
    
    
    ͜ͷ
    'VODUJPOBM
    $PNQPOFOU
    
    
    
    ʢ4UBUFMFTT
    'VODUJPOBM
    $PNQPOFOU
    
    4'$ʣͷελΠϧͰॻ͘ͷ͕جຊͰ͢ɻz ͓͖͍֮͑ͯͨ3FBDUͷ࣮૷ͰΑ͘࢖͏جຊతͳߏจʢॻ͖ํʣ
    
    
    IUUQTNBFDIBCJOBSDIJWFT
38. l
    $MBTT
    $PNQPOFOU͸&4ͷ$MBTTߏจΛ࢖ͬͯॻ͖·͢ɻ
    
    
    
    SFOEFS ϝιουͷ໭Γ஋ʹ+49ͱݺ͹ΕΔߏจΛ༻͍ͯ6*Λߏங͠·͢ɻz ͓͖͍֮͑ͯͨ3FBDUͷ࣮૷ͰΑ͘࢖͏جຊతͳߏจʢॻ͖ํʣ
    
    
    IUUQTNBFDIBCJOBSDIJWFT
39. 3FBDUΛ࢖͏ͱͳͥK2VFSZ͕ཁΒͳ͘ͳΔͷ͔
    
    
    
    IUUQTRJJUBDPNOBSVUPJUFNTGECCDGEGBG
40. 3FBDUΛ࢖͏ͱͳͥK2VFSZ͕ཁΒͳ͘ͳΔͷ͔
    
    
    
    IUUQTRJJUBDPNOBSVUPJUFNTGECCDGEGBG
41. ͦ͏ͩͬͨͷ͔
    3FBDUʂ
42. $PNQPOFOUT
    BOE
    1SPQT
    
    3FBDU
    
    
    IUUQTSFBDUKTPSHEPDTDPNQPOFOUTBOEQSPQTIUNM
43. ͪΌΜͱॻ͍ͯ͋ͬͨɾɾɾ
44. ൓ল఺ w ߏจ΋Կ΋ཧղ͠ͳ͍··ࣸܦͯͨ͠ͷ͕ྑ͘ͳ͔ͬͨ
    ɹˠ
    Կ౓͔ࣸܦͯ͠΋͍·͍ͪཧղ͕ਐ·ͳ͍৔߹͸Ұ୴΍ΊΔ
    w ͪΌΜͱެࣜυΩϡϝϯτʹॻ͍ͯ͋Δ
    ɹˠ
    ެࣜυΩϡϝϯτಡ΋͏
45. ҎલಡΜͩʮͳΔ΄ͲɺΘ͔ΒΜʯ
    ͩͬͨهࣄΛಡΈฦͯ͠Έͨ
46. Θ͔Ώ
47. ·ͱΊ w ʮͳͥ෼͔Βͳ͍͔ʯΛ໌֬ʹ͢ΔɹFH
    ·ͣߏจ͕෼͔Βͳ͍
    w ʮશ෦Θ͔ΒΜʯͱ͍͏৔߹͸ɺখ͞ͳٙ໰ʹͳΔΑ͏ʹ෼ղ͍ͯ͘͠
    wެࣜυΩϡϝϯτಡΉʢॏཁʣ
48. 3FBDU
    W
    ㊗
    .*5
    -JDFOTF W΋