Slide 1
Slide 1 text
4USJQFͱΞϓϦέʔγϣϯͷ
ؔΛՄࢹԽͯ͠Έͨ
+1@4USJQFTJOԬWPM
Slide 2
Slide 2 text
ࣗݾհ
• ݀Ҫ ྯ
• גࣜձࣾΠϊϕʔλʔɾδϟύϯ
• Twitter: @gorou_178
• PHPer/AWS/WordPress/Laravel
• JP_Stripes ԬӡӦϝϯόʔ
• ϥϯχϯά/ίʔώʔ/ϓϦϯ
• 2ࣇͷύύ
Slide 3
Slide 3 text
ͱ͋ΔΤϯδχΞͱ
4USJQFʹ͍ͭͯձ
Slide 4
Slide 4 text
ͱ͋ΔΤϯδχΞͱͷձ
w "͞ΜʮͲͷλΠϛϯάͰސ٬ͱఆظ՝ۚΛͭ͘ΕΑ͍ʁʯ
w Θͨ͠ʮొ࣌ʹαʔόଆͰΓ·͠ΐ͏ʂʯ
w "͞Μʮࢧ͍ྃɾߋ৽࣌ͷϝʔϧͲ͏ૹ͍ͬͯΔͷʁʯ
w Θͨ͠ʮ4USJQF͔Β࣮ૹΕΔΜͰ͢ʂʯ
Slide 5
Slide 5 text
4USJQFͷԿ͕Ͳ͜·Ͱ
Ͱ͖Δͷ͔Θ͔Γʹ͍͘ʁ
Slide 6
Slide 6 text
ຕͷਤͰՄࢹԽͰ͖Δͱ
ͱͯॿ͔ΔͷͰʁ
Slide 7
Slide 7 text
ՄࢹԽͯ͠Έͨ
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
ࡉ͔͘ݟ͍͖ͯ·͠ΐ͏
Slide 10
Slide 10 text
4USJQF1BZNFOUT
w ܾࡁશൠΛ୲͏
w ར༻ऀ͕ΞϓϦέʔγϣϯͷߪೖϖʔδʹ
ΞΫηε
w ΧʔυใΛೖྗͯ͠ߪೖͨ͠Γܖ͢Δ
ʢొܾࡁʣ
w طʹܖࡁΈͰΧʔυใͷߋ৽Λߦͬͨ
Γ͢Δʢใߋ৽ʣ
Slide 11
Slide 11 text
4USJQF1BZNFOUT
w $IFDLPVU&MFNFOU
w ΧʔυใΛೖྗ͢ΔϑΥʔϜΛఏڙ
w ΞϓϦέʔγϣϯଆͰΧʔυใΛऔΓѻ
ΘͣʹߏஙͰ͖Δ
Slide 12
Slide 12 text
4USJQF&MFNFOU
͜ΜͳϑΥʔϜ͕͋ͬͨ߹
ΫϨδοτΧʔυ൪߸Λೖྗ͍ͯͩ͘͠͞
͓ࢧ͍
Slide 13
Slide 13 text
4USJQF&MFNFOU
)5.-ʹ&MFNFOUͷΧʔυ6*ΛϚϯτʢελΠϧௐՄೳʣ
Τϥʔ͕͋ͬͨ߹%0.ૢ࡞ͳͲͰදࣔ
const stripe = Stripe(‘publick_key’);
const elements = stripe.elements();
const card = elements.create('card', {style: {
// ͜͜ʹελΠϧΛࢦఆ
}});
card.mount('#card-element');
card.addEventListener('change', function(event) {
if (event.error) {
// ΧʔυೖྗͰΤϥʔ͕͋Εදࣔ
}
});
Slide 14
Slide 14 text
4USJQF&MFNFOU
Χʔυใ͔ΒτʔΫϯͷ࡞
const form = document.getElementById('payment-form');
form.addEventListener('submit', function(event) {
event.preventDefault();
stripe.createToken(card).then(function(result) {
if (result.error) {
// Τϥʔදࣔ.
console.log(result.error.message);
return;
}
// τʔΫϯΛऔಘ
console.log(result.token);
});
});
Slide 15
Slide 15 text
$VTUPNFS࡞
ΫϨδοτΧʔυܾࡁՄೳͳ
ސ٬ʢ$VTUPNFSʣ͕࡞͞ΕΔ
$customer = \Stripe\Customer::create([
'email' => '[email protected]',
'source' => 'card_token'
]);
Slide 16
Slide 16 text
4USJQF&MFNFOU
63-IUUQTRJJUBDPNZ@UPLVJUFNTFFGFEDCCGCDB
Slide 17
Slide 17 text
4USJQF3BEBS
w ෆਖ਼ݕͯ͘͠ΕΔ
w جຊతʹӡӦऀԿ͠ͳͯ͘ྑ͍
w 4USJQF͕͏·ͬͯ͘͘ΕΔ
w ϧʔϧͷՃʹ3BEBSGPS5FBNTʹΞο
ϓάϨʔυ͢Δඞཁ͋Γʢ༗ྉʣ
Slide 18
Slide 18 text
4USJQF#JMMJOH
w ϏδωεશൠΛཧ
w ϏδωεϞσϧઃܭ͕͜ͷ#JMMJOHͱ
΄΅ಉ͡ʹͳΔʢಉ͡ʹͨ͠΄͏͕ॊೈʹ
ରԠ͘͢͠ͳΔʣ
w ఆظ՝ۚैྔ՝ۚͷϧʔϧΛఆٛ
w ϧʔϧʹैͬͯ՝ۚɺٻɺྖऩͷཧ͕
Ͱ͖Δ
Slide 19
Slide 19 text
4USJQF#JMMJOH
w
w ఆֹ՝ۚैྔ՝ۚͷϧʔϧΛ࡞
w ͜Εʹैͬͯఆظ՝ۚʢ4VCTDSJQUJPOʣ
Λ࡞͠ސ٬ʢ$VTUPNFSʣʹඥ͚
ٻʢ*OWPJDFʣɻ
w ফඅ੫ɺ4VCTDSJQUJPO࡞࣌ʹ੫
ʢ5BY3BUFʣΛࢦఆɻ
Slide 20
Slide 20 text
Λ࡞
Slide 21
Slide 21 text
ϓϥϯΛ࡞ʢྉۚମܥఆֹ՝ۚʣ
Slide 22
Slide 22 text
ϓϥϯΛ࡞ʢྉۚମܥैྔ՝ۚʣ
Slide 23
Slide 23 text
4USJQF#JMMJOH
w *OWPJDF
w ٻྖऩͷཧ
w ٻͷिؒલʹٻ༧͞ΕΔ
w ٻ࣌ࠁͷ࣌ؒલʹٻԼॻ͖࡞
w ܾࡁ͕ྃ͢Δͱٻ͕֬ఆ
w ྖऩॻ͕࡞͞ΕΔ
Slide 24
Slide 24 text
4USJQF#JMMJOH
w *OWPJDF
w ٻॻΛϝʔϧͰૹΔ͜ͱ͕Մೳʢࢧ
ظݶઃఆՄೳʣ
w ͨͩ͠ɺࢧ͍ํ๏ຊͩͱΫϨδο
τΧʔυͷΈ
w ٻॻඇରԠ
Slide 25
Slide 25 text
*OWPJDFʢٻॻʣ
ٻϝʔϧʹهࡌ͞Ε͍ͯΔ
63-Λ։͘ͱ͜ͷΑ͏ͳࢧ͍ը໘͕දࣔ͞ΕΔ
Slide 26
Slide 26 text
*OWPJDFʢྖऩॻʣ
͜ͷΑ͏ͳϝʔϧ͕ಧ͘
1%'ͰμϯϩʔυϒϥβͰӾཡՄೳ
Slide 27
Slide 27 text
4USJQFͷศརͳػೳ
w ར༻ऀͷϝʔϧ௨ʢ3FDJQFTʣ
w ΫϨδοτΧʔυ༗ޮظݶΕલʹ௨
ʢظݶΕͰࣦഊ͢Δલʹɺߋ৽Λࣄલʹ
ଅͤΔʣ
w ఆظ՝ۚߋ৽લʹ௨ʢউखʹܾࡁ͞Εͯ
ෆຬʹͳΒͳ͍Α͏ʹʣ
w ܾࡁྃޙͷ௨ʢྖऩॻΛૹΕΔʣ
w τϥΠΞϧऴྃલʹ௨ʢࢧ͍͕։࢝͞
ΕΔ͜ͱΛ௨ʣ
Slide 28
Slide 28 text
4USJQFͷศརͳػೳ
w 8FCIPPL
w ΠϕϯτΛ)551ϦΫΤετͰड͚औΕΔ
w ͋ΒΏΔΠϕϯτ͕ൃੜ
w ಛఆΠϕϯτͷΈ௨ͷՄೳ
w ୀձɺฦۚɺར༻ఀࢭͷϑοΫ
w ӡӦऀͷ௨
Slide 29
Slide 29 text
վΊͯશମΛ၆ᛌ
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
ՄࢹԽͯ͠վΊͯ
ؾ͕͍ͭͨ͜ͱ
Slide 32
Slide 32 text
ՄࢹԽͯ͠ؾ͕͍ͭͨ
w ϓϩμΫτͷ։ൃʹूதͰ͖ΔΈʹͳ͍ͬͯΔ
w ܾࡁʹ·ͭΘΔॾʑΛߦͬͯ͘ΕΔ
w ఆ࣌ͷ՝ۚΛࣗલͰΔͷͱͯେม
w ྖऩॻͱ͔େม
Slide 33
Slide 33 text
·ͱΊ
w ՄࢹԽͯ͠ΈͯɺϓϩμΫτ։ൃʹूதͰ͖ΔΈʹؾ͕͚ͭͨ
w ՄࢹԽʹΑͬͯɺʮ4USJQFͰͬͯΈΑ͏ʯ͕૿͑Δͱخ͍͠
w ใΛγϯϓϧ͔ͭൣғʹ͍͖͍ͯͨ͠
Slide 34
Slide 34 text
࣭ͳͲ
Slide 35
Slide 35 text
͋Γ͕ͱ͏͍͟͝·ͨ͠
Slide 36
Slide 36 text
ࢀߟ
w 4USJQF1BZNFOUTIUUQTTUSJQFDPNKQQBZNFOUT
w 4USJQF#JMMJOHIUUQTTUSJQFDPNKQCJMMJOH
w 4USJQF3BEBSIUUQTTUSJQFDPNKQSBEBS
w 1BZNFOUT$IFDLPVUIUUQTTUSJQFDPNKQQBZNFOUTDIFDLPVU
w 1BZNFOUT&MFNFOUTIUUQTTUSJQFDPNKQQBZNFOUTFMFNFOUT
w 4USJQFKT&MFNFOUTΛར༻ܾͯ͠ࡁϑϩʔΛཧղ͢Δ2JJUB
IUUQTRJJUBDPNZ@UPLVJUFNTFFGFEDCCGCDB
w #JMMJOH4VCTDSJQUJPOIUUQTTUSJQFDPNEPDTCJMMJOHTVCTDSJQUJPOTDSFBUJOH
w #JMMJOH*OWPJDFIUUQTTUSJQFDPNEPDTCJMMJOHJOWPJDFT
w #JMMJOH5BY3BUFIUUQTTUSJQFDPNEPDTCJMMJOHUBYFTUBYSBUFT
w 4USJQF3FDJQFTIUUQTTUSJQFDPNEPDTSFDJQFT
w 8FCIPPLIUUQTTUSJQFDPNEPDTXFCIPPLTHPMJWF