Battle Conference U30 2018 #client_12
גࣜձࣾαΠόʔΤʔδΣϯτࠜ؛ ະ དྷϑϩϯτΤϯυΤϯδχΞࢲ͕ 8FC$PNQPOFOUTśŮŖšƃ Ͱ͢
View Slide
!OFHJNJDʘϑΥϩʔ͍ͯͩ͘͠͞ʗ
8FC$PNQPOFOUTͱ1BZNFOU3FRVFTU"1*ʢ13"ʣͰ"NFCB1BZ Λͭͬͨ͘ɻ
"NFCB1BZ ͱʁ
"NFCB ͷ৽͍͠ڞ௨ܾࡁγεςϜηΩϡΞͰγϯϓϧͳܾࡁମݧΛఏڙ͢Δ
4IBEPX%0.ΧϓηϧԽ#VUUPO
"NFCB1BZ4%,ʢ13" ͷ࣌ʣ=ߪೖ͢ΔʘΘʔ͍ʗ5)"/,:06=ߪೖ͢Δ&%*5 1":"NFCB1BZ5TVLBUUFSV8FC"QQ"CFNB ύʔΧʔΛணͨϐάͶ͗͠ +1:=0SEFSTVNNBSZIUUQTXXXOFHJNJDDPNTIPQ7JTB /&(*4)*.*,61BZNFOUNFUIPE
"NFCB1BZ4%,ʢϦϯΫλΠϓͷ࣌ʣ=ߪೖ͢ΔʘΘʔ͍ʗ5)"/,:06ςϯϓϨʔτͷඍௐͱɺTUZMF Λࣗ༝ʹ͋ͯΔ͜ͱ͕Ͱ͖ΔͷͰͰ͖Δ͚ͩγϯϓϧʹɻܾࡁߦձࣾͷΧʔυใೖྗͷը໘
ΫϨδοτΧʔυใΛ҆શʹѻ͏˞13" ʹΑͬͯࣗࣾαʔϏε͔Βͤͣ؆୯ʹܾࡁྃͰ͖Δ13" ඇରԠڥͰɺγϯϓϧͰ͔Γ͍ܾ͢ࡁϖʔδΛఏڙ͍ΖΜͳܾࡁํ๏ΛՃ͍ͯ͘͠ࠓޙͷల˞αʔϏεఏڙଆͷαʔόͰɺΫϨΧใΛอଘɺॲཧɺ௨աΛ͠ͳ͍ɻ"NFCB1BZ ͷ͍͍ͱ͜Ζ
࠾༻ٕज़ʹ͍ͭͯ
$VTUPN&MFNFOUTBNFCBQBZΧελϜཁૉΛొ
4IBEPX%0.ΧϓηϧԽ
class AmebaPay extends HTMLElement {constructor() {super();this.attachShadow({mode: open}).innerHTML = AmebaPay.template;this.button = this.shadowRoot.querySelector(button);}connectedCallback() {this.button.addEventListener(click, this.onClick);}���}customElements.define(ameba-pay, AmebaPay);
&4.PEVMFTFYQPSUJNQPSU
export default class AmebaPay extends HTMLElement {���}import AmebaPay from ameba-pay.js;
&4. ରԠϒϥβ&4. ඇରԠϒϥβ&4.&4.
1BZNFOU3FRVFTU"1*ܾࡁใೖྗ༻ͷ 6* Λϒϥβ͕ఏڙ͢Δ
const paymentRequest = new PaymentRequest([{supportedMethods: [basic-card],data: {supportedNetworks: [visa, mastercard]}}], {displayItems: [{label: this.itemName,amount: {currency: JPY,value: this.price}}],total: {label: ߹ܭ,amount: {currency: JPY,value: total}}});new PaymentRequest();
֑ӽ͑ʹ͍ͭͯ
8FC$PNQPOFOUTΛ *& &EHF Ͱಈ͔͢ͷେมͩͬͨφʔɹɹ*& ͱ &EHF Ͱಈ࡞ՄೳʹͳΔ QPMZpMM ͕ҧͬͨɹɹ*& Ͱ )5.-&MFNFOU ͕ GVODUJPO ͡Όͳͯ͘ PCKFDU ʹͳΔṖݱJ04$ISPNF ͷ 13" ͷόάͱͷઓ͍ɹɹ ԁόάɹɹ͠;ɹ͘όάQBZNFOUTIJNKT ͱͷ߈J04 Ͱ 4BGBSJ ͕ 13" ʹରԠʂͰɾɾɾ
8FC$PNQPOFOUTΛ *& &EHF Ͱಈ͔͢ͷେมͩͬͨφʔϚδ͔ʙϚδ͔ʙ˞ձΠϝʔδͰ͢ɻXFCDPNQPOFOUTMJUFKT ͬͯͶʂผͷͭͩͱಈ͔ͳ͍ΑˑϛࣗɺXFCDPNQPOFOUTTEDFKT͡Όͳ͍ͱແཧͬ͢ɻ͋ɺ͋ͱ͚ͩ )5.-&MFNFOU ͕GVODUJPO͡Όͳͯ͘PCKFDU͔ͩΒˑϛ
J04$ISPNF ͷ 13" ͷόάͱͷઓ͍ ԁόά͠;ɹ͘όά
ԁόά ԁҎ্ͷܾࡁͩͱ 13" ͕ಈ࡞͠ͳ͍ࣄ݅/ios/chrome/browser/web/resources/payment_request.jsamount.value = String(amount.value);if (amount.value > ��gCrWeb['paymentRequestManager'].MAX_STRING_LENGTH) {throw new TypeError(amountName + ' value cannot be longer than ' +��gCrWeb['paymentRequestManager'].MAX_STRING_LENGTH + ' characters');}'1025' > 1024
ʘTUBUVT'JYFE ʗIUUQTCVHTDISPNJVNPSHQDISPNJVNJTTVFTEFUBJM JE ԁόά
͠;ɹ͘όάͷ෦ʹإจࣈ͕ग़͖ͯͯɺʮौ୩۠ʯͬͯଧͱ͏ͱ͢Δͱʮ͠;ɹ͘ʯʹͳΔɻ13" ͷೖྗϑΥʔϜͰ͕ଧͯͳ͍ࣄ݅
͠;ɹ͘όά
QBZNFOUTIJNKT ͱͷ߈$ISPNF ͷϓϥΠϕʔτϞʔυͰ "NFCB1BZ ͕ಈ͔ͳ͘ͳͬͨ @ௐࠪͨ͠ͱ͜Ζɾɾɾ
QBZNFOUTIJNKT ͱͷ߈ʘ͜Εͩʗ˞"NFCB1BZ Ͱ 1BZNFOU3FRVFTU ͕ VOEFpOFE ͳΒ 13" ະ࣮ڥͱ͍͏ఆ
QBZNFOUTIJNKT ͱͷ߈!BHFLUNS ͞Μͱٞ ʘͳΜͱɺͯͩͬͨ͘͠͞ʂʗఆʹ OVMM ΛՃ͢Δ͔ɺTIJN Λ͔͢ɾɾɾ
J04 Ͱ 4BGBSJ ͕ 13" ʹରԠʂͰɾɾɾ"NFCB1BZ CBTJDDBSE ͷΈʢݱ࣌ʣ4BGBSJ ͷ 13" QBZNFOUBQQ ͷΈʗʈPʈʘŲŕŢƄšŖƃ
͍͞͝ʹ
"NFCB1BZ ࣾ 4%, ͳͷͰ͕͢ɺຊʹͨ͘͞Μͷํʑͱ͝࿈ܞ͍͍ͤͯͨͩͯ͞࡞Γ্͍͛ͯΔϓϩδΣΫτͰ͢ɻ
νʔϜͷΈΜͳɺࣾͷॾઌഐํɺJTTVF Λ௨ͯ͠ DISPNJVN QBZNFOUTIJN ͷ։ൃऀ༷ɺ!BHFLUNS ༷ɺܾࡁߦձ༷ࣾɺ͍ͭେม͓ੈʹͳ͍ͬͯ·͢ɻ͓ͦΒ͘͜͜ʹ୭͍ͳ͍Ͱ͕͢ʢসʣ͜ͷΛआΓͯް͘ޚྱਃ্͛͠·͢ɻ
ʘ͋Γ͕ͱ͏ʗ