WP REST APIとReactで作るSPA

WordCamp Tokyo 2016のLT(5分)で発表した資料です。

Transcript

1. 81
   3&45
   "1*
   ͱ
   3FBDU
   Ͱ࡞Δ41" ੢ാҰഅ to-R
2. גࣜձࣾτΡʔΞʔϧ
   ୅දऔక໾
   
   ϑϩϯτΤϯυΤϯδχΞ
   ੢ാҰഅ
3. ϑϩϯτΤϯυʹಛԽͨ͠8FC੍࡞ձࣾ w )5.-
   
   $44
   w K2VFSZ
   
   +BWB4DSJQU
   w 3FBDU
   
   7VF
   
   "OHVMBS+4
   w 8PSE1SFTT
   
   .PWBCMF5ZQF to-R
4. XXXUPSOFUͰར༻͍ͯ͠Δٕज़ w 8PSE1SFTT
   
   81
   3&45
   "1*
   w 3FBDU
   
   3FBDU
   3PVUFS
   w 3FEVY
   
   SFEVYTBHB
   to-R
5. 81
   3&45
   "1*
   
6. WordPressͷ౤ߘ಺༰ͳͲΛAPIͱͯ͠ग़ྗͯ͘͠ΕΔػೳ
7. IUUQTXXXUPSOFUXQKTPOQPTUT
   pMUFS<OBNF>'OFXTXPSEDBNQUPLZP'
   
8. ୭ಘ
9. ϚϧνϓϥοτϑΥʔϜରԠ ίϯςϯπ 8FCαΠτ J04ΞϓϦ "OESPJE
 ΞϓϦ .BDΞϓϦ 8JOEPXT
   ΞϓϦ
10. ϚϧνϓϥοτϑΥʔϜରԠ ίϯςϯπ 8FCαΠτ J04ΞϓϦ "OESPJE
 ΞϓϦ .BDΞϓϦ 8JOEPXT
    ΞϓϦ 8FCαΠτΛύϒϦογϡ͢Δ͚ͩͩͬͨ8PSE1SFTT͕
    "1*ͱ͍͏ڞ௨ϓϩτίϧΛಘͯ
    ༷ʑͳϓϥοτϑΥʔϜʹରԠͰ͖ΔΑ͏ʹͳͬͨ
11. "1*ܦ༝ͰαΠτΛ࡞ΔͷϝϦοτ 8PSE1SFTT͕෼͔Βͳͯ͘΋
    αΠτ͕Ͱ͖Δ
12. 41"Λ࡞ΕΔ
    ϑϩϯτΤϯυΤϯδχΞ͕͍Ε͹
    8FCαΠτ͕Ͱ͖Δ
13. 3FBDU
    ͱ͔
    "OHVMBS
    ͱ͔
    ͕Ͱ͖Ε͹ʜ
14. K2VFSZ͡ΌͩΊͳΜʁ
15. K2VFSZ͸ঢ়ଶ؅ཧͷػೳ͕ͳ͍ͷͰ
    ෳࡶͳ৘ใ΍ঢ়ଶΛ؅ཧ͠ͳͯ͘͸͍͚ͳ͍
    41"ͳͲͰ͸ෆ޲͖
    ͤΊͯ#BDLCPOFKTͳͲͷ
    .7 ϑϨʔϜϫʔΫΛಋೖ͠·͠ΐ͏
16. ͳΜͰ
    3FBDU
    ͕ྲྀߦͬͯΔͷʁ
    K2VFSZ͕%JTΒΕͯΔͷʁ
17. 3FBDUͰ͸
    7JSUVBM
    %0.ͱ
    Α͹ΕΔঢ়ଶ؅ཧ༻ͷߏ଄ମ͕͋Γ
    )5.-΁ͷมߋΛ࠷খݶʹ཈͑Δ
    ࢓૊Έ͕͋Δ
18. 7JSUVBM
    %0. ঢ়ଶ (State) Virtual
 DOM HTML
19. )5.-ʹมߋΛՃ͑Δ
    K2VFSZͱ૬ੑ͕ѱ͍
20. 7JSUVBM
    %0. ঢ়ଶ (State) Virtual
 DOM HTML K2VFSZ
21. 7JSUVBM
    %0. w 3FBDU
    w "OHVMBS
    
    w 7VFKT
    
    w 3JPUKT
    
22. 81
    3&45
    "1*͕ྲྀߦΔ
23. 41"͕
    4&0తʹ·ͩඍົ
24. ௒ઈॏ͍
    ΩϟογϡϓϥάΠϯ౳΋͋Δ͕͋·Γվળ͞Εͳ͍
25. "1*ͷ஋͕গ͠ѻ͍ʹ͍͘ wΧςΰϦʔ৘ใ໊͕લ΍TMVH͡Όͳͯ͘JE
    wϖʔδ৘ใ͕Ϩεϙϯεϔομʔʹ֨ೲ
26. ෳࡶͳΞϓϦΛ࡞Δͷʹ͸ඍົ
27. ·ͩ·ͩ։ൃ్தͷػೳ
    ࠓޙͷ
    81
    3&45
    "1*
    ʹظ଴
28. 5IBOL
    ZPV⽏