Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

Hidetaka Okamoto
PRO

August 23, 2017
Tweet

More Decks by Hidetaka Okamoto

Other Decks in Technology

Transcript

  1. 4USJQF8PP$PNNFSDFͰ
    ࢝ΊΔΦϯϥΠϯܾࡁೖ໳
    ϋϯζΦϯ
    [email protected],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