WP REST APIとReact Nativeを使ってマガジンアプリを作る

Slide 1

Slide 1 text

813&45"1*ͱ3FBDU/BUJWFΛ ࢖ͬͯϚΨδϯΞϓϦΛ࡞Δ 8PSE#FODIେࡕژ౎௕໺

Slide 2

Slide 2 text

ࣗݾ঺հ ϛεϛɹλΫϚ 5XJUUFS!NJTVNJ@UBLVNB (JU)VC!NJTNJUI CMPHIUUQTCMPHNJTNJUIQPSUGPMJPDPN *OTUBHSBN!NJTNJUI

Slide 3

Slide 3 text

ΧϯύΠຊொ΍ͬͯ·͢ IUUQTLOQIPONBDIJOFU 5XJUUFS!LBOQBJIPONBDIJ

Slide 4

Slide 4 text

ࠓ೔ͷ࿩ w 3FBDU/BUJWF w 3FBDU/BUJWFΛָ͠Ήίπ w φϏήʔγϣϯ w /BUJWF#BTFͰݟͨ໨Λ࡞Ζ͏ w 813&45"1*ͱ૊Έ߹ΘͤΔͱ໘ന͍͔΋ ΄ͱΜͲ݄ͷ3FBDU,ZPUPͰ஻ͬͨ಺༰Ͱ͢ ʢࢀՃͯͨ͠ਓ͍ͨΒ͍͢·ͤΜʜʣ

Slide 5

Slide 5 text

3FBDU/BUJWF

Slide 6

Slide 6 text

3FBDU/BUJWF w 3FBDUKTͰΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖Δ w ͭͷίʔυͰJ04ͱ"OESPJEͰಈ͘ʢجຊతʹ͸ w $44Ͱݟͨ໨Λ࡞ΔɻqFYCPY࢖͏ w ࠾༻ࣄྫ͸'BDFCPPLɺ*OTUBHSBNɺ"JSCOCɺ4LZQFͳͲ  IUUQTGBDFCPPLHJUIVCJPSFBDUOBUJWFTIPXDBTFIUNM

Slide 7

Slide 7 text

3FBDU/BUJWFΛָ͠Ήίπ

Slide 8

Slide 8 text

3FBDU/BUJWFΛָ͠Ήίπ w ΞϓϦ࡞ͬͨ͜ͱ͕ͳ͍ͱԿ͔ΒखΛ͚͍͍͔ͭͯ෼͔ Βͳ͍ w ΞΠσΟΞ΋ු͔͹ͳ͍͠ʜ w ͱΓ͋͑ͣɺͳΜ͔αϯϓϧίʔυ໛ࣸͬͯΈΔʜʁ

Slide 9

Slide 9 text

3FBDU/BUJWFΛָ͠Ήίπ w ΞϓϦ࡞ͬͨ͜ͱ͕ͳ͍ͱԿ͔ΒखΛ͚͍͍͔ͭͯ෼͔ Βͳ͍ w ΞΠσΟΞ΋ු͔͹ͳ͍͠ʜ w ͱΓ͋͑ͣɺͳΜ͔αϯϓϧίʔυ໛ࣸͬͯΈΔʜʁ ͍΍ɺ·ͣ͸ܗ͔ΒೖͬͯΈΑ͏ʂʂ

Slide 10

Slide 10 text

3FBDU/BUJWFΛָ͠Ήίπ ܗ͔ΒೖͬͯΈΔʜʁ w Α͘ΞϓϦͰ࢖ΘΕͯΔ6*΍ಈ͖ΛਅࣅͯΈΔ w ϞοΫ͚ͩ࡞ΔΠϝʔδ w υϩϫʔϝχϡʔ΍λϒɺεϫΠϓૢ࡞ͳͲ w ػೳ͸ޙճ͠ʢࢥ͍͔ͭͳ͚Ε͹

Slide 11

Slide 11 text

3FBDU/BUJWFΛָ͠Ήίπ w 3FBDU/BUJWFͷ৔߹ϥΠϒϥϦΛ૊Έ߹ ΘͤΕ͹ɺϝχϡʔ΍6*͸؆୯ʹ࣮૷Ͱ ͖Δ w ޙͰ঺հ͠·͕͢ɺϥΠϒϥϦ͚ͭͩ Ͱେ࿮͸࢖͍ͬͯΔ w Լ෦ͷλϒϝχϡʔ w ্෦ͷλϒ͸λοϓͰ΋εϫΠϓͰ΋੾ ΓସΘΔ w ϦετΛΫϦοΫ͢Δͱɺݸผϖʔδ΁ w σϞ͸ޙ΄Ͳ

Slide 12

Slide 12 text

3FBDU/BUJWFΛָ͠Ήίπ w ͜ͷശ͑͞࡞ΕΕ͹ɺ͋ͱ͸ػೳΛ৐ͤ Δ͚ͩ w 5PEPαϯϓϧ΍Կ͔ͷϦʔμʔΞϓϦΛ ೖΕͯΈͯ΋ɺಈ͖͕͋ΔͷͰΞϓϦײ ͕ग़ͯɺ͓΋͠ΖΈ͕૿͢ w ಛʹΞΠσΟΞ΋ͳ͍ͳΒɺܗ͔ΒೖΔ ͷ΋ख w Կ΋ͳ͍ঢ়ଶΑΓɺܗ͚ͩͰ΋࡞ΔͱΞ ΠσΟΞු͔ͼ΍͘͢ͳΔ͔΋ʁ w ͍͟ΞΠσΟΞු͔Μͩ࣌ʹεϜʔζ

Slide 13

Slide 13 text

3FBDU/BUJWFΛָ͠Ήίπ w ඞཁͳͷ͸ΞϓϦʹ΄΅ؒҧ͍ͳ͋͘Δ φϏήʔγϣϯ w ͱɺΑ͋͘ΔσβΠϯ΍ಈ͖

Slide 14

Slide 14 text

φϏήʔγϣϯ

Slide 15

Slide 15 text

φϏήʔγϣϯ ΞϓϦͷφϏήʔγϣϯ͍Ζ͍Ζ 4UBDL ্ʹॏͳ͍ͬͯ͘ %SBXFS ࠨӈ͔Βग़ͯ͘Δ 5BC Α͘Լ෦ʹ͋Δ΍ͭ εϫΠϓͰ੾Γସ͑ΒΕΔ λϒ΋

Slide 16

Slide 16 text

φϏήʔγϣϯ ϥΠϒϥϦ໊ΧΦε w 3FBDU/BWJHBUJPO w 3FBDU3PVUFS/BUJWF w /BUJWF/BWJHBUJPOʢ"JSCOC੡ʣ w 3FBDU/BUJWF3PVUFS'MVY w 3FBDU/BUJWF/BWJHBUJPOʢ8JY੡ʣ ͍Ζ͍Ζ͋ΔͷͰ͓ࢼ͋͠Ε

Slide 17

Slide 17 text

φϏήʔγϣϯ ྑͦ͞͏ͩͬͨ΍ͭ w 3FBDU/BWJHBUJPOͱ3FBDU/BUJWF3PVUFS'MVY w ͲͪΒ΋ൺֱతಋೖ͕؆୯ w Α͋͘ΔφϏήʔγϣϯ͸༻ҙͯ͘͠ΕͯΔ w υΩϡϝϯτ΍αϯϓϧίʔυΛݟΕ͹͍͚Δ ࠓճ͸3FBDU/BWJHBUJPO࢖ͬͯ·͢

Slide 18

Slide 18 text

3FBDU/BUJWFΛָ͠Ήίπ w ඞཁͳͷ͸ΞϓϦʹ΄΅ؒҧ͍ͳ͋͘Δ φϏήʔγϣϯ w ͱɺΑ͋͘ΔσβΠϯ΍ಈ͖

Slide 19

Slide 19 text

/BUJWF#BTFͰݟͨ໨Λ࡞Δ

Slide 20

Slide 20 text

/BUJWF#BTFͰݟͨ໨Λ࡞Δ w 3FBDU/BUJWF༻ͷ6*ίϯϙʔωϯτू w 3FBDU/BUJWF͸$44࢖͑Δ͚ͲɺҰ͔ΒΞϓϦͬΆ͍ݟ ͨ໨ͷ$44ॻ͘ͷେม w J04΋"OESPJE΋͜ΕҰͭͰ0, w ଞʹ΋ࣅͨΑ͏ͳͷ͚͋ͬͨͲɺTUBSͷ਺Ͱ͜ΕΛ࢖ͬ ͍ͯ·͢

Slide 21

Slide 21 text

/BUJWF#BTFͰݟͨ໨Λ࡞Δ ͸͡Ίํ OQNJOTUBMMOBUJWFCBTFTBWF SFBDUOBUJWFMJOL Πϯετʔϧ ωΠςΟϒͱͷґଘؔ܎ΛϦϯΫ

Slide 22

Slide 22 text

/BUJWF#BTFͰݟͨ໨Λ࡞Δ ࢖͍ํ JNQPSU\)FBEFS $POUBJOFS^GSPNbOBUJWFCBTF dলུd SFOEFS \ SFUVSO $POUBJOFS )FBEFS )FBEFS $POUBJOFS ^ dলུd

Slide 23

Slide 23 text

/BUJWF#BTFͰݟͨ໨Λ࡞Δ Α͋͘ΔϦετ΋ dলུd -JTU -JTU*UFNJUFN%JWJEFS 5IVNCOBJMTRVBSFTJ[F\^ TPVSDF\SFRVJSF ը૾ύε ^ #PEZ 5FYUԘλϯম͖5FYU #PEZ 3JHIU *DPOOBNFBSSPXGPSXBSE 3JHIU -JTU*UFN -JTU

Slide 24

Slide 24 text

/BUJWF#BTFͰݟͨ໨Λ࡞Δ ଞʹ΋͍Ζ͍Ζ w Ϙλϯ w ϑΥʔϜؔ࿈ w ΧʔυϨΠΞ΢τ w λϒ w εϐφʔ w %FDL4XJQFS

Slide 25

Slide 25 text

ϞοΫ׬੒ w 3FBDU/BWJHBUJPOͱ/BUJWF#BTFΛ૊Έ ߹ΘͤΔͱ͖ͬ͞ͷϞοΫ͕Ͱ͖͕͋ͬ ͨ w ͜͜·ͰͰ͖Ε͹͋ͱ͸ػೳΛͷ͚ͬ Ε͹ɺΞϓϦ׬੒ w ָ͍͠

Slide 26

Slide 26 text

813&45"1*Λ૊Έ߹ΘͤΔ

Slide 27

Slide 27 text

813&45"1*Λ૊Έ߹ΘͤΔ w ͓·ͨͤ͠·ͨ͠813&45"1*Ͱ͢ w ࠓճ͸هࣄͷσʔλΛऔಘͯ͠ɺ͖ͬ͞ͷϞοΫʹ৐ͬ ͚·͢ w ࣗ෼ͷϒϩάΛϚΨδϯΞϓϦʹ w ʢଞʹ΋௥ՃͰϥΠϒϥϦ࢖ͬͯ·͢ʣ

Slide 28

Slide 28 text

%&.0

Slide 29

Slide 29 text

813&45"1*Λ૊Έ߹ΘͤΔ w هࣄҰཡϖʔδ͸ɺ͢΂ͯͷهࣄͱΧ ςΰϦผͷϦετ͕λϒͰ෼͔ΕͯΔ w هࣄΛΫϦοΫ͢Δͱɺݸผͷهࣄϖʔ δ΁ભҠ

Slide 30

Slide 30 text

813&45"1*Λ૊Έ߹ΘͤΔ w ͢΂ͯͷهࣄɺΧςΰϦͷ੾Γସ͑͸ɺ λϒΛλοϓ͢Δ͔ɺهࣄͷΤϦΞΛ εϫΠϓૢ࡞Ͱ w 4NBSU/FXT΍(VOPTZΈ͍ͨʹλϒͷ ෦෼͸ԣεΫϩʔϧͰ͖ΔͷͰɺΧς ΰϦ͕૿͑ͯ΋େৎ෉

Slide 31

Slide 31 text

813&45"1*Λ૊Έ߹ΘͤΔ w ݕࡧϖʔδ͸ɺϫʔυݕࡧͱλάݕࡧ ʢ͜͜͸$PEF(SJEΞϓϦͬΆ͘ʣ w ݕࡧ͸813&45"1*Λ࢖ͬͯΔ w ݕࡧ͢ΔͱݕࡧϫʔυʹҾ͔͔ͬͬͨ هࣄҰཡɻλάΛλοϓ͢ΔͱλάҰ ཡ΁

Slide 32

Slide 32 text

813&45"1*Λ૊Έ߹ΘͤΔ w ࠷ॳ͸ͦΕͧΕ݅දࣔ w Լ·Ͱ౸ୡ͢Δͱ௥ՃͰ݅ͣͭಡΈ ࠐΈʢແݶεΫϩʔϧʣ

Slide 33

Slide 33 text

813&45"1*Λ૊Έ߹ΘͤΔ w هࣄϖʔδͷελΠϧ·ͩ·ͩͰ͢ ͕ʜ w αϜωΠϧͱλΠτϧΛॏͶΔࠓ෩ͳ ײ͡ w ԼʹҾͬுΔͱഎܠͷαϜωΠϧ͕͏ ʹΐͬͱ֦େ͢ΔΞϓϦͬΆ͍ײ͡ʹ ʢ5XJUUFSΞϓϦͷϓϩϑΟʔϧഎܠΈ ͍ͨͳͷʣ w ͜͏͍͏ͪΐͬͱͨ͠ಈ͖޷͖Ͱ͢

Slide 34

Slide 34 text

813&45"1*Λ૊Έ߹ΘͤΔ w ͜Μͳײ͡Ͱ3FBDU/BUJWFͱ813&45"1*Λ૊Έ߹Θͤ Ε͹ΞϓϦ͕Ͱ͖ͪΌ͍·͢ w ࡉ͔͍ͱ͜͸·ͩͰ͖ͯͳ͍͚Ͳ w ׬੒ͨ͠Βਃ੥ͯ͠Έ·͢ʂʢճ໨

Slide 35

Slide 35 text

·ͱΊ

Slide 36

Slide 36 text

·ͱΊ w 3FBDU/BUJWFָ͍͠Αʂ w ΞΠσΟΞ͸ͳ͍͚ͲษڧͷͨΊʹ৮ͬͯΈ͍ͨͱ͍͏ ਓ͸ɺݟͨ໨΍ಈ͖ʢϞοΫʣ͚ͩ௅ઓͯ͠ΈΔͱΞϓ ϦײͰָ͍͔ͯ͠΋Ͷʂ w ϞοΫ͑͞࡞ΕΕ͹ɺ͋ͱ͸ΞΠσΟΞ͕߱Γ͖ͯͨͱ ͖ʹɺػೳΛ௥Ճ͢Ε͹0,