WP REST APIとReactで作るSPA

WP REST APIとReactで作るSPA

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

035e26d167208e8645a70f7b76b70781?s=128

Kazuma Nishihata

September 18, 2016
Tweet

Transcript

  1. 813&45"1*ͱ3FBDUͰ࡞Δ41" ੢ാҰഅ to-R

  2. גࣜձࣾτΡʔΞʔϧ ୅දऔక໾ϑϩϯτΤϯυΤϯδχΞ ੢ാҰഅ

  3. ϑϩϯτΤϯυʹಛԽͨ͠8FC੍࡞ձࣾ w )5.-$44 w K2VFSZ+BWB4DSJQU w 3FBDU7VF"OHVMBS+4 w 8PSE1SFTT.PWBCMF5ZQF to-R

  4. XXXUPSOFUͰར༻͍ͯ͠Δٕज़ w 8PSE1SFTT813&45"1* w 3FBDU3FBDU3PVUFS w 3FEVYSFEVYTBHB to-R

  5. 813&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. 813&45"1*͕ྲྀߦΔ

  23. 41"͕ 4&0తʹ·ͩඍົ

  24. ௒ઈॏ͍ ΩϟογϡϓϥάΠϯ౳΋͋Δ͕͋·Γվળ͞Εͳ͍

  25. "1*ͷ஋͕গ͠ѻ͍ʹ͍͘ wΧςΰϦʔ৘ใ໊͕લ΍TMVH͡Όͳͯ͘JE wϖʔδ৘ใ͕Ϩεϙϯεϔομʔʹ֨ೲ

  26. ෳࡶͳΞϓϦΛ࡞Δͷʹ͸ඍົ

  27. ·ͩ·ͩ։ൃ్தͷػೳ ࠓޙͷ813&45"1*ʹظ଴

  28. 5IBOLZPV⽏