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

サイトに決済機能を導入してクリエイティブの金脈を掘り起こそう!

Avatar for crebow crebow
March 21, 2019

 サイトに決済機能を導入してクリエイティブの金脈を掘り起こそう!

2019年3月21日に開催された「JP_Stripes Connect 2019」のセッションスライド
--------
昨年、WordPressで使える決済プラグインを作成しました。
それがキッカケで、技術的な部分だけでなく、様々な経験を得ることができました。制作過程や導入に関する問題、制作業務への向き合い方などなど、
失敗した事も含め、皆さんと情報共有できればと思います。

Avatar for crebow

crebow

March 21, 2019
Tweet

More Decks by crebow

Other Decks in Programming

Transcript

  1. &

  2. & ݄຤੥ٻ ݄ ֬ೝͷ࿈བྷฦ౴ͳ͠ ݄ ݄ ݄ ݄ ݄ ݄

    ݄ ݄ ݄຤೔ ϓϩδΣΫτऴྃ ෦ॺҟಈˠୀ৬ Լ੥͚ ݩ੥͚ ೲ඼೔ ݄೔ ະ෷͍ൃੜ ௚઀ܦཧ෦΁໰͍߹Θͤ ੥ٻॻ͕௨͍ͬͯͳ͍ࣄ͕ൃ֮ ࢧ෷͍࣌ظͷަব ࢧ෷͍ ࠶੥ٻ 担当者人事異動の怪 第一話 ೖۚԆظͰࢿۚ܁Γ͕ݫ͘͠ͳΔ
  3. & ֶश͕ൺֱత༰қ ॻ੶ɾϋ΢πʔͳͲ͕ॆ࣮͍ͯ͠Δ ίϛϡχςΟ͕ॆ࣮͍ͯ͠Δ ਓͷަྲྀɾ৘ใڞ༗͕Ͱ͖Δ 8PSE$BNQ8PSE1SFTT.FFUVQ 8PSE4MBDL ˕ֶश͕༰қ 8PSE1SFTT$PEFY ॻ੶ɾϫʔΫγϣοϓͳͲ

    ˕ίϛϡχςΟ +1@4USJQFT'BDFCPPL+1@4USJQFT ˕ֶश͕༰қ %PDVNFOUBUJPO "1*3FGFSFODFͳͲ࡞ྫ͕ॆ࣮ ˕ίϛϡχςΟ ͱ͍͏͜ͱͰ࡞ͬͯΈΔ͜ͱʹ͠·ͨ͠ɻ ϓϩάϥϜͷબఆج४ ੍࡞ελʔτʂɾɾɾͱͦͷલʹ
  4. & Θ͟Θ͟࡞Βͳͯ͘΋ྑ͍Μ͡Όͳ͍ʁ 8PSE1SFTTͳΒɺ ٙ໰ ͪ ΐ ͜ ͬ ͱ ༨

    ஊ ࿩ 814JNQMF1BZ 4USJQF1BZNFOUT גࣜձࣾδʔςΟʔΞΠ IUUQTXQTJNQMFQBZDPN IUUQTTUSJQFQMVHJOTDPN IUUQTHUJDPKQ ଞͷϓϥάΠϯ͸ʁ
  5. & Θ͟Θ͟࡞Βͳͯ͘΋ྑ͍Μ͡Όͳ͍ʁ 8PSE1SFTTͳΒɺ ٙ໰ ͪ ΐ ͜ ͬ ͱ ༨

    ஊ ࿩ ίϯτϩʔϧύωϧ͕ӳޠɺղઆ΋ӳޠʜʜʜʜಡΊͳ͍ ଟ௨՟͸ྑ͍͚Ͳ୯Ґ͕͓͔͍͠ʢখ਺఺བྷΈͷ௨՟ʣ Ұ௨Γػೳ͸ἧͬͯΔ͚ͲͳΜ͔ͩɺͱ͖ͬͭʹ͍͘ ͲͷΈͪΧελϚΠζ͢Δʹ͸ϓϥάΠϯߏ଄Λཧղ͠ͳ͍ͱ͍͚ͳ͍ ϓϥάΠϯΛࣗ࡞͠Α͏ʂ
  6. & Θ͟Θ͟࡞Βͳͯ͘΋ྑ͍Μ͡Όͳ͍ʁ 8PSE1SFTTͳΒɺ ٙ໰ ͪ ΐ ͜ ͬ ͱ ༨

    ஊ ࿩ ͔ͤͬͭ͘͘ΔͳΒʜ αΫοͱ࢖͑Δ ϓϥάΠϯʹ͠Α͏ $SFCPX4USJQF+11BZNFOU IUUQTDSFCPXJOGP IUUQTHJUIVCDPNDSFCPX ೥݄೔׬੒ʂ
  7. & Θ͟Θ͟࡞Βͳͯ͘΋ྑ͍Μ͡Όͳ͍ʁ 8PSE1SFTTͳΒɺ ٙ໰ ͪ ΐ ͜ ͬ ͱ ༨

    ஊ ࿩ [crwsjp_checkout id="ɾɾɾ"] ༗ྉίϯςϯπ഑৴ ࡏݿ؅ཧ ঎඼ͷొ࿥ 8FCIPPL 8FCIPPL 8FCIPPL Ϙλϯͷൃߦ (1-.*5ϥΠηϯε ߪೖऀ؅ཧ Crebow Stripe JP Payment ͷجຊػೳ
  8. & Θ͟Θ͟࡞Βͳͯ͘΋ྑ͍Μ͡Όͳ͍ʁ 8PSE1SFTTͳΒɺ ٙ໰ ͪ ΐ ͜ ͬ ͱ ༨

    ஊ ࿩ $43'ରࡦʢηΩϡϦςΟରࡦʣ HFUIPTUCZOBNF IPHFIPHF  HFUIPTUCZBEES @4&37&3<3&.05&@"%%3>  XFCIPPL௨஌͕ग़ΔՄೳੑͷ͋Δ*1ΞυϨε IUUQTTUSJQFDPNEPDTJQT ˔*1ΞυϨεΛর߹͢Δ ˔XFCIPPLͷΞυϨεΛ൑Γʹ͍͘ΞυϨεʹ͢Δ BENJOBKBYQIQ BDUJPOʮϓϥάΠϯͰڞ௨Խͤ͞ͳ͍ʯ ˔র߹ॲཧΩʔͷൃߦ XFCIPPLΛ༗ޮԽͨ͠ࡍʹɺࣗಈతʹൃߦ
  9. & Θ͟Θ͟࡞Βͳͯ͘΋ྑ͍Μ͡Όͳ͍ʁ 8PSE1SFTTͳΒɺ ٙ໰ ͪ ΐ ͜ ͬ ͱ ༨

    ஊ ࿩ ঎඼ͷొ࿥ γϣʔτίʔυΛ هࣄʹషΓ෇͚ <DSXTKQ@DIFDLPVUJE>  
  10. & औΓ͜΅͠ͷճऩ຺͕ۚͬ ͯ ηο γ ϣ ϯͷωλతʹη ί ͘ ͳ͍Ͱ͔͢

    ʁ ܾࡁػೳΛಋೖ͢Δͷ͸औΓ͜΅͠ͷճऩ͚͕ͩ໨తͳͷͰ͸͋Γ·ͤΜɻ ΫϦΤΠςΟϒͷ຺ۚΛ۷Γى͜͢ αΠτʹܾࡁػೳΛಋೖͯ͠
  11. & ࣗ਎ͰܾࡁػೳΛ࣋ͭ ΧʔυͰࢧ෷͍͕Ͱ͖Δਓ શһ͕͓٬͞Μ ஍Ҭɾ৔ॴ໰Θͣ ܾࡁ͕Մೳʹͳͬͨ Bloom Stripe Theme 4USJQFܾࡁઐ༻8PSE1SFTTςʔϚ

    ੥ٻॻɾྖऩॻɾಠࣗίϯςϯπͷ഑৴ ࣗ਎ͷೳྗΛ ޿͘ചΔ͜ͱ͕ՄೳʹͳΔ αΠτʹܾࡁػೳΛಋೖͯ͠ಘΒΕΔϝϦοτ
  12. & IUUQQCPPLMPHKQ ύϒʔిࢠॻ੶࡞੒ɾൢചϓϥοτϑΥʔϜ ख਺ྉɹൢചՁ֨ʹରͯ͠ˋ IUUQTLEQBNB[PODPKQKB@+1 ,JOEMFμΠϨΫτɾύϒϦογϯά ҹ੫཰͸࠷େͰ΋ IUUQTTUPSFTKQ 4503&4KQΦγϟϨͳωοτγϣοϓΛ࠷୹෼Ͱແྉ࡞੒ ܾࡁख਺ྉɹˋ

    IUUQTUIFCBTFJO #"4&ωοτγϣοϓΛແྉͰ؆୯ʹ࡞੒ #"4&͔ΜͨΜܾࡁख਺ྉɹ = IIUUQTHVNSPBEDPN (VNSPBEίϯςϯπΛൢചͰ͖ΔαʔϏε ख਺ྉɹˋ ηϯτ ϓϩϑΣογϣφϧػೳ݄υϧ IUUQTOPUFNV OPUF౤ߘ࡞඼ʹ஋ஈΛ͚ͭΒΕΔαʔϏε ϓϥοτϑΥʔϜར༻ྉ ച্ֹ͔ۚΒܾࡁख਺ྉΛҾֹ͍ͨͷ ظߪಡϚΨδϯɹ ܾࡁख਺ྉɹച্ֹۚͷച্ֹۚͷ ଞʹ΋ͨ͘͞ΜαʔϏε͕͋ΔΑ͏Ͱ͢ɻ ೳྗΛചΔͷͳΒ ΢ΣϒαʔϏεΛར༻͢Ε͹͍͍ͷͰ͸ʁ
  13. (PPHMF.BQ (PPHMFϚΠϏδωε 'BDFCPPL *OTUBHSBN & ࠷ۙͷࣄྫͰΈΔ΢ΣϒαΠτͷมԽʹ͍ͭͯ ͓ళͷϑΝϯΛ૿΍͢໾ׂ ޱίϛʹΑΔ֦ࢄΛظ଴ ΢ΣϒαΠτ ৘ใΛ੔ཧͯ͠·ͱΊΔ

    ళฮͷଘࡏূ໌ দࢁಓޙɾඈௗ೫౬ઘ੢ྡΓʛ#BS546#",* ݕࡧ ࣗ਎ͷ΢ΣϒαΠτΛ ίϯςϯπʹ͢ΔՁ஋͕ͳ͘ͳΔ એ఻ͷͨΊͷϒϩά΍ Φ΢ϯυϝσΠΞ͸ඞཁͳ͍ ϖʔδ͋Ε͹͍͍ ෳ਺ϖʔδ͸ඞཁͳ͍
  14. & ೿ੜ5IFNFͰརӹΛ্͛Δ͜ͱ͕ز෼Մೳʹͳ͖͍ͬͯͯΔ ͜ͷϓϥάϯࣗମ͸རӹ͕ͳ͍ ݱঢ় ೿ੜ5IFNF ೿ੜ5IFNF ೿ੜ5IFNF ೿ੜ5IFNF ΦʔϓϯιʔεͰ(JU)VCͰެ։͍ͯ͠·͕͢ ΠϚΠνɺօ͞ΜΛר͖ࠐΉํ๏͕Θ͔Γ·ͤΜɻ

    ͓ͦΒ͘ࠓճͷ8PSE1SFTTͷςʔϚ։ൃͷΑ͏ʹ ίΞ෦෼ͱͯ͠࢖༻͢Δέʔε͕ଟ͘ͳΔΑ͏ʹࢥ͍·͢ɻ 8PSE1SFTTͷ૊ΈࠐΈָ͕ʹͳΕ͹ͱࢥ͏ͷͰ͕͢ɺ ࢲҰਓ͕࡞͍ͬͯΔͨΊ։ൃ͕ڇาʹͳΓ͕ͪͰ͢ɻ ͜ͷ8PSE1SFTTͷςʔϚ։ൃͷखॿ͚ʹͳΔ ϓϥάΠϯʹͳΔͱࢲ͸ࢥ͍ͬͯ·͢ɻ ڵຯͷ͋Δํ͸ ࠙਌ձͰ΋ϝʔϧͰ΋ߏ͍·ͤΜͷͰ ͓੠͕͚͍ͩ͘͞ʂ