Make good (better) form

Transcript

1. 2018/10/16 JAM plus #03 at tambourine commune ͍͍ϑΥʔϜΛͭ͘Ζ͏
2. ҆෦
   ૲ຑੜ
 Kusamao Abe גࣜձࣾλϯόϦϯ
   ʢtambourine.incʣ
   ɾςΫχΧϧσΟϨΫλʔ
 ɾWebΤϯδχΞ
   
3. JAM plusͷ͓͞Β͍ w JAMελοΫˠJavaScript
   
   API
   
   MarkUp
   Β͍͠
   w MEANελοΫͱ͔LAMPͱ͔ͦ͏͍͏΍ͭ
 ϑϩϯτΤϯυΛࢦ͢Β͍͠
   w plusͬͯԿˠ͜ͷϏϧͷ໊લ͕ϓϥεϏϧ
   w ݄͸։࠵೉͍͔͠΋͠Εͳ͍ʜʜ
4. ͦ͏ɺͦΖͦΖ೥ͷ੉
5. ౦ژΦϦϯϐοΫ
   ͍͖ۙͮͯ·ͨ͠
6. IUUQTOFXTZBIPPDPKQCZMJOFLBOEBUPTIJBLJ
7. ͡Ό͋ྑ͍ϑΥʔϜͬͯʁ
8. IUUQTVTJUFKQBMFSUCPYXFCGPSNEFTJHO
9. Kathryn Whitenton͍Θ͘  ୹͘͠Α͏ɻ
    ؔ࿈ͷ͋Δϥϕϧͱೖྗཝ͸άϧʔϓͰ͋ΔͱݟͯΘ͔ΔΑ͏ʹ͠Α͏ɻ
    ೖྗཝͷϨΠΞ΢τ͸ΧϥϜʹ͠Α͏ɻ
    ࿦ཧతͳॱ൪Ͱฒ΂Α͏ɻ
    ϓϨʔεϗϧμςΩετ͸ར༻͠ͳ͍Α͏ʹ͠Α͏ɻ
    ೖྗཝ͸ೖྗ಺༰ͷछྨ΍௕͞ʹ߹͏΋ͷʹ͠Α͏ɻ
    ೖྗ͕೚ҙͷཝͱඞਢͷཝΛݟ෼͚ΒΕΔΑ͏ʹ͠Α͏ɻ
    ೖྗ΍ϑΥʔϚοτͷཁ݅͸͢΂ͯઆ໌͠Α͏ɻ
    ʮϦηοτʯϘλϯͱʮΫϦΞʯϘλϯ͸࢖Θͳ͍Α͏ʹ͠Α͏ɻ
   ໨ʹ෇͖΍͘͢ɺ۩ମతͳΤϥʔϝοηʔδΛఏڙ͠Α͏ɻ
10. ͜ΕΛकͬͯΕ͹͍͍ϑΥʔϜʁ
11. ୭ʹͱͬͯ΋ʮ͍͍ʯʁ w ։ൃऀ
    w ࡞Γ΍͍͢
    w ϝϯς͠΍͍͢
    w ར༻ऀ
    w ҟͳΔ؀ڥɾ৚݅ԼͰ΋࢖͍΍͍͢
    w ໨తΛୡ੒͢Δͷ͕༰қ
    w ڙڅଆ
    w ਖ਼͍͠৘ใ͕ೖྗ͞ΕΔ
    w ׬ྃ཰͕ߴ͍
12. ଟ͘ͷ৔߹ɺ
    ʮࡾํྑ͠ʯ͸Ή͔͍ͣ͠ʜ
13. ϚδͰ͍͍ϑΥʔϜͷڀۃ
14. ೖྗ͠ͳ͍͍ͯ͘͜ͱͰ͸ʁʁʁ
15. ͦ΋ͦ΋ೖྗ͸ΊΜͲ͍ w Զୡ͸͋ͱԿճϝʔϧΞυϨεΛೖྗ͠ͳ͍ͱ͍͚ͳ͍ͷ͔
    w ࣗಈೖྗ͕ޮ͔ͳ͍ϑΥʔϜ΋ͨ͘͞Μ͋Δ
    w ͳΜ͔΋͏ͥΜͿɺϐοͱ΍ͬͯͰ͖ͳ͍͔ͬ͢ʁʁʁʁʁ
16. ͨͱ͑͹Amazon Pay
17. IUUQTQBZBNB[PODPNKQTIPQQFS
18. Amazon Pay w AmazonͷΞΧ΢ϯτʹొ࿥͞Εܾͨࡁ৘ใͰܾࡁͯ͘͠ΕΔ
    w ࣄۀऀ͸ܾࡁ৘ใΛอ͓࣋ͯ͘͠ϦεΫΛऔΒͣʹࡁΉ
    w ॅॴ৘ใ΋͍ͭ΋ͷAmazonͷ΍ͭͰ
    w ख਺ྉ͸ίϯςϯπͷ4%ʙ4.5%
19. Apple Payͱ͔
 Google Pay΋ͦ͏
20. ·͋ͦΕ͹͔ͬΓ͡Όͳ͍ΑͶ w ࣗ෼ͷͱ͜ΖͰΞΧ΢ϯτ࡞Βͤͯ*%౷߹ͯ͠."΍Γ͍ͨΑͶʙ
    w ख਺ྉߴ͍ʂ΍ͩʂ
    w ͨͩͷ͝ҙݟϑΥʔϜ͔ͩΒͦ΋ͦ΋͍ΒΜͷ͕ͩʙ
21. ͍΍͔͠͠େࣄͳ͜ͱͳΜͰ͢
22. ਓ͸ɺؒҧ͑Δʜʜ
23. ΋ͷ͕૿͑ΔͱͲ͏ͳΔ͔ w ࡞Δ΋ͷ͕ଟ͍
    
 ˠ
    ΤϯόάͷՄೳੑ͕૿͑Δ
    w ೖྗ͢Δ΋ͷ͕ଟ͍
    
 ˠ
    ೖྗΛؒҧ͑ΔՄೳੑ͕૿͑Δ
    w ؅ཧ͢Δ΋ͷ͕ଟ͍
 ˠ
    ηΩϡϦςΟࣄނͷՄೳੑ͕૿͑Δ
24. Ͱ΋ɺͲ͏ͯ͠΋ඞཁͳ߲໨͸͋Δ w ๷ࡂɾݮࡂ͠Α͏
    w ηΩϡϦςΟ্ͷࣄނΛݮΒ͢
    w όάΛݮΒ͢
    w ೖྗϛεΛݮΒ͢
25. ϑϩϯτΤϯυΤϯδχΞ
 ͕΍Δ͜ͱ
26. όάΛݮΒ͢ w ͍΍·͋౰ͨΓલͳΜ͚͢Ͳ
    w όϦσʔγϣϯͰ௨͢΂͖ύλʔϯΛ஄͍͍ͯͨͱ͔
    w ಛఆͷύλʔϯΛ౿ΉͱΛు͍ͯશ෦ೖྗ಺༰͕ফ͑Δͱ͔
    w ૹ৴࣌ʹ৘ใ͕ܽམͯͨ͠ͱ͔
27. ೖྗϛεΛݮΒ͢ w όοΫΤϯυόϦσʔγϣϯ΍ϑϩϯτΤϯυόϦσʔγϣϯ͸
 ʮ͋ͬͯ౰ͨΓલʯʹͳ͖ͬͯͨʢ΍ͬͯͳ͍ͳΒ΍Ζ͏ͳʣ
    w ͦ΋ͦ΋ೖྗΛਖ਼͘͠Ͱ͖ΔΑ͏ʹ͢Δ
28. ྫɿ༣ศ൪߸ w ܻͷ਺ࣈ͔ΒͳΔ೔ຊͷ༣ศ൪߸
    w ʮܻ
    
    ܻͷೖྗཝʹ෼͚Α͏ʯ
    w ʮ൒֯਺ࣈ͚ͩڐ༰ͯ͠΄͔͸Τϥʔʹ͠Α͏ʯ
    w ʮͦͷ༣ศ൪߸ͰϥΠϒϥϦ͔ΒॅॴҾ͍ͯ
 ॅॴ͕ଘࡏ͠ͳ͚Ε͹Τϥʔʹ͠Α͏ʯ
29. Τϥʔʹ͠ͳ͍ͱ͍͏ख๏ w ςΫϊϩδʔͰղܾͰ͖Δ͜ͱ͸ͯ͋͛͠Α͏
    w ൒֯਺ࣈ͚ͩ͡Όͳ͘ɺશ֯਺ࣈΛม׵ͯ͋͛͠Α͏
    w ඞཁͳ͍จࣈྻ͕ೖͬͯ΋উखʹऔΓআ͘
    w ແବʹ෼ׂͯ͠ೖྗͤ͞ͳ͍ɺܻͰόϥ͢ͷ͸ϓϩάϥϜͰͰ͖Δ
    w ˠσʔλܗࣜΛؒҧ͑Α͏͕ͳ͍
31. w jQueryͰόϦσʔγϣϯ͸ͶɺͭΒ͍
    w ͪΐͬͱͨ͠ϑΥʔϜͰ΋Vue.js࢖͏ͱΊͬͬͪΌͪ͘Όָ
    w σβΠϯͦ͜·Ͱؾʹ͠ͳ͍ͳΒElementUIΛ࢖͏ͱͪΐʙʙʙʙָ
32. ςΫϊϩδʔͰղܾͰ͖ͳ͍͜ͱ΋͋Δ͕ w ͨͱ͑͹ಛघͳ༣ศ൪߸ͱ͍͏ͷ͕ଘࡏ͢Δ
    w ࠃཱେͷֶੜྈͱ͔ͩͱ൪஍ʹඥͮ͘΋ͷͰ͸ͳ͘ಛघͳ൪߸͕ඥ෇͍ͯ ͍ͯɺ༣ศ൪߸͚ͩͰࢪઃ͕ಛఆͰ͖ΔΑ͏ʹͳ͍ͬͯͨΓ͢Δ
 ʢͦ͏͍͏ͷ͸ϥΠϒϥϦͰҾ͚ͳ͍৔߹͕͋Δʣ
    w ˠ
    Ұ֓ʹϥΠϒϥϦͰҾ͔͔ͬΒͳ͍ͳΒଘࡏ͠ͳ͍༣ศ൪߸ͱݴ͑Δ ͔͸Θ͔Βͳ͍
33. IUUQTKBXJLJQFEJBPSHXJLJ&#&#&#'&""&'#
34. Ͱ΋ॅॴؒҧͬͯͨΒࠔΔ w Θ͔Δʂʂʂʂʂʂʂʂ
    w ΫϩωίϠϚτ͸ձһαʔϏεొ࿥࣌ʹ࣮ࡍʹొ࿥͞Εͨॅॴʹ๚໰ͯ͠ ձһΧʔυΛ౉͢͜ͱͰ͋Δఔ౓ͷޡΓνΣοΫΛ͍ͯͨ͠
    w ༣ศ൪߸͕ͳͯ͘΋ՙ෺΍खࢴ͸ಧ͘
 ʢ഑ୡॴଆ͕θϯϦϯͷ஍ਤ΍ཤྺ͔Β֬ೝͨ͠Γ͍ͯ͠Δͷ͕΄ͱΜͲʣ
35. ؒҧͬͯͨΒ΍͹͍΋ͷΛݟۃΊΖ w ڧݻͳόϦσʔγϣϯʢόοΫɾϑϩϯτʣ
    w ೖྗϑΥʔϚοτΛ໌ࣔ͠ɺ
 ؒҧ͍ͬͯΔ৔߹Ͳ͏΍ͬͨΒղܾͰ͖Δ͔Λద੾ʹࣔ͢
    w ϝʔϧΞυϨε
 ˠ
    ࣮ࡍʹૹ৴ͯ͠ෆୡνΣοΫ
    w ܞଳి࿩൪߸
 ˠ
    4.4ʹΑΔຊਓνΣοΫ
    w ॅॴ
 ˠ
    ձһূɾొ࿥ূૹ෇ʹΑΔνΣοΫ
36. Θ͔Γ΍͢͞
    
    ͍͍ʁ w ৘ใϦςϥγʔͷ௿͍ঢ়ଶʢటਲͯ͠Δͱ͔ᐒᐓͱ͍ͯ͠Δͱ͔ʣͷͱ͖ʹ ࢖͑Δ͜ͱ͕ఏڙଆͷෆརӹʹͳΔͷ͸ࠔΔ
    w టਲͰAmazonͰؾ͕େ͖͘ͳͬͪΌͬͯߴֹͳ΋ͷΛങ͏ͱ͔ʁ
    w ωοτόϯΩϯάΛటਲঢ়ଶͰ࢖͑Δ΂͖ͳͷ͔ʜʁʁʁʁʁʁʁʁ
    w ϑΥʔϚοτ͕໌ࣔ͞ΕͯΔͱ૯౰ͨΓ߈ܸͷώϯτΛ૿΍ͯ͠͠·͏Α͏ ͳؾ΋͢Δ
    w ʮ͜ͷϝʔϧΞυϨε͸ొ࿥͞Ε͍ͯ·͢ʯͬͯग़ͪ͠Ό͏ͷ͸·͍ͣ
37. ॱ൪͕͋Δ w ηΩϡϦςΟ্ͷݒ೦͸·ͣઌʹ௵͓ͯ͜͠͏
    w Ұ౓Ͱ΋৘ใ࿙͍͑Έ͍ͨͳΠϯγσϯτ͕͋ͬͨͱ͜ΖΛ࢖͍͍͔ͨͲ͏͔Έͨ ͍ͳ࿩ʹͳͬͯ͘Δ
    w ͦͷ্ͰɺఏڙͰ͖Δ৘ใ͸ఏڙ͠Α͏ʢϑΥʔϚοτ΍खॱͳͲʣ
    w గਖ਼Մೳͳ΋ͷ͸ϓϩάϥϜͰٵऩɺΦϖϨʔγϣϯͰָʹղܾͰ͖Δ΋ͷ͸ͦͷ· ·ɺͲ͏ͯ͠΋μϝͳ΋ͷ͸ʮͲ͏͢Ε͹௚ͤΔ͔ʯΛ໌ࣔͯ͠ϑΟʔυόοΫ͢Δ
    w ΫϦςΟΧϧͳ࡞ۀ΍߲໨͸֬ೝμΠΞϩάͳͲͰϫϯΫογϣϯஔ͍ͨΓɺ׬ྃޙ ʹ׬ྃϝʔϧඈ͹͢ͱ͔ͰϩάΛ࢒͓ͯ͘͠ʢਓ͸టਲऀͷരങ͍ʹແྗʣ
38. ༨ஊ
39. ϑΥʔϜ͋Δ͋Δ w ʮσβΠϯͱίʔσΟϯά·Ͱ΍ͬͯ͋ͱ͸γεςϜͷਓʹʙʯ
    w %#ʹอଘ͢ΔʁϝʔϧૹΔʁηΩϡϦςΟͲ͏͢Δʁ
    w ͍Ζ͍Ζߟ͑Δ͜ͱଟ͍ʢݸਓ৘ใѻ͏৔߹ಛʹʣ
40. Pardot Form Handler w Salesforceͷ੡඼ʮPardotʯͷForm HandlerΛ࢖͏ͱͦͷ͋ͨΓͪΐͬͱ ָ͔΋
    w طଘͷίʔσΟϯάࡁΈϑΥʔϜͷૹ৴ઌΛPardotʹ͢ΔΠϝʔδ
    w Ϧʔυͷ࿈ܞ΍ϑϩʔͱͷ࿈ܞ
    w IUUQTIFMQTBMFTGPSDFDPNBSUJDMF7JFX JEQBSEPU@GPSN@IBOEMFSTIUNUZQF
41. IUUQTXXXUBNUBNDPKQUJQTOPUFIUNM@DTTQPTUIUNM
42. Έ͍ͨͳSaaSͱ͔ΊͬͪΌ͋ΔͷͰ
    ʮ࡞Βͳ͍ʯબ୒ࢶ΋͋ΔΑ
43. େࣄͳ͜ͱ w ඞཁ͕ͳ͍΋ͷΛ࡞Βͳ͍
    w ࣗ෼ͨͪͰ࡞Βͳͯ͘΋͍͍ͳΒ࡞Βͳ͍ʢ͋Δ΋ͷΛ࢖͏ʣ
    w ࡞Δͱ͖͸༏ઌॱংΛཱͯͯߟ͑Δʢ୭ͷɾͳΜͷͨΊͷϑΥʔϜʁʣ
    w jQueryͷόϦσʔγϣϯ͸ɺͭΒ͍
    w ϓϩάϥϜ͚ͩͰղܾͤͣ᎕खΛ࢖ͬͯͭΒΈճආ΋͍ͯ͘͠
    w ೖྗ͸Τϥʔ͕ى͖ͳ͍Α͏ʹɺى͖ͯ΋͙͢෮ؼͰ͖ΔΑ͏ʹ
44. ࣗ෼͕ϘϥϯςΟΞԠืϑΥʔϜ࡞Δͱ͖ɺ
 Ͳ͏͢ΔͩΖ͏ͳͱ͓΋͍·ͨ͠
45. Thank you!