非SPAなRailsアプリでレールに乗りつつReactを使う話

React反省会@Wantedlyさん

Transcript

1. ඇ41"ͳ3BJMTΞϓϦͰ
   Ϩʔϧʹ৐Γͭͭ3FBDUΛ
   ࢖͏࿩ 
   3FBDU൓লձ!8BOUFEMZ
   !TV[BOHP
2. DPQZSJHIU
   D
   $SPXE8PSLT
   BMM
   SJHIUT
   SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
   ᴺ
   ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
   ᴺ
   !TV[BOHP ࣗݾ঺հ ླ໦
   ݈ଠ
   ʢ!TV[BOHPʣ ͜Ε·Ͱ͸ओʹ৽نࣄۀͷ্ཱͪ͛ʹؔΘ͖ͬͯ·ͨ͠ɻ
 ͲͪΒ͔ͱ͍͏ͱαʔόʔαΠυΤϯδχΞɻ
 3BJMTΤϯδχΞͷཱ৔͔Β3FBDUʹ͍͓ͭͯ࿩͍͖ͤͯͨͩ͞·͢ɻ גࣜձࣾΫϥ΢υϫʔΫε
   ΫϥΠΞϯταϙʔτγοϓ
   
   ΤϯδχΞ
3. DPQZSJHIU
   D
   $SPXE8PSLT
   BMM
   SJHIUT
   SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
   ᴺ
   ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
   ᴺ
   !TV[BOHP $SPXE8PSLTͬͯ
   3FBDU
   ࢖ͬͯͨͷʁ
4. DPQZSJHIU
   D
   $SPXE8PSLT
   BMM
   SJHIUT
   SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
   ᴺ
   ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
   ᴺ
   !TV[BOHP ࢖ͬͯ·͢
   ʢ˞ͨͩ͠DSPXEXPSLTKQΛআ͘ʣ
5. DPQZSJHIU
   D
   $SPXE8PSLT
   BMM
   SJHIUT
   SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
   ᴺ
   ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
   ᴺ
   !TV[BOHP ·ͩ·ͩ$P⒎FF4DSJQU͕ࢧ഑త
 Ұ෦ͷը໘Ͱ7VFKT
   Λ࢖͍ͬͯΔ +4͸શͯ8FCQBDLͰίϯύΠϧ
 $44͸4QSPDLFUTͰίϯύΠϧ +4$44Λ8FCQBDLͰ؅ཧ
 $44͸Ұ෦4QSPDLFUTΛར༻ 8FCQBDLͰ$44
   
   +4Λ
   શͯ؅ཧ͍ͯ͠Δ $SPXE8PSLTͷϑϩϯτΤϯυݱঢ়
6. DPQZSJHIU
   D
   $SPXE8PSLT
   BMM
   SJHIUT
   SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
   ᴺ
   ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
   ᴺ
   !TV[BOHP w 41"ʹ͢Δඞཁੑ͸ߴ͘ͳ͔ͬͨɻ
   w ৽نࣄۀΛ"1*
   
   ϑϩϯτΤϯυ׬શʹ෼͚ͯ։ൃ͢ΔϦιʔε ͕ͳ͔ͬͨɻ
   w ͱ͸͍͑6*͕ॏཁͳϖʔδͰ͸ෳࡶͳը໘੍ޚΛK2VFSZͰॻ͖ ͨ͘ͳ͍ɾɾɾ 3FBDUΛ࢖͍͍ͨϞνϕʔγϣϯ
   w 41"ʹ஌ݟͷ͋Δϝϯόʔ΋গͳ͔ͬͨͷͰɺ෦෼తʹಋೖΛ࢝ Ίͨ 3FBDUͷίϯϙʔωϯτΛ
   3BJMTͷ7JFXʹຒΊࠐΉ
7. DPQZSJHIU
   D
   $SPXE8PSLT
   BMM
   SJHIUT
   SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
   ᴺ
   ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
   ᴺ
   !TV[BOHP
8. DPQZSJHIU
   D
   $SPXE8PSLT
   BMM
   SJHIUT
   SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
   ᴺ
   ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
   ᴺ
   !TV[BOHP
9. DPQZSJHIU
   D
   $SPXE8PSLT
   BMM
   SJHIUT
   SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
   ᴺ
   ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
   ᴺ
   !TV[BOHP ࠓ೔ͷ͓࿩
   ඇ41"ͳ3BJMTΞϓϦͰ
   3FBDUΛͲ͏ѻͬͨͷ͔
   ͦͯͦ͠ͷਏΈ
10. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ·ͣ͸
    ্ख͍ͬͨ͘ͱ͜Ζ
11. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ࢖༻͍ͯ͠Δٕज़ελοΫ w 3FBDU
    w 3FEVY
    w &4
    w ZBSO
    w #BCFM
    w 8FCQBDL
    w SFBDU@PO@SBJMT
    
    SFBDUSBJMT 3FBDUͷߏ੒ͱͯ͠͸
    ͘͘͝͝Ұൠతͳ΋ͷΛར༻͍ͯ͠·͢
12. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP w Ϟμϯ+4 &$."4DSJQUOQN ZBSO Λѻ͏ͨΊ3BJMTඪ४ͷ4QSPDLFUT Ͱ͸ͳ͘8FCQBDLͰϏϧυ͢Δ
    w 8FCQBDL͸
    QVCMJD
    ʹϏϧυͨ͠+4$44*NBHFɺٴͼϚχϑΣετ ϑΝΠϧΛ࡞੒͠·͢ɻ
    w 8FCQBDLͱ3BJMTͱͷΠϯςάϨʔγϣϯ͸ಠࣗͷϔϧύʔΛॻ͍ͯରԠ͠ ͍ͯ·͢ɻৄࡉ͸ͪ͜ΒͷϒϩάΛ֬͝ೝ͍ͩ͘͞ɻ IUUQFOHJOFFSDSPXEXPSLTKQFOUSZ 4QSPDLFUT
    
    8FCQBDL΁ͷҠߦ
13. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP 3BJMT͔Β3FBDUΛ࢖͏ w 3BJMT͔Β3FBDUΛѻ͑ΔΑ͏ʹ͢Δ(FNΛར༻
 ҎԼͷͲͪΒ͔Λ࢖༻͍ͯ͠·͢
14. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP w SFBDUSBJMT͸4QSPDLFUT͕લఏͷ࡞Γʹͳ͍ͬͯΔ
 ˞࠷ۙ8FCQBDLFSͷαϙʔτ͕ೖΓ·ͨ͠
    w SFBDUSBJMT͸ίϯϙʔωϯτΛάϩʔόϧʹ഑ஔ͢Δඞཁ͕͋Δ
 ˞8FCQBDLFSΛར༻͢Δ৔߹͸͜ͷݶΓͰ͸ͳ͍Α͏Ͱ͢
    w SFBDU@PO@SBJMT͸SFBDU@VKTతͳ+4͕ɺOQNύοέʔδͱͯ͠ఏڙ͞Ε͍ͯͯ JNQPSUͯ͠࢖͑Δ SFBDU@PO@SBJMT
    WT
    SFBDUSBJMT 5-%3
    8FCQBDLΛ࢖͏৔߹͸SFBDU@PO@SBJMTͷํ͕Αͦ͞͏
15. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP 3BJMTΞϓϦͷϓϩδΣΫτSPPUʹɺDMJFOUσΟϨΫτϦΛ࡞Δ
 ˞ϓϩδΣΫτʹΑΓඍົʹҟͳΓ·͢
    3FBDUͷίϯϙʔωϯτΛ

    ഑ஔ͢ΔσΟϨΫτϦ
    443༻ͷ+4ΤϯυϙΠϯτ

    3FBDUͷίϯϙʔωϯτ͚ͩ
    3FBDUҎ֎ͷ+4Λ֨ೲ͢Δ
    
    σΟϨΫτϦ
    
    K2VFSZͱ͔͸͜͜
    ϒϥ΢βʔͰ࢖༻͢Δ+4ͷ
    
    ΤϯυϙΠϯτ ϑΥϧμߏ੒
16. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP SFBDU@PO@SBJMTͰ3FBDUΛѻ͏ w 3FBDUͷίϯϙʔωϯτ͸
    SFBDU@DPNQPOFOU
    ϔϧύʔΛ࢖ͬͯ3BJMT͔ΒSFOEFS͢Δ
    w 3BJMTͷ7JFX͔Β3FBDU΁σʔλΛ౉͢෦෼Ͱ໎Θͳͯ͘͢Ή
    w 443͕ΦϓγϣϯΛ଍͚ͩ͢Ͱ࣮ݱͰ͖Δ
    w +4ଆ͔Β͸3FBDU0O3BJMTSFHJTUFSͰίϯϙʔωϯτొ࿥
17. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP SFBDU@PO@SBJMTͰ$43'Λѻ͏ w 3FBDUͰϑΥʔϜΛѻ͏৔߹ɺ3BJMT͕Α͠ͳʹ΍ͬͯ͘Εͯͨ$43'ΛͲ͏ѻ͏ ͕໰୊ʹͳΔ
    w 3FBDU0O3BJMTʹ͸$43'τʔΫϯΛऔಘ͢Δϝιου͕༻ҙ͞Ε͍ͯΔ
    w TVQFSBHFOUͷϥούʔΛ࡞ͬͯɺ1045͢Δͱ͖ʹ$43'τʔΫϯΛؾʹͤͣʹ ࡁΉΑ͏ʹͨ͠Γ͠·ͨ͠
18. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP SFBDU@PO@SBJMTͰJOΛѻ͏ w ࣗ෼͸࢖ͬͯͳ͍Ͱ͕͢࠷ۙ௥Ճ͞ΕͨΑ͏ͳͷͰ঺հ͠·͢
19. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP 3FBDU
    PO
    3BJMT
    PO
    5VSCPMJOLT w 5VSCPMJOLTͱ͸ Ҿ༻ݩ
    
    IUUQLSBZKQCMPHNVTULOPXBCPVUUVSCPMJOLT
20. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP 3FBDU
    PO
    3BJMT
    PO
    5VSCPMJOLT
21. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP 3FBDU
    PO
    3BJMT
    PO
    5VSCPMJOLT w 41"Ͱͳͯ͘΋ٙࣅ41"ͳಈ͖ʹͳͬͯαΠτ͕ૣ͘ͳΔ
    w ҋͬΆ͍͕3FBDUͱ5VSCPMJOLT͸ڞଘͰ͖Δ
 5VSCPMJOLTͷΠϕϯτʹ߹Θͤͯ3FBDUͷίϯϙʔωϯτ͕SFOEFS͞ΕΔΑ͏ ʹαϙʔτ͞Ε͍ͯΔʣ
    w ͨͩ͠SFBDUSPVUFSͱͷڞଘ͸Ͱ͖ͳ͍ͷͰ஫ҙ
22. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ͦͷଞ΍ͬͯΑ͔ͬͨ͜ͱ w FTMJOU
    
    4JEF$*ͰϞμϯͳ+4ʹͳΔΑ͏ʹ(JU)VCͰࢦఠ
    w Ұʑෳ਺ϓϩηεΛ্ཱͪ͛ͳͯ͘Α͍Α͏Α͏ʹ͢Δɻ GPSFNBOΛܦͯɺEPDLFSDPNQPTF
    VQͰશ্ཱ͕͕ͯͪΔΑ ͏ʹͨ͠ɻ
    w &&ςετ࣌ʹ΋ɺGFBUVSFTͷςετʹϑοΫͯࣗ͠ಈͰ XFCQBDLʹΑΔϏϧυ͕૸ΔΑ͏ʹͨ͠ɻ
    ɹFUDʜ
23. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ෳࡶͳ6*ͷඞཁͳ͍ը໘Ͱ͸
    3BJMTͷϨʔϧʹͷΓ ϔομʔ 3BJMTͷ7JFX ίϯςϯπ 3BJMTͷ7JFX
24. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ෳࡶͳ6*͕ඞཁͳը໘Ͱ͸
    3FBDUΛ࢖ͬͯهड़͢Δ ϔομʔ 3BJMTͷ7JFX 3FBDUͷ
    ίϯϙʔωϯτ
25. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP 3BJMTͷϨʔϧʹ৐Γͭͭ 3FBDUΛ࢖͏͜ͱ͕Ͱͨ
26. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ׬
27. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ࠓ೔͸൓লձͳͷͰ
    ࣦഊͯ͠͠·ͬͨͱ͜Ζ
    ൓ল఺΋ڞ༗͠·͢
28. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP 3FBDUͷίϯϙʔωϯτͱ
    3BJMTͷ7JFXΛࠞͥͯ͠·ͬͨ ൓ল
29. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP Ұ෦ͷίϯϙʔωϯτ͕
    3FBDUԽ͞Εͨϖʔδ ϔομʔ 3BJMTͷ7JFX ίϯςϯπ 3BJMTͷ7JFX 3FBDUͷ
    ίϯϙʔωϯτ
30. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP Ұ෦ͷίϯϙʔωϯτ͕
    3FBDUԽ͞Εͨϖʔδ ϔομʔ 3BJMTͷ7JFX ίϯςϯπ 3BJMTͷ7JFX 3FBDUͷ
    ίϯϙʔωϯτ Ϙλϯ ϘλϯΛԡͨ͠Β3FBDUͷ
    ίϯϙʔωϯτΛߋ৽͍ͨ͠
31. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP Ұ෦ͷίϯϙʔωϯτ͕
    3FBDUԽ͞Εͨϖʔδ ͋͋͋͋͋ ϔομʔ 3BJMTͷ7JFX ίϯςϯπ 3BJMTͷ7JFX 3FBDUͷ
    ίϯϙʔωϯτ Ϙλϯ ϘλϯΛԡͨ͠Β
    3BJMTͷ7JFXʹߋ৽Λ͔͚͍ͨ
32. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ਖ਼߈๏Ͱ΍ΔͳΒ͜͏ ϔομʔ 3BJMTͷ7JFX શͯΛReactͷίϯϙʔωϯτʹ͢Δ
33. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ࣮ࡍʹ͸ɾɾɾ ϔομʔ 3BJMTͷ7JFX 3FBDUͷ
    ίϯϙʔωϯτ RailsͷԿ͔ෳࡶͳϔϧύʔ RailsͷԿ͔ifจ ඇReactͳJSͷΠϕϯτόΠϯυ ೲظ etc….
34. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ͜͏͍͏ͷ΋ ϔομʔ 3BJMTͷ7JFX ϔομʔ 3BJMTͷ7JFX 3FBDUͷ
    ίϯϙʔωϯτ ΄΅ಉ͡ϚʔΫΞοϓ ΄΅ಉ͡ϚʔΫΞοϓ RailsͷԿ͔ෳࡶͳϔϧύʔ RailsͷԿ͔ifจ ඇReactͳJSͷΠϕϯτόΠϯυ
35. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP 3BJMTͷϩδοΫ͕ೖͬͨ7JFXͱ
    3FBDUίϯϙʔωϯτͷೋॏ؅ཧͷਏΈ w طଘͷΞϓϦͷ৔߹খ࢝͘͞ΊΔϝϦοτ͋Γ·͕͢ɺ৽نͷΞ ϓϦͳΒ41"Ͱͳͯ͘΋7JFX͸શͯ3FBDUʹ೚ͤΔܗʹ͢Δ΂ ͖ͩͬͨ
    w $44JO+4ɺ$44ϞδϡʔϧͳͲ΍Γͨͯ͘΋ɺ%0.͚ͩͰͳ ͘ελΠϧγʔτ΋ೋॏ؅ཧʹͳͬͯ͠·ͬͯ͏ʔΜɾɾɾͱ͍ͬ ͨ͜ͱʹͳͬͨ
    w 3FBDUΛ+4ͷϥΠϒϥϦͱଊ͑ΔΑΓϨϯμϦϯάΤϯδϯͱଊ ͑Δ΂͖ͩͬͨ
36. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͍͔ͨͬͨ࿩
    ᴺ
    !TV[BOHP ൓ল 3BJMT͔Β3FBDUʹͲ͏
    σʔλΛ౉͔͢ͷઃܭ͕؁͔ͬͨ
37. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP SFBDUSBJMTܥͷ(FNΛ࢖ͬͯ
    3FBDUʹσʔλΛ౉͢ w SFBDUSBJMTͳͲͷ(FNΛ࢖͏ͱɺ3FBDUͷίϯϙʔωϯτʹ؆୯ʹ1SPQTΛ౉ ͍ͯ͘͜͠ͱ͕Ͱ͖Δ
    w QSFSFOEFS
    ΦϓγϣϯͰ443·Ͱ࣮ݱͰ͖Δ
    w ίϯϙʔωϯτ͕খ͘͞ɺͨͩσʔλΛड͚औͬͯදࣔ͢Δ͚ͩͰΑ͚Ε͹͜Ε Ͱࣄ଍ΓΔ
38. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ίϯϙʔωϯτΛ443ͭͭ͠"1* Ͱ΋ߋ৽͍ͨ͠ ϔομʔ 3BJMTͷ7JFX ΋ͬͱݟΔ ϘλϯΛԡ͢ͱ
    Ϧετཁૉ͕௥Ճ͞ΕΔ
39. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP )5.-ΛϨϯμʔ͢Δίϯτϩʔϥ 443༻ ͱ+40/Λฦ͢ίϯτϩʔϥ "1* ͰϩδοΫ͕ೋॏʹͳΔ
40. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ϑϩϯτ͔Β+40/Λऔಘ͢Δ৔߹͕ ૿͑Δͱɺ͖ͪΜͱͨ͠"1*ઃܭ͕ඞ ཁʹͳͬͯ͘Δ w ϑϩϯτͷ+4͕খ͍͞͏ͪ͸
    AGPSNBUKTPOA
    ͱ͔ͰϨϯμϦϯ άΛ෼͚͍ͯͯ΋·͋ͦΜͳʹࠔΒͳ͍͔΋͠Εͳ͍͚Ͳɾɾɾ
    w ϑϩϯτͷ+4͕େ͖͘ͳΔͱɺαʔόʔଆͷΤϥʔϋϯυϦϯά IUNM͸ฦ͞ͳ͍Ͱ͠ΐ͏ ͱ͔ɺඇϩάΠϯ࣌ʹ"1*ୟ͔Ε ͨΒԿฦ͢ͷͱ͔ɺ৭ʑͱߟ͑Δඞཁ͕ग़ͯ͘Δ
    w εϚϗΞϓϦ༻ͷ"1*ͷΑ͏ʹ͖ͪΜͱઃܭ͍ͯ͘͠ඞཁ͕Ͱͯ ͘Δ
41. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP 3BJMT͔Β3FBDUʹͲ͏σʔλΛ ౉͔͢ w 3BJMT͔Β3FBDUʹͲ͏σʔλΛ౉͢ͷ͔͸Α͘ઃܭ͓͔ͯ͠ͳ ͍ͱ3FBDUͷίϯϙʔωϯτ͕େ͖͘ͳ͖ͬͯͨͱ͖ʹɺϩδο Ϋ͕αʔόʔαΠυͰ෼ࢄ͢Δ͜ͱʹͳΔ ͜ͱ΋͋Δ
    w ίϯϙʔωϯτ͕খ͍͞͏ͪ͸ͦΕ΄Ͳ໰୊ʹͳΒͳ͍͕ɺϑϩ ϯτΤϯυଆͰ+40/Λऔಘ͢Δ͜ͱ͕ଟ͘ͳΔͱɺεϚϗΞϓ ϦΛ࡞Δͱ͖ͷΑ͏ʹ"1*ઃܭΛͪΌΜͱ΍Δඞཁ͕ग़ͯ͘Δɻ
    w 3BJMT͔ΒͲ͏3FBDUʹσʔλΛ౉͍ͯ͘͠ͷ͔ɺSLBNVSB͞ Μͷ΍Γํ͸ΊͬͪΌࢀߟʹͳͬͨɻ 3VCZ
    PO
    3BJMT
    PO
    3FBDU
    PO
    443
    PO
    41"
42. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP w 3BJMTΞϓϦͰখ͘͞3FBDUΛ࢝ΊΔͷ͸7JFXʹ3FBDU ͷίϯϙʔωϯτΛຒΊࠐΉܗͰ͋Ε͹؆୯ʹ࣮ݱͰ͖Δ
    w 41"ʹͨ͠ͱ͖ʹߟ͑ͳ͚Ε͹͍͚ͳ͍/ݸͷ͜ͱʜΛߟ ͑ͣʹ3FBDUΛಋೖͰ͖Δɻ
    w K2VFSZʹΑΔΠϕϯτۦಈϐλΰϥεΠονʹͳΓ͕ͪ ͳෳࡶͳڍಈͷը໘Λ3FBDUͰએݴతʹ͔͚Δɻ
    w ෳࡶͳ6*ͷඞཁͳ͍ը໘Ͱ͸͜Ε·Ͱ௨Γ3BJMTͷϨʔϧ ʹ৐ΕΔɻ ·ͱΊ
    ʙྑ͔ͬͨ఺ʙ
43. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ·ͱΊ
    ʙ൓ল఺ʙ w 3BJMTͷ7JFXͷҰ෦ʹখ͞ͳ3FBDUͷίϯϙʔωϯτΛຒ ΊࠐΉͷ͸؆୯͚ͩͲɺͦΜͳʹεέʔϧ͠ͳͦ͞͏ ˞ݸਓ ͷײ૝Ͱ͢ ɻΞϓϦέʔγϣϯʹ΋ΑΓ·͕͢ɺਐԽͱͱ΋ ʹ݁ہͦͷϖʔδ୯ମͰ͸41"Έ͍ͨͳ࡞ΓʹਐԽ͍ͯ͠ ͘ؾ͕͢Δɻ
    w 7JFXΛͲͪΒ͕ϨϯμϦϯά͢Δͷ͔ɺ1SPQTΛͲ͏౉͢ ͔ͳͲɺ3FBDUͱ3BJMTͷ੹຿ΛͲ͜Ͱ੾Γ෼͚Δ͔Α͘ߟ ͑ͳ͍ͱɺͲͬͪͷΤίγεςϜʹ΋৐Εͯͳ͍ײ͕ग़ͯ དྷΔ͠ɺγεςϜͷෳࡶੑ͕͕͋Δɻ
44. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ࣍ʹ৽نͰ
    3BJMTͱ3FBDUΛ࢖͏ͳΒ
    ͜͏͢Δ
45. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP 3FBDUΛ࢖͏ϖʔδͰ͸ɺ
    3BJMT͸جຊతʹ"1*ʹపͯ͠
    41"తͳ࡞Γʹ͢Δ w 3FBDUΛ࢖͏ϖʔδ
    PS
    ͋Δ63-഑Լ Ͱ͸7JFX͸શͯ3FBDUͷίϯ ϙʔωϯτͰهड़͢ΔΑ͏ʹ͢Δ
    w 3FBDU΍ͦͷपลϥΠϒϥϦ͸41"Λલఏʹ͍ͯ͠Δ ͱײ͡Δ
    ͷͰɺ 3BJMT͸"1*
    
    7JFX͸શͯ3FBDUʹ೚ͤΔͱ͍͏ελϯεΛऔͬͨ΄ ͏͕ɺ݁Ռͱͯ͠͸ͲͪΒͷΤίγεςϜͷԸܙΛड͚ΒΕͦ͏ɻ
    w શ෦41"ʹ͢ΔʹͤΑ͠ͳ͍ʹͤΑɺASFBDU@DPNQPOFOUAʹΑΔ 3BJMTͱ3FBDUͷεϜʔζͳΠϯςάϨʔγϣϯͱ͔ٻΊͣʹɺ໌֬ ʹ੹຿Λ੾Γ෼͚ΔΑ͏ʹ͍ͨ͠ʂ
46. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP ऴΘΓ
47. DPQZSJHIU
    D
    $SPXE8PSLT
    BMM
    SJHIUT
    SFTFSWFE 3FBDU൓লձ!8BOUFEMZ
    ᴺ
    ඇ41"ͳ3BJMTΞϓϦͰϨʔϧʹ৐Γͭͭ3FBDUΛ࢖͏࿩
    ᴺ
    !TV[BOHP