Stripe & WooCommerceで始めるオンライン決済入門ハンズオン #JP_Stripes

JP_Stripes in Kyoto vol.2 ハンズオン資料 #JP_Stripes

Transcript

1. 4USJQF8PP$PNNFSDFͰ
   ࢝ΊΔΦϯϥΠϯܾࡁೖ໳
   ϋϯζΦϯ
   +1@4USJQFTJO,ZPUPWPM
   

   View Slide

2. H i d e t a k a
   O k a m o t o
   • Digitalcube Co. Ltd.
   • AMIMOTO / Shifter
   • WordCamp Kyoto 2017
   

   View Slide

3. 4USJQF8PSE1SFTTͰ
   ίʔυΛॻ͔ͣʹΦϯϥΠϯܾࡁΛ
   ಋೖͰ͖Δ͜ͱΛମײ͢Δ
   ࠓ೔ͷΰʔϧ
   

   View Slide

4. 4USJQFΞΧ΢ϯτͷ࡞੒
   4USJQF"1*ͷઃఆ
   8PSE1SFTT8PP$PNNFSDFͷ४උ
   ঎඼Λొ࿥ͯ͠ΈΔ
   4USJQFܾࡁͷઃఆΛ͢Δ
   ςετϞʔυͰ঎඼Λߪೖͯ͠ΈΔ
   ࠓ೔ͷྲྀΕ
   

   View Slide

5. 4USJQFΞΧ΢ϯτͷ࡞੒
   4USJQF"1*ͷઃఆ
   8PSE1SFTT8PP$PNNFSDFͷ४උ
   ঎඼Λొ࿥ͯ͠ΈΔ
   4USJQFܾࡁͷઃఆΛ͢Δ
   ςετϞʔυͰ঎඼Λߪೖͯ͠ΈΔ
   ࠓ೔ͷྲྀΕ
   

   View Slide

6. IUUQTEBTICPBSETUSJQFDPNSFHJTUFS
   ɾϝʔϧΞυϨε
   ɾύεϫʔυ
   ͷΈೖྗ͢Ε͹0,
   ΞΧ΢ϯτͷ࡞੒
   

   View Slide

7. IUUQTEBTICPBSETUSJQFDPNSFHJTUFS
   ɾϝʔϧΞυϨε
   ɾύεϫʔυ
   Λೖྗͯ͠ΞΧ΢ϯτΛ࡞੒͢Δ
   <8PSL>4USJQFΞΧ΢ϯτͷ࡞੒
   

   View Slide

8. (PBMΞΧ΢ϯτ࡞੒௚ޙͷ༷ࢠ
   ࣌఺Ͱ͸ӳޠͰ͢ɻ
   

   View Slide

9. ຊ൪Քಇʹ͸ΞΧ΢ϯτͷ༗ޮԽ͕ඞཁ
   ೔ຊޠԽ͞ΕͯΔͷͰ҆৺
   

   View Slide

10. 4USJQFΞΧ΢ϯτͷ࡞੒
    4USJQF"1*ͷઃఆ
    8PSE1SFTT8PP$PNNFSDFͷ४උ
    ঎඼Λొ࿥ͯ͠ΈΔ
    4USJQFܾࡁͷઃఆΛ͢Δ
    ςετϞʔυͰ঎඼Λߪೖͯ͠ΈΔ
    ࠓ೔ͷྲྀΕ
    

    View Slide

11. 8PSE1SFTTͱ࿈ܞ͢ΔͨΊͷ"1*ΩʔΛऔಘ
    μογϡϘʔυࠨϝχϡʔͷʮ"1*ʯ͔Βऔಘ
    

    View Slide

12. <3FWFBMUFTULFZUPLFO>ΛΫϦοΫ͢Δ
    4FDSFU,FZ͸σϑΥϧτඇදࣔ
    

    View Slide

13. <(PBM>1VCMJTIBCMF,FZ4FDSFU,FZೖख
    4FDSFU,FZ͸σϑΥϧτඇදࣔ
    

    View Slide

14. 4USJQFΞΧ΢ϯτͷ࡞੒
    4USJQF"1*ͷઃఆ
    8PSE1SFTT8PP$PNNFSDFͷ४උ
    ঎඼Λొ࿥ͯ͠ΈΔ
    4USJQFܾࡁͷઃఆΛ͢Δ
    ςετϞʔυͰ঎඼Λߪೖͯ͠ΈΔ
    ࠓ೔ͷྲྀΕ
    

    View Slide

15. 8PSE1SFTTͷ
    ४උ
    

    View Slide

16. ϩάΠϯϖʔδ΁ͷΞΫηεํ๏
    h t t p : / / b i t . l y / 2 g 3 G d S 5
    

    View Slide

17. 8PSE1SFTTʹϩάΠϯ͢Δ
    ؅ཧͷ౎߹্ࠓճ͸ϚϧναΠτʹ͍ͯ͠·͢
    

    View Slide

18. ϓϥάΠϯͷ༗ޮԽ
    8PP$PNNFSDF8PP$PNNFSDFGPS+BQBOΛ༗ޮԽͤ͞Δ
    

    View Slide

19. (PBM<8PP$PNNFSDF΁Α͏ͦ͜>͕ͰΔ
    ʮઃఆ΢ΟβʔυΛ։࢝ʯΛԡ͢͜ͱͰηοτΞοϓ͕࢝·Γ·͢
    

    View Slide

20. 8PP$PNNFSDF
    ॳظઃఆ
    

    View Slide

21. <ઃఆ΢ΟβʔυΛ։࢝>ΛΫϦοΫ
    ʮઃఆ΢ΟβʔυΛ։࢝ʯΛԡ͢͜ͱͰηοτΞοϓ͕࢝·Γ·͢
    

    View Slide

22. ௨ൢαΠτ༻ͷϖʔδΛ࡞੒͢Δ
    ʮ࣍΁ʯΛΫϦοΫ
    

    View Slide

23. ॴࡏ஍΍௨՟Λઃఆ
    ʮ࣍΁ʯΛΫϦοΫ
    

    View Slide

24. ഑ૹͷͨΊͷ୯ҐΛઃఆ
    ʮ࣍΁ʯΛΫϦοΫ
    

    View Slide

25. ܾࡁํ๏͔Β4USJQFΛબ୒
    ʮ࣍΁ʯΛΫϦοΫ
    

    View Slide

26. (PBMηοτΞοϓ׬ྃ
    ʮ·ͣ͸঎඼Λొ࿥͠·͠ΐ͏ʯΛΫϦοΫͯ͠΢Οβʔυ͔Β཭୤
    

    View Slide

27. ςʔϚͷ༗ޮԽ
    4UPSFGSPOUΛ༗ޮԽͤ͞Δ
    

    View Slide

28. ηοτΞοϓ΢ΟβʔυΛ։࢝͢Δ
    ʮ͋͞ग़ൃʂʯΛԡ͢͜ͱͰηοτΞοϓ͕࢝·Γ·͢
    

    View Slide

29. νΣοΫϘοΫε͸̎ͭͱ΋Φϯʂ
    ʮ͋͞ग़ൃʂʯΛԡ͢͜ͱͰηοτΞοϓ͕࢝·Γ·͢
    

    View Slide

30. σϞίϯςϯπΛ
    ར༻͢Δ
    

    View Slide

31. ςʔϚΧελϚΠβʔ͕ىಈͨ͠ঢ়ଶ
    ϓϨϏϡʔ͠ͳ͕ΒදࣔΛΧελϚΠζͰ͖·͢
    

    View Slide

32. Կ΋ͤͣʹʮอଘͯ͠ެ։ʯΛΫϦοΫ
    ϓϨϏϡʔ͠ͳ͕ΒදࣔΛΧελϚΠζͰ͖·͢
    

    View Slide

33. σϞ༻ͷίϯςϯπ͕ࣗಈͰొ࿥͞ΕΔ
    8PSE1SFTTͷʮελʔλʔίϯςϯπʯػೳ
    

    View Slide

34. αϯϓϧ঎඼΋ෳ਺ొ࿥ࡁΈ
    ߏங΍ಈ࡞֬ೝɾσϞͰ࢖͏৔߹͸͜ΕͰେମࣄ଍Γ·͢
    

    View Slide

35. ՋʹͳͬͨλΠϛϯάͰΧελϚΠζ΋τϥΠ
    ίʔυΛॻ͔ͣͱ΋͍Ζ͍Ζ͓ళͷΧελϚΠζ͕Ͱ͖·͢
    

    View Slide

36. 4USJQFΞΧ΢ϯτͷ࡞੒
    4USJQF"1*ͷઃఆ
    8PSE1SFTT8PP$PNNFSDFͷ४උ
    ঎඼Λొ࿥ͯ͠ΈΔ
    4USJQFܾࡁͷઃఆΛ͢Δ
    ςετϞʔυͰ঎඼Λߪೖͯ͠ΈΔ
    ࠓ೔ͷྲྀΕ
    

    View Slide

37. ࣗ෼Ͱొ࿥͢Δ
    

    View Slide

38. ঎඼λϒΛ։͘
    ঎඼໊ɾৄࡉͳͲ͕ઃఆͰ͖Δ
    

    View Slide

39. Ձ֨΍όϦΤʔγϣϯΛઃఆ͢Δ
    ηʔϧظؒ΍ΞϑΟϦΤΠτ঎඼ͷઃఆͳͲ΋Մೳ
    

    View Slide

40. λά΍ը૾ɾαϜωΠϧΛొ࿥͢Δ
    ͦͷ΄͔ʹ΋༷ʑͳઃఆ߲໨͕͋Γ·͢ͷͰɺͥͻࢼͯ͠Έ͍ͯͩ͘͞
    

    View Slide

41. ঎඼Λެ։͢Δ
    ެ։೔΍ެ։ঢ়ଶɾܝࡌϖʔδͷઃఆ͕Ͱ͖·͢
    

    View Slide

42. (PBM঎඼Ϧετʹ௥Ճͨ͠঎඼͕ͰΔ
    ৽نͷάϧʔϓʹग़ͯ͘Δ͸ͣͰ͢
    

    View Slide

43. 4USJQFΞΧ΢ϯτͷ࡞੒
    4USJQF"1*ͷઃఆ
    8PSE1SFTT8PP$PNNFSDFͷ४උ
    ঎඼Λొ࿥ͯ͠ΈΔ
    4USJQFܾࡁͷઃఆΛ͢Δ
    ςετϞʔυͰ঎඼Λߪೖͯ͠ΈΔ
    ࠓ೔ͷྲྀΕ
    

    View Slide

44. 8PP$PNNFSDFઃఆߪೖखଓ͖4USJQF
    ܾࡁपΓͷઃఆ͕Ͱ͖Δϖʔδ
    

    View Slide

45. 5FTU1VCMJTIBCMF,FZ4FDSFU,FZΛೖྗ
    ઃఆը໘ਅΜதͷํ
    

    View Slide

46. ೔ຊޠͩͱʮςετ༻ʙʯ
    ాத͞Μଈ࣌൓ө͋Γ͕ͱ͏͍͟͝·͢ʂ
    

    View Slide

47. ೖྗ͢Δσʔλ͸4USJQF؅ཧը໘ͷ͜Ε
    4FDSFU,FZ͸σϑΥϧτඇදࣔ
    

    View Slide

48. 4USJQFΞΧ΢ϯτͷ࡞੒
    4USJQF"1*ͷઃఆ
    8PSE1SFTT8PP$PNNFSDFͷ४උ
    ঎඼Λొ࿥ͯ͠ΈΔ
    4USJQFܾࡁͷઃఆΛ͢Δ
    ςετϞʔυͰ঎඼Λߪೖͯ͠ΈΔ
    ࠓ೔ͷྲྀΕ
    

    View Slide

49. αΠτʹΞΫηε
    ্෦ϝχϡʔ͔Βʮళฮ΁ҠಈʯΛΫϦοΫ
    

    View Slide

50. ঎඼Λ̎ʙ̏఺ΧʔτʹೖΕΔ
    σϞαΠτ͸ԁҎ্ΧʔτʹೖΕͳ͍ͱߪೖͰ͖ͳ͍࢓༷ʹͳ͍ͬͯΔͷͰཁ஫ҙ
    

    View Slide

51. Χʔτϖʔδʹ঎඼͕ೖ͍ͬͯΔ͜ͱΛ֬ೝ
    ݸ਺ͷมߋ΍࡟আ΋Ͱ͖·͢
    

    View Slide

52. ߪೖϖʔδͰ৘ใೖྗ
    ςεταΠτͰ͢ͷͰɺμϛʔͷॅॴࢯ໊Λ͔͍ͭ·͠ΐ͏
    

    View Slide

53. ܾࡁํ๏Ͱ4USJQFΛબ୒
    ରԠΧʔυ΋ࣗಈදࣔ
    

    View Slide

54. ʮςετϞʔυͩʯͱ͍͏஫ҙॻ͖͕ͰΔ
    ຊ൪Ϟʔυʹ͢Δͱফ͑·͢
    

    View Slide

55. ຊ൪ར༻Ͱ͸44-ڧ੍ʹ͢Δඞཁ͕͋Δ
    ϋϯζΦϯσϞͳͷͰɺࠓճ͸লུ͠·͢
    

    View Slide

56. ςετ༻ͷΧʔυ൪߸ΛೖΕ·͠ΐ͏
    ༗ޮظݶͱηΩϡϦςΟʔίʔυ͸ͳΜͰ΋0,Ͱ͢
    

    View Slide

57. (PBMߪೖ׬ྃ
    ೖྗͨ͠ϝʔϧΞυϨεʹ֬ೝϝʔϧ͕ඈͼ·͢
    

    View Slide

58. 8PP$PNNFSDFड஫
    ड஫σʔλ͕֬ೝՄೳ
    

    View Slide

59. 4USJQF؅ཧը໘1BZNFOUT
    ઌ΄ͲͷΧʔυ৘ใͰܾࡁ͕࣮ߦ͞Ε͍ͯΔ͜ͱ͕֬ೝͰ͖Δ
    

    View Slide

60. ܾࡁৄࡉ΋֬ೝՄೳ
    ϦεΫνΣοΫͳͲ΋࣮ߦ͞Ε͍ͯΔ͜ͱ͕֬ೝͰ͖Δ
    

    View Slide

61. 4USJQFͱ8PSE1SFTTΛ૊Έ߹ΘͤΔ͜ͱͰɺ
    ίʔυΛॻ͘ྔΛ࠷খݶʹͭͭ͠
    ΦϯϥΠϯܾࡁΛಋೖ͢Δ͜ͱ͕Ͱ͖Δɻ
    ·ͱΊ
    

    View Slide

62. w 8PSE1SFTT͸ϓϥάΠϯΧελϚΠζ͕લఏ
    w ఆظ՝ۚ͸ϓϥάΠϯΛೖΕ·͠ΐ͏
    w 1)1ॻ͚ΔͳΒ4USJQF༻ʹࣗྗ࣮૷΋͋Γ͔΋
    w 81͸ϑοΫͰͷׂΓࠐΈ͕ࣗ༝
    ิ଍
    https://docs.woocommerce.com/document/
    introduction-to-hooks-actions-and-filters/
    

    View Slide