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