WP REST APIとReactで作るSPA

by Kazuma Nishihata

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

813&45"1*

Slide 6

Slide 6 text

WordPressͷ౤ߘ಺༰ͳͲΛAPIͱͯ͠ग़ྗͯ͘͠ΕΔػೳ

Slide 7

Slide 7 text

IUUQTXXXUPSOFUXQKTPOQPTUT pMUFS'OFXTXPSEDBNQUPLZP'

Slide 8

Slide 8 text

୭ಘ

Slide 9

Slide 9 text

ϚϧνϓϥοτϑΥʔϜରԠ ίϯςϯπ 8FCαΠτ J04ΞϓϦ "OESPJE  ΞϓϦ .BDΞϓϦ 8JOEPXT ΞϓϦ

Slide 10

Slide 10 text

ϚϧνϓϥοτϑΥʔϜରԠ ίϯςϯπ 8FCαΠτ J04ΞϓϦ "OESPJE  ΞϓϦ .BDΞϓϦ 8JOEPXT ΞϓϦ 8FCαΠτΛύϒϦογϡ͢Δ͚ͩͩͬͨ8PSE1SFTT͕ "1*ͱ͍͏ڞ௨ϓϩτίϧΛಘͯ ༷ʑͳϓϥοτϑΥʔϜʹରԠͰ͖ΔΑ͏ʹͳͬͨ

Slide 11

Slide 11 text

"1*ܦ༝ͰαΠτΛ࡞ΔͷϝϦοτ 8PSE1SFTT͕෼͔Βͳͯ͘΋ αΠτ͕Ͱ͖Δ

Slide 12

Slide 12 text

41"Λ࡞ΕΔ ϑϩϯτΤϯυΤϯδχΞ͕͍Ε͹ 8FCαΠτ͕Ͱ͖Δ

Slide 13

Slide 13 text

3FBDUͱ͔"OHVMBSͱ͔ ͕Ͱ͖Ε͹ʜ

Slide 14

Slide 14 text

K2VFSZ͡ΌͩΊͳΜʁ

Slide 15

Slide 15 text

K2VFSZ͸ঢ়ଶ؅ཧͷػೳ͕ͳ͍ͷͰ ෳࡶͳ৘ใ΍ঢ়ଶΛ؅ཧ͠ͳͯ͘͸͍͚ͳ͍ 41"ͳͲͰ͸ෆ޲͖ ͤΊͯ#BDLCPOFKTͳͲͷ .7ϑϨʔϜϫʔΫΛಋೖ͠·͠ΐ͏

Slide 16

Slide 16 text

ͳΜͰ 3FBDU͕ྲྀߦͬͯΔͷʁ K2VFSZ͕%JTΒΕͯΔͷʁ

Slide 17

Slide 17 text

3FBDUͰ͸7JSUVBM%0.ͱ Α͹ΕΔঢ়ଶ؅ཧ༻ͷߏ଄ମ͕͋Γ )5.-΁ͷมߋΛ࠷খݶʹ཈͑Δ ࢓૊Έ͕͋Δ

Slide 18

Slide 18 text

7JSUVBM%0. ঢ়ଶ (State) Virtual  DOM HTML

Slide 19

Slide 19 text

)5.-ʹมߋΛՃ͑Δ K2VFSZͱ૬ੑ͕ѱ͍

Slide 20

Slide 20 text

7JSUVBM%0. ঢ়ଶ (State) Virtual  DOM HTML K2VFSZ

Slide 21

Slide 21 text

7JSUVBM%0. w 3FBDU w "OHVMBS w 7VFKT w 3JPUKT

Slide 22

Slide 22 text

813&45"1*͕ྲྀߦΔ

Slide 23

Slide 23 text

41"͕ 4&0తʹ·ͩඍົ

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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